dengjie commit ： 产品详情和厂家详情下方的联系客服样式及跳转

pages/detail/productsDetail/productsDetail.vue

@@ -58,10 +58,17 @@
 				<text>{{detailList.pub_time}}</text>
 			</view>
 			<u-parse :content="detailList.desc" @preview="preview" @navigate="navigate"></u-parse>
-			<view class="footer">
+			<view class="footer" @click="showModal()">
 				<u-icon name="kefu-ermai" color="#fff" size="30rpx"></u-icon>
 				<text>联系客服</text>
 			</view>
+			<u-modal :show="showCall" showCancelButton closeOnClickOverlay="false" confirmText="是" cancelText="否"
+				@confirm="confirmCall" @cancel="cancelCall">
+				<view>
+					<view>{{phone}}</view>
+					<text>是否拨打客服电话</text>
+				</view>
+			</u-modal>
 			<view style="margin:0 20rpx;">
 				<u-overlay :show="!isLoad">
 					<login @success="reOnLoad()" @fail="failToLoad()"></login>
@@ -92,6 +99,8 @@
 				detailList: [],
 				isLoad: true,
 				showM: false,
+				showCall: false,
+				phone: '138 1222 222',
 				content: '您暂无权限访问，请升级VIP访问'
 			}
 		},
@@ -188,6 +197,26 @@
 				uni.navigateTo({
 					url: '../../../packageMy/memberCenter/memberCenter?ask=' + 1
 				})
+			},
+			// 联系客服模态框
+			showModal() {
+				this.showCall = true
+			},
+			confirmCall() {
+				this.showCall = false
+				let phone = '‭1381222222‬'
+				uni.makePhoneCall({
+					phoneNumber: phone,
+					success: function() {
+						console.log('拨打电话成功');
+					},
+					fail() {
+						console.log('打电话失败了');
+					}
+				})
+			},
+			cancelCall() {
+				this.showCall = false
 			}
 		}
 	}