提交弹窗

me/detail/detailIOS.nvue

@@ -12,8 +12,8 @@
 						:enable-progress-gesture="false" :poster="item.titleImg" :ref="'myVideo'+item.courseDetailsId"
 						:id="'myVideo'+item.courseDetailsId" :src="item.videoUrl" :autoplay="item.autoPlay"
 						class="swipersastqw"></video>
-					<image v-else @click="!item.videoUrl?upPop():''" :src="item.titleImg"
-						class="swipers-items-imgsbgwq" mode="aspectFill">
+					<image v-else @click="!item.videoUrl?upPop():''" :src="item.titleImg" class="swipers-items-imgsbgwq"
+						mode="aspectFill">
 					</image>
 					<!-- 返回图标 -->
 					<image v-if="showBack" src="../static/nvueIcon/backs.png" @click="goBack()"
@@ -193,7 +193,7 @@
 						src="../../static/images/me/closeIconss.png" mode=""></image>
 				</view>
 				<!-- 余额 -->
-		
+
 				<!-- 支付类型 -->
 				<view class="payType">
 					<view class="payType-item" @tap='selectWay(item)' v-for="(item,index) in openLists" :key="index">
@@ -247,24 +247,23 @@
 
 			</view>
 		</uni-popup>
-		<uni-popup ref="alertDialog" type="dialog">
-		<!-- 	<view class="list-title">
-				<view class="">
-					
-				</view>
-				<view class="list-title-l">
-					<text class="list-title-lss">
-						当前视频 没有播放权限
-					</text>
-				</view>
-				<view class="list-title-r" @click="closePay()">
-					<image class="list-title-rsczg" src="../../static/images/me/closeIconss.png" mode=""></image>
-				</view>
-			</view> -->
-			
-			<uni-popup-dialog type="dialog" cancelText="看免费视频" confirmText="去登录"  content="使用金币解锁此视频"
-				@confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
-		</uni-popup>
+	<uni-popup ref="alertDialog" type="center" borderRadius="80rpx 80rpx 80rpx 80rpx" background-color="#fff">
+		<view style="padding: 30rpx;width: 500rpx;height: 280rpx;position: relative;">
+			<view style="display: flex;align-items: center; justify-content: space-between;">
+				<view class=""></view>
+				<view class=""></view>
+				<image style="width: 20rpx;height: 20rpx;" src="../../static/images/me/closeIconss.png" mode="">
+				</image>
+			</view>
+			<view style="margin-top: 40rpx;text-align: center;">
+				使用金币解锁此视频
+			</view>
+			<view style="position: absolute;bottom: 0;left: 0;display: flex;align-items: center;justify-content: space-between;width: 100%;border-top: 1rpx solid #333333;">
+				<view style="width: 50%;text-align: center;line-height: 80rpx;border-right: 1px solid #333333;" @tap="dialogConfirm">看免费视频</view>
+				<view style="width: 50%;text-align: center;line-height: 80rpx;" @tap="dialogClose">去登录</view>
+			</view>
+		</view>
+	</uni-popup>
 	</view>
 </template>
 
@@ -505,14 +504,14 @@
 			}
 		},
 		methods: {
-			dialogClose(){
+			dialogClose() {
 				uni.navigateTo({
-					url:'/pages/video/video'
+					url: '/pages/video/video'
 				})
 			},
-			dialogConfirm (){
+			dialogConfirm() {
 				uni.navigateTo({
-					url:'/pages/login/login'
+					url: '/pages/login/login'
 				})
 			},
 			/**
@@ -1012,7 +1011,7 @@
 				});
 			},
 			// 弹出弹出层
-			upPop(){
+			upPop() {
 				this.$refs.alertDialog.open()
 			},
 			//打开购买弹窗
@@ -1164,7 +1163,7 @@
 				this.current = current;
 				//插入历史记录
 				this.setHistor(this.videoList[this.current].courseId, this.videoList[this.current].courseDetailsId);
-				},
+			},
 			//控制播放
 			startPlay(current) {
 				if (this.videoContext) { //判断之前是否有视频的上下文