Przeglądaj źródła

上传文件至 'pages/index/fangsheng'

web 4 lat temu
rodzic
commit
e5fc2b583a
1 zmienionych plików z 40 dodań i 16 usunięć
  1. 40 16
      pages/index/fangsheng/index.vue

+ 40 - 16
pages/index/fangsheng/index.vue

@@ -89,7 +89,7 @@
 				</view>
 			</view>
 			<!-- 放生弹窗 -->
-			<view v-show="false">
+			<view v-if="ifShowRelease">
 				<view class="tip-bg">
 					<view class="tip-content-box">
 						<view class="tip-title">默念(三遍)</view>
@@ -213,16 +213,17 @@
 				],
 				nodes:[
 					{
-						name: 'p',
+						name: 'div',
 						attrs: {
 							class: 'directory-content',
 						},
 						children: [{
 							type: 'text',
-							text: '各位生灵,下面我给你们三皈依皈依佛,皈依法,皈依僧。皈依佛不堕地狱,皈依法不堕饿鬼,皈依僧不堕畜生。希望你们被放以放后,获尽天年。临命终时,乘佛本愿,往生极乐'
+							text: '各位生灵,下面我给你们三皈依皈依佛,皈依法,皈依僧。皈依佛不堕地狱,皈依法不堕饿鬼,皈依僧不堕畜生。希望你们被放以放后,获尽天年。临命终时,乘佛本愿,往生极乐'
 						}]
 					},
-				]
+				],
+				ifShowRelease:false
 			}
 		},
 		onLoad() {
@@ -356,7 +357,8 @@
 				
 			},
 			modalConfirm() {
-
+				this.showPopup = false;
+				this.ifShowRelease = true;
 			}
 		}
 	}
@@ -655,31 +657,53 @@
 	}
 	.tip-bg{
 		background-color: rgba(0,0,0,0.5);
-		width:600rpx;
-		display: flex;
-		align-items: center;
-		margin: 0 auto;
+		width:670rpx;
+		position: fixed;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
 		.tip-content-box{
 			border:1rpx solid rgb(255,246,216);
 			margin: 20rpx;
+			position: relative;
 			.tip-title{
-				margin: 30rpx 0;
+				margin: 40rpx 0;
 				color: rgb(255,246,216);
-				font-size: 35rpx;
+				font-size: 40rpx;
 				text-align: center;
 			}
 			.content_box{
-				width:500rpx;
-				margin: 0 10rpx 30rpx 10rpx;
+				width:630rpx;
+				margin: 0 15rpx 40rpx 15rpx;
 				/deep/.directory-content {
-					text-indent: 73rpx;
+					text-indent: 15rpx;
 					font-size: 40rpx;
 					color: rgb(255,246,216);
+					width:100%;
+					display:inline-block;
+					white-space: pre-wrap; 
+					word-wrap: break-word;
+					height: auto;
 				}
 			}
+			.tip-btn{
+				width:300rpx;
+				height:65rpx;
+				line-height: 65rpx;
+				font-size: 35rpx;
+				color:rgb(255,246,216);
+				border:2rpx solid rgb(255,246,216);
+				border-radius: 13rpx;
+				text-align: center;
+				margin-left: 285rpx;
+				margin-bottom: 30rpx;
+			}
 			.hua-pic{
-				width:50rpx;
-				height:50rpx;
+				width:145rpx;
+				height:145rpx;
+				position: absolute;
+				top:458rpx;
+				left:-55rpx;
 			}
 		}