开发提现页面

salesperson/pages/withdrawal/index.less

@@ -1 +1,101 @@
-/* salesperson/pages/withdrawal/index.wxss */
+.withdrawal {
+    width: 721rpx;
+    margin: 0 auto;
+    padding: 70rpx 74rpx 22rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    border-radius: 20rpx;
+
+
+    .mimg {
+        margin-bottom: 30rpx;
+        width: 159rpx;
+        height: 71rpx;
+    }
+
+    .formBox {
+        width: 465rpx;
+        text-align: left;
+
+        .title {
+            font-size: 24rpx;
+        }
+
+        .inputBox {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding-bottom: 6rpx;
+            border-bottom: 1rpx solid #97979791;
+
+            .icon {
+                font-size: 36rpx;
+                font-weight: bold;
+            }
+
+            .input {
+                margin-left: 10rpx;
+                flex: 1;
+            }
+
+            .close {
+                font-size: 46rpx;
+                color: #979797;
+            }
+        }
+
+        .amount {
+            margin: 40rpx 0 18rpx;
+            font-size: 24rpx;
+            font-weight: bold
+        }
+
+        .tips {
+            font-size: 24rpx;
+            color: #B2B2B2;
+        }
+    }
+
+    .submit {
+        margin-top: 90rpx;
+        padding: 15rpx 240rpx;
+        border-radius: 40rpx;
+        font-size: 36rpx;
+        letter-spacing: 4rpx;
+        color: #FFFFFF;
+        background: linear-gradient(180deg, #6EC8FF 0%, #31BDFE 100%);
+    }
+
+    .tips2 {
+        margin-top: 16rpx;
+        font-size: 28rpx;
+    }
+
+
+}
+
+.detail {
+    margin: 34rpx auto;
+    width: 710rpx;
+    box-sizing: border-box;
+    padding: 28rpx 20rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: #FFFFFF;
+    border-radius: 20rpx;
+
+    .label {
+        font-size: 30rpx;
+    }
+
+    .black {
+        margin-right: 20rpx;
+        width: 16rpx;
+        height: 30rpx;
+        opacity: 0.6;
+    }
+}

salesperson/pages/withdrawal/index.wxml

@@ -1,2 +1,27 @@
-<!--salesperson/pages/withdrawal/index.wxml-->
-<text>salesperson/pages/withdrawal/index.wxml</text>
+<view class="container">
+    <view class="withdrawal">
+        <image src="../../image/money.png" class="mimg" />
+        <view class="formBox">
+            <view class="title">提现金额</view>
+            <view class="inputBox">
+                <view class="icon">￥</view>
+                <input class="input" type="number" placeholder="可提现金额 1200元" maxlength="5" />
+                <view class="close">×</view>
+            </view>
+            <view class="amount">可提现金额 ¥ 1200.00</view>
+            <view class="tips">单笔转账最高500元,单日转账最高20,000元</view>
+        </view>
+        <button class="resetBtn submit">
+            提现
+        </button>
+        <view class="tips2">
+            预计24小时内转到微信钱包
+        </view>
+    </view>
+    <view class="detail" bindtap="jump" data-url="lxDetail">
+        <view class="label">
+          收支明细
+        </view>
+        <image class='black' src='/static/black.png'></image>
+    </view>
+</view>

salesperson/pages/withdrawal/index.wxss

@@ -1 +1,84 @@
-/* salesperson/pages/withdrawal/index.wxss */
+.withdrawal {
+  width: 721rpx;
+  margin: 0 auto;
+  padding: 70rpx 74rpx 22rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+  background: #FFFFFF;
+  border-radius: 20rpx;
+}
+.withdrawal .mimg {
+  margin-bottom: 30rpx;
+  width: 159rpx;
+  height: 71rpx;
+}
+.withdrawal .formBox {
+  width: 465rpx;
+  text-align: left;
+}
+.withdrawal .formBox .title {
+  font-size: 24rpx;
+}
+.withdrawal .formBox .inputBox {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 6rpx;
+  border-bottom: 1rpx solid #97979791;
+}
+.withdrawal .formBox .inputBox .icon {
+  font-size: 36rpx;
+  font-weight: bold;
+}
+.withdrawal .formBox .inputBox .input {
+  margin-left: 10rpx;
+  flex: 1;
+}
+.withdrawal .formBox .inputBox .close {
+  font-size: 46rpx;
+  color: #979797;
+}
+.withdrawal .formBox .amount {
+  margin: 40rpx 0 18rpx;
+  font-size: 24rpx;
+  font-weight: bold;
+}
+.withdrawal .formBox .tips {
+  font-size: 24rpx;
+  color: #B2B2B2;
+}
+.withdrawal .submit {
+  margin-top: 90rpx;
+  padding: 15rpx 240rpx;
+  border-radius: 40rpx;
+  font-size: 36rpx;
+  letter-spacing: 4rpx;
+  color: #FFFFFF;
+  background: linear-gradient(180deg, #6EC8FF 0%, #31BDFE 100%);
+}
+.withdrawal .tips2 {
+  margin-top: 16rpx;
+  font-size: 28rpx;
+}
+.detail {
+  margin: 34rpx auto;
+  width: 710rpx;
+  box-sizing: border-box;
+  padding: 28rpx 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: #FFFFFF;
+  border-radius: 20rpx;
+}
+.detail .label {
+  font-size: 30rpx;
+}
+.detail .black {
+  margin-right: 20rpx;
+  width: 16rpx;
+  height: 30rpx;
+  opacity: 0.6;
+}