完成第一部分

pages/personCenter/withdrawal/withdrawal.js

@@ -0,0 +1,66 @@
+// pages/personCenter/withdrawal/withdrawal.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/personCenter/withdrawal/withdrawal.json

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

pages/personCenter/withdrawal/withdrawal.wxml

@@ -0,0 +1,31 @@
+<view class="flex-col page">
+  <view class="flex-col self-stretch section">
+    <text class="self-start font">提现账户</text>
+    <view class="flex-row items-center self-stretch section_2 mt-11">
+      <image
+        class="image"
+        src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=3ac88c7198dbd67b151998279e0c3ecb.png"
+      />
+      <text class="font_2 text ml-10">622031207006363442</text>
+    </view>
+  </view>
+  <view class="flex-col self-stretch section_3">
+    <text class="self-start font text_2">提现金额</text>
+    <view class="flex-col self-stretch mt-30">
+      <view class="flex-row justify-between items-center self-stretch group">
+        <view class="flex-row items-center">
+          <image
+            class="shrink-0 image_2"
+            src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=3e477a46fde31cc9db53891e69d8bdc1.png"
+          />
+          <input class="font_2 text_3 ml-13" placeholder="请输入金额" />
+        </view>
+        <text class="text_4">全部提现</text>
+      </view>
+      <text class="self-start font_2 text_5 mt-19">可提现：13.93元</text>
+    </view>
+  </view>
+  <view class="flex-col justify-start items-center self-center text-wrapper">
+    <text class="font text_6">立即提现</text>
+  </view>
+</view>

pages/personCenter/withdrawal/withdrawal.wxss

@@ -0,0 +1,91 @@
+.mt-11 {
+  margin-top: 20.99rpx;
+}
+.ml-13 {
+  margin-left: 24.81rpx;
+}
+.mt-19 {
+  margin-top: 36.26rpx;
+}
+.page {
+  padding: 62.98rpx 32.44rpx 778.63rpx 34.35rpx;
+  background-image: linear-gradient(180deg, #ffa64d 0%, #f5f5f500 30.1%);
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+}
+.section {
+  padding: 30.61rpx 25.69rpx 38.17rpx;
+  background-color: #ffffff;
+  border-radius: 19.62rpx;
+}
+.font {
+  font-size: 30.53rpx;
+  font-family: SourceHanSansCN;
+  line-height: 28.44rpx;
+  color: #000000;
+}
+.section_2 {
+  margin-left: 6.76rpx;
+  margin-right: 6.76rpx;
+  padding: 19.08rpx 19.14rpx 19.08rpx;
+  background-color: #f8f9fe;
+  border-radius: 9.54rpx;
+}
+.image {
+  width: 57.25rpx;
+  height: 57.25rpx;
+}
+.font_2 {
+  font-size: 26.72rpx;
+  font-family: SourceHanSansCN;
+  line-height: 21.39rpx;
+  color: #000000;
+}
+.text {
+  line-height: 20.29rpx;
+}
+.section_3 {
+  margin-top: 40.08rpx;
+  padding: 37.96rpx 28.63rpx 30.06rpx;
+  background-color: #ffffff;
+  border-radius: 19.08rpx;
+}
+.text_2 {
+  line-height: 28.49rpx;
+}
+.group {
+  padding-left: 3.82rpx;
+  padding-bottom: 17.18rpx;
+  border-bottom: solid 1.91rpx #dedede;
+}
+.image_2 {
+  width: 41.98rpx;
+  height: 41.98rpx;
+}
+.text_3 {
+  color: #b0b0b0;
+  line-height: 24.92rpx;
+}
+.text_4 {
+  color: #ff8d1a;
+  font-size: 22.9rpx;
+  font-family: SourceHanSansCN;
+  line-height: 21.39rpx;
+}
+.text_5 {
+  font-size: 24.81rpx;
+  line-height: 22.88rpx;
+}
+.text-wrapper {
+  margin-top: 64.89rpx;
+  padding: 28.51rpx 0 25.19rpx;
+  background-color: #ff8d1a;
+  border-radius: 19.08rpx;
+  width: 454.2rpx;
+}
+.text_6 {
+  color: #ffffff;
+  line-height: 28.36rpx;
+}