调整购买vip弹窗效果

pages/home/me/member/member.js

@@ -9,8 +9,8 @@ Page({
      */
     data: {
         yhy:true,
-        openid:''
+        openid:'',
-
+        showToast:false
     },
     doKtHy() {
 
@@ -59,11 +59,11 @@ Page({
         wx.navigateBack({ changed: true });
     },
     tQuest(){
-        Toast({
+        this.setData({showToast:true})
-            context: this,
+    },
-            selector: '#t-toast',
+    closeTaost(){
-            message: '星座精灵AI的付费会员服务基于OpenAI的GPT-3.5 Turbo模型，为您提供高智能情感咨询服务，以及星座、星骰和塔罗牌等娱乐服务。利用人工智能技术和高质量的自然语言响应，星座精灵AI可以更好的帮助您深入探索内心世界。',
+        this.setData({showToast:false})
-          });
+        console.log('点击了');
     },
 
     /**

pages/home/me/member/member.wxml

@@ -7,6 +7,14 @@
 <view class="hgpng"></view><!--皇冠图标-->
 <view class="question"  bindtap="tQuest"></view><!--问号图标-->
 
+<!-- 提示 -->
+<view class="bgc" bindtap="closeTaost" wx:if="{{showToast}}">
+<view class="toast">
+星座精灵AI的付费会员服务基于OpenAI的GPT-3.5 Turbo模型，为您提供高智能情感咨询服务，以及星座、
+星骰和塔罗牌等娱乐服务。利用人工智能技术和高质量的自然语言响应，星座精灵AI可以更好的帮助您深入探
+索内心世界。</view>
+</view>
+
 <t-toast id="t-toast" /><!--弹出问号图标-->
 <view class="hybtn" bindtap="doKtHy">开通会员</view>
 <view class="viphyqy">VIP会员权益</view>
@@ -23,4 +31,4 @@
 <view class="month1" wx:if="{{yhy}}" bindtap="go2Month"><text class="text1 tcolor2">￥69</text><text class="text2 tcolor2"> / 月</text></view>
 
 <view class="week2" wx:if="{{!yhy}}" bindtap="go2Week"><text class="text1 tcolor2">￥29</text><text class="text2 tcolor2"> / 周</text></view>
-<view class="month2" wx:if="{{!yhy}}" bindtap="go2Month"><text class="text1 tcolor1">￥69</text><text class="text2 tcolor1"> / 月</text></view>
+<view class="month2" wx:if="{{!yhy}}" bindtap="go2Month"><text class="text1 tcolor1">￥69</text><text class="text2 tcolor1"> / 月</text></view>

pages/home/me/member/member.wxss

@@ -60,6 +60,7 @@ background-repeat: no-repeat;
     top: 124px;
     width: 30px;
     height: 30px;
+    z-index: 999;
     background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/qqest.png);
 }
 .hybtn{
@@ -229,4 +230,29 @@ font-family: SourceHanSansSC-regular;
     text-align: center;
     font-family: Arial;
     border: 2px solid rgba(248, 99, 42, 1);
+}
+
+.toast {
+    position: absolute;
+    top: 344rpx;
+    left: 64rpx;
+    width: 622rpx;
+    height: 316rpx;
+    padding: 32rpx;
+    box-sizing: border-box;
+    border-radius: 15px;
+    background-color: rgba(255, 255, 255, 0.9);
+    color: rgba(108, 108, 108, 1);
+    font-size: 28rpx;
+    text-align: center;
+    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.2);
+    z-index: 999;
+    text-align: justify;
+}
+
+.bgc {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
 }