浏览代码

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

web 4 年之前
父节点
当前提交
20badc24f3
共有 1 个文件被更改,包括 58 次插入5 次删除
  1. 58 5
      pages/index/fangsheng/index.vue

+ 58 - 5
pages/index/fangsheng/index.vue

@@ -80,7 +80,7 @@
 												{{selectOptionData.name}}-<text class="price" v-text="selectOptionData.price? selectOptionData.price+'券' : '免费'"></text>
 											</view>
 										</view>
-										<view class="btn confirm" @click="modalConfirm()">确</view>
+										<view class="btn confirm" @click="modalConfirm()">确认放生</view>
 									</view>
 								</swiper-item>
 							</swiper>
@@ -88,14 +88,25 @@
 					</view>
 				</view>
 			</view>
-			
+			<!-- 放生弹窗 -->
+			<view v-show="false">
+				<view class="tip-bg">
+					<view class="tip-content-box">
+						<view class="tip-title">默念(三遍)</view>
+						<view class="content_box">
+							<rich-text :nodes="nodes"></rich-text>
+						</view>
+						<view class="tip-btn">默念完毕,开始放生</view>
+						<image class="hua-pic" src="../../../static/index/fangsheng/dialog_bg_hua.png"></image>
+					</view>
+				</view>
+			</view>
 			<!-- 菜单 -->
 			<view class="uni-nav-menu">
 				<u-mask :show="showMask" @click="showMask = false">
 					<view class="uni-wrap">
 						<div class="operate_wrap operate_wrap_top">
 							<view class="operate_list">
-								
 									<view class="operate_item">
 										<navigator url="./intro">
 											<image src="../../../static/index/icon/answer_icon.png" class="oprate_icon"></image>
@@ -108,7 +119,6 @@
 											<text class="oprate_content">放生记录</text>
 										</navigator>
 									</view>
-									
 							</view>
 						</div>
 					</view>
@@ -201,6 +211,18 @@
 						desc: '如鱼得水,子孙昌隆'
 					},
 				],
+				nodes:[
+					{
+						name: 'p',
+						attrs: {
+							class: 'directory-content',
+						},
+						children: [{
+							type: 'text',
+							text: '各位生灵,下面我给你们三皈依皈依佛,皈依法,皈依僧。皈依佛不堕地狱,皈依法不堕饿鬼,皈依僧不堕畜生。希望你们被放以放后,获尽天年。临命终时,乘佛本愿,往生极乐'
+						}]
+					},
+				]
 			}
 		},
 		onLoad() {
@@ -631,7 +653,38 @@
 			/*上 右 下 左 */
 		}
 	}
-
+	.tip-bg{
+		background-color: rgba(0,0,0,0.5);
+		width:600rpx;
+		display: flex;
+		align-items: center;
+		margin: 0 auto;
+		.tip-content-box{
+			border:1rpx solid rgb(255,246,216);
+			margin: 20rpx;
+			.tip-title{
+				margin: 30rpx 0;
+				color: rgb(255,246,216);
+				font-size: 35rpx;
+				text-align: center;
+			}
+			.content_box{
+				width:500rpx;
+				margin: 0 10rpx 30rpx 10rpx;
+				/deep/.directory-content {
+					text-indent: 73rpx;
+					font-size: 40rpx;
+					color: rgb(255,246,216);
+				}
+			}
+			.hua-pic{
+				width:50rpx;
+				height:50rpx;
+			}
+		}
+		
+	}
+	
 	@media screen and (max-width: 414px) {
 		.uni-desk-box .gf {
 			top: -62rpx;