详情页面电话联系弹窗

pages.json

@@ -1,5 +1,5 @@
 {
-    "pages" : [
+	"pages" : [
         //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
         {
             "path" : "pages/index/index",

pages/projectInfo/projectInfo.vue

@@ -131,9 +131,14 @@
 				<view v-if="nextBtn" class="down" @click="next">下一步</view>
 			</view>
 		</uniMask>
-		<uni-popup type="bottom" ref="popup" :showClose='true' @change="change">
+		<u-popup closeable :show="showPopUp" mode="bottom" @close="closePopUp">
-			<view>1111111</view>
+			<view style="height: 200rpx;padding: 20rpx 40rpx;">
-		</uni-popup>
+			    <view style="font-size: 28rpx;font-weight: bold;">重要提示：</view>
+				<view style="font-size: 24rpx;color:#707070;margin-top:10rpx;">为保障个人基本劳动权益，建议通过平台用工的形式就业</view>
+				<view style="text-align: center;font-size:28rpx;margin-top: 30rpx;"> {{ info.callName }} : {{ info.callTel }}</view>
+				<!-- <view style="margin-left: 50rpx;font-size:28rpx;margin-top: 7rpx;">手机号：{{ info.callTel }}</view> -->
+			</view>
+		</u-popup>
 	</view>
 	
 	<view v-else-if="showCode" class="codeSealBox">
@@ -194,7 +199,7 @@
 				src: 'https://jlfiles.oss-cn-zhangjiakou.aliyuncs.com/jobslink-api/doc/%E7%94%B5%E5%AD%90%E5%90%88%E5%90%8C%E9%A2%84%E8%A7%88%E5%9B%BE%E7%89%87.png',
 				maxlength: 6,
 				collectStatus: 0, // 收藏状态
-				showPopup: false,
+				showPopUp: false,
 			}
 		},
 		components: {uniMask,validCode,uniPopup},
@@ -236,9 +241,10 @@
 				})
 			},
 			callPhone() {
-				console.log('电话联系')
+				this.showPopUp = true;
-				// this.showPopup = true;
+			},
-				this.$refs.popup.open();
+			closePopUp() {
+				this.showPopUp = false;
 			},
 			// 获取收藏状态
 			getCollectStatus() {