'增加客服页面'

app.json

@@ -26,7 +26,8 @@
     "pages/user/walletDetails/walletDetails",
     "pages/user/myworks/myworks",
     "pages/vipPage/vip/vip",
-    "pages/vipPage/vipCode/vipCode"
+    "pages/vipPage/vipCode/vipCode",
+    "pages/vipPage/wechat/wechat"
   ],
   "window": {
     "backgroundTextStyle": "light",

component/my/my.wxml

@@ -51,7 +51,7 @@
           <view class="grey-point"></view>
           <image class="wallet-icon" src="{{myData.isIOS ? '../../static/vip/idcard.png' : '../../static/vip/small_crown.png'}}" />
           <view class="right_vip">
-            <view class="vip_text">VIP限时优惠</view>
+            <view class="vip_text">{{myData.isVIP ? 'VIP会员': '激活码激活'}}</view>
             <view class="{{myData.isVIP ? 'vip': 'grey'}}">
               {{myData.isVIP ? myData.isIOS ? '已激活': '已开通': myData.isIOS ? '立即激活': '立即开通'}}
             </view>

component/myModal/myModal.wxml

@@ -13,18 +13,18 @@
         <cover-view class="paySuccess">恭喜您支付成功</cover-view>
         <cover-view class="btn" bindtap="confirm">确定</cover-view>
     </cover-view>
-    <cover-view class="box" wx:if="{{type === 'androidVIP'}}">
+    <cover-view class="androidBox" wx:if="{{type === 'androidVIP'}}">
         <!-- <cover-view class="text" wx:for="{{text}}"></cover-view> -->
         <cover-image class="androidVIPImg" src="../../static/vip/crown.png"></cover-image>
         <cover-view class="androidVIPText">快去开通VIP</cover-view>
         <cover-view class="androidVIPText">享受更多权益吧</cover-view>
-        <cover-view class="btn" bindtap="confirm">确定</cover-view>
+        <cover-view class="btn" bindtap="confirm">立即开通</cover-view>
     </cover-view>
     <cover-view class="box" wx:if="{{type === 'iosCode'}}">
         <cover-image class="androidVIPImg" src="../../static/vip/crown.png"></cover-image>
         <cover-view class="androidVIPText">由于相关规范，ios功能暂不可用</cover-view>
         <cover-view class="androidVIPText">联系客服解锁哦</cover-view>
-        <cover-view class="btn" bindtap="confirm">立即解锁</cover-view>
+        <cover-view class="androidBtn" bindtap="confirm">立即解锁</cover-view>
     </cover-view>
     <cover-image class="close" src="../../static/groupImg/cha.png" bindtap="close" wx:if="{{isCloseShow}}">
         <!-- <cover-image src="" /> -->

component/myModal/myModal.wxss

@@ -84,12 +84,27 @@
     margin: 46rpx auto 14rpx;
 }
 
+.androidBox {
+    width: 644rpx;
+height: 563rpx;
+background: rgba(255, 255, 255, 1);
+border-radius: 34rpx;
+margin: 282rpx auto 0;
+left: 0;
+top: 0;
+right: 0;
+bottom: 0;
+position: relative;
+box-sizing: border-box;
+overflow: visible;
+
+}
 .androidVIPImg {
     width: 160rpx;
     height: 160rpx;
     /* position: absolute; */
     /* top: -89rpx; */
-    margin: 0 auto;
+    margin: 46rpx auto 35rpx;
     left: 0;
     right: 0;
 
@@ -99,5 +114,21 @@
     color: #0D0D0D;
     font-size: 40rpx;
     text-align: center;
-    margin-top: 5rpx;
+    margin-bottom: 23rpx;
+
+}
+.androidBtn {
+    width: 402rpx;
+    height: 84rpx;
+    line-height: 80rpx;
+    border-radius: 48rpx;
+    font-size: 42rpx;
+    color: #fff;
+    text-align: center;
+    background: #ff9209;
+    position: absolute;
+    bottom: 40rpx;
+    left: 0;
+    right: 0;
+    margin: auto;
 }

pages/main/class/class.js

@@ -150,10 +150,17 @@ Page({
           })
         } else {
           console.log('chulaiba')
-          this.setData({
-              modalType: this.data.isIOS ? 'iosCode' : 'androidVIP',
+          if(this.data.isIOS){
+            wx.navigateTo({
+              url: `../../vipPage/wechat/wechat`
+            })
+          }else{
+            this.setData({
+              modalType: 'androidVIP',
               isModalShow: true
           })
+          }
+          
         }
       })
     }, (error) => {
@@ -173,8 +180,11 @@ Page({
       isModalShow: false
     })
     if(this.data.isIOS){
+      // wx.navigateTo({
+      //   url: `../../vipPage/vipCode/vipCode`
+      // })
       wx.navigateTo({
-        url: `../../vipPage/vipCode/vipCode`
+        url: `../../vipPage/wechat/wechat`
       })
     }else{
       wx.navigateTo({

pages/social/works/works.js

@@ -425,11 +425,16 @@ Page({
                         }
                     })
                 } else {
-                    console.log('chulaiba')
-                    this.setData({
-                        modalType: this.data.isIOS ? 'iosCode' : 'androidVIP',
-                        isModalShow: true
-                    })
+                    if(this.data.isIOS){
+                        wx.navigateTo({
+                          url: `../../vipPage/wechat/wechat`
+                        })
+                      }else{
+                        this.setData({
+                          modalType: 'androidVIP',
+                          isModalShow: true
+                      })
+                      }
 
                 }
             })
@@ -751,8 +756,11 @@ Page({
             isModalShow: false
         })
         if(this.data.isIOS){
+            // wx.navigateTo({
+            //   url: `../../vipPage/vipCode/vipCode`
+            // })
             wx.navigateTo({
-              url: `../../vipPage/vipCode/vipCode`
+                url: `../../vipPage/wechat/wechat`
             })
           }else{
             wx.navigateTo({

pages/vipPage/vipCode/vipCode.js

@@ -11,15 +11,7 @@ Page({
     modalType: 'image',
     isModalShow: false,
     isCloseShow: false,
-    modalText: [{
-        text: '您发起的团购尚未完成',
-        type: 'bigOrange'
-      },
-      {
-        text: '拼团成功，才能发起新的团购',
-        type: 'bigOrange'
-      }
-    ],
+    modalText: [],
     closeCallBack: false
   },
   onLoad: function (options) {

pages/vipPage/wechat/wechat.js

@@ -0,0 +1,37 @@
+// pages/user/walletDetails/walletDetails.js
+import Date from '../../../utils/util.js'
+import APIClient from '../../../utils/APIClient.js'
+import utils from '../../../utils/util'
+Page({
+
+  data: {
+    buyBtnText: '立即开通',
+    price: '29',
+    bottomText: '原价99元/年',
+    productId: 0,
+    modalType: 'image',
+    isModalShow: false,
+    isVIP: false
+  },
+  onLoad: function (options) {
+    if (options.title) {
+      wx.setNavigationBarTitle({
+        title: 服务中心
+      });
+    }
+  },
+  copyNumber(){
+    wx.setClipboardData({
+      data: 'efunbox123',
+      success: function (res) {
+        wx.getClipboardData({
+          success: function (res) {
+            wx.showToast({
+              title: '复制成功'
+            })
+          }
+        })
+      }
+    })
+  },
+})

pages/vipPage/wechat/wechat.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/vipPage/wechat/wechat.wxml

@@ -0,0 +1,21 @@
+<view class="wechat">
+    <view class="wechat_box">
+    <image class="wechat_bg" src="../../../static/vip/wechat_bg.png" />
+        <view class="wechat_title">
+            <text>由于相关规范，IOS功能暂不可用</text>
+            <text>加微信号更快解锁哦</text>
+        </view>
+        <button open-type="contact" plain="true" hover-class="none" style="border: none;">
+            <view class="contact-btn">
+                <text class="go_to_wechat">联系客服</text>
+            </view>
+        </button>
+        <view class="copy_wechat_btn" bindtap="copyNumber">
+            <text class="copy_wechat_text">微信号：efunbox123</text>
+        </view>
+        <view class="wechat_tip">
+            <text >点击微信号按钮，会自动复制到剪切板</text>
+            <text >我们会更快为您解决问题</text>
+        </view>
+    </view>
+</view>

pages/vipPage/wechat/wechat.wxss

@@ -0,0 +1,86 @@
+.wechat {
+    width: 100%;
+    height: 100%;
+    background: #EEFFEC;
+    display: block;
+}
+
+.wechat_box {
+    width: 100%;
+    height: 100%;
+    display: block;
+    /* position: relative; */
+}
+
+.wechat_bg {
+    width: 753rpx;
+    height: 1018rpx;
+    position: absolute;
+    top: 60rpx;
+    left: 0;
+}
+
+.wechat_title {
+    color: #0d0d0d;
+    font-size: 40rpx;
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    top: 380rpx;
+    width: 750rpx;
+
+}
+
+.wechat_title text {
+    margin-bottom: 23rpx;
+    text-align: center;
+}
+
+.contact-btn {
+    width: 499rpx;
+    height: 112rpx;
+    background: #5fd250;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 45rpx;
+    border-radius: 64rpx;
+    margin: 605rpx auto;
+}
+
+.copy_wechat_btn {
+    width: 499rpx;
+    height: 112rpx;
+    background: #ff9312;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 45rpx;
+    border-radius: 64rpx;
+    position: absolute;
+    top: 794rpx;
+    margin: 0 auto;
+    left: 0;
+    right: 0;
+}
+
+.wechat_tip {
+    color: #af3c00;
+    font-size: 22rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 940rpx;
+    width: 375rpx;
+    margin: 0 auto;
+    left: 0;
+    right: 0;
+}
+
+.wechat_tip text {
+    margin-bottom: 3rpx;
+}

project.config.json

@@ -49,14 +49,19 @@
 			"currentL": -1,
 			"list": []
 		},
+		"gamePlugin": {
+			"current": -1,
+			"list": []
+		},
 		"miniprogram": {
 			"current": 6,
 			"list": [
 				{
-					"id": -1,
-					"name": "小红花",
-					"pathName": "pages/social/littleFlower/littleFlower",
-					"query": ""
+					"id": 0,
+					"name": "pages/vipPage/wechat/wechat",
+					"pathName": "pages/vipPage/wechat/wechat",
+					"query": "",
+					"scene": null
 				},
 				{
 					"id": 1,