转让主账号

app.js

@@ -4,11 +4,6 @@ import {
 const _Http = new ApiModel();
 App({
   onLaunch() {
-    /* wx.setStorageSync('qrCodeMsg', {
-      type: 'partner',
-      id: 32116,
-      name: '江南布业'
-    }) */
     /* 计算tabbar+iphone安全距离  tabbar页面+100rpx*/
     let safeAreaBottom = 0,
       capsule = wx.getMenuButtonBoundingClientRect(),
@@ -28,7 +23,6 @@ App({
         that.globalData.myNavBorHeight = height * 2;
       }
     })
-
   },
   getBanner() {
     //轮播图

components/My_showModel/index.js

@@ -40,6 +40,11 @@ Component({
         ifTabBar: {
             type: Boolean,
             value: false
+        },
+        /* 动画类型 */
+        transition: {
+            type: String,
+            value: "fade"
         }
     },
 

components/My_showModel/index.wxml

@@ -1,8 +1,11 @@
-<van-transition show="{{ isShow }}" custom-class="block">
+<van-transition show="{{ isShow }}" name="{{transition}}" custom-class="block">
     <view class="showmodel-bg" catchtouchmove="catchtouchmove">
         <view class="showmodel-box" style="top:{{ifTabBar?'48%':'40%'}};">
             <view class="model-title">{{title}}</view>
-            <view class="model-content" style="word-break:break-all;">{{content}}</view>
+            <view class="model-content" style="word-break:break-all;">
+            <slot></slot>
+            {{content}}
+            </view>
             <view class="model-but" catchtap="butClick">
                 <van-button data-value='false' wx:if="{{!hideCancel}}" color='#F3F3F3' round custom-class='custom-class-but cancel'>{{cancel}}</van-button>
                 <van-button data-value='true' color='#4DC2D4' round custom-class='custom-class-but'>{{confirm}}</van-button>

pages/teamManagement/change.js

@@ -19,6 +19,8 @@ Page({
         checked: true, //是否启用
         fisused: 1,
         throttle: false, //节流阀
+        makeOver: false,
+        showModel: false,
         /* 必填项 */
         errTips: {
             fname: false,
@@ -57,6 +59,15 @@ Page({
             })
         }
     },
+    /* 转让主账号 */
+    makeOverChange() {
+        this.setData({
+            showModel: true
+        })
+    },
+    codeChange(e){
+        console.log(e)
+    },
     /* 提交 */
     submit() {
         if (!this.submitVerify()) return wx.showToast({

pages/teamManagement/change.wxml

@@ -17,7 +17,7 @@
         </My_GreyRectangleForm>
 
         <My_GreyRectangleForm title="是否设置为主账号">
-            <van-switch style="position: absolute; margin-left: -110rpx; margin-top: 10rpx;" size="24px" active-color="#4CBECF" checked="{{ checked }}" bind:change="onChange" />
+            <van-switch style="position: absolute; margin-left: -110rpx; margin-top: 10rpx;" size="24px" active-color="#4CBECF" checked="{{ makeOver }}" bind:change="makeOverChange" />
         </My_GreyRectangleForm>
 
     </view>
@@ -26,4 +26,13 @@
 <!-- 提交按钮 -->
 <view class="submit_but">
     <van-button bindtap="submit" custom-class="custom-class" round color="linear-gradient(180deg, #82E0E9 0%, #4BBECF 100%);">保存</van-button>
-</view>
+</view>
+
+<My_showModel isShow='{{showModel}}' transition=" " content="已将验证码发送到对方手机号">
+    <view class="showModelCon" style="margin-top: 5rpx;">
+        <view class="input-box">
+            <input type="text" placeholder-class="index" placeholder="请输入验证码" bindinput="codeChange" />
+        </view>
+        <view class="gain">获取验证码</view>
+    </view>
+</My_showModel>

pages/teamManagement/change.wxss

@@ -1 +1,38 @@
-@import "/css/form2.wxss";
+@import "/css/form2.wxss";
+
+.showModelCon {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 80rpx;
+}
+
+.input-box {
+    display: flex;
+    align-items: center;
+    width: 318rpx;
+    height: 80rpx;
+    background: #F4F4F4;
+    border-radius: 10rpx;
+    overflow: hidden;
+}
+
+.input-box>input {
+    text-align: left;
+    padding-left: 20rpx;
+}
+
+.index {
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, .3);
+}
+
+.gain {
+    text-align: left;
+    width: 140rpx;
+    height: 40rpx;
+    font-size: 28rpx;
+    color: #4DC2D4;
+    line-height: 40rpx;
+    margin-left: 20rpx;
+}