feat: 前端重构

src/pages-sub/withdrawal/index.vue

@@ -8,7 +8,7 @@
 </route>
 <template>
   <view class="min-h-screen pb-100">
-    <NavBar>
+    <NavBar title-color="#333">
       <template #right>
         <image
           @click="onWithdrawalDetail"
@@ -17,7 +17,13 @@
         />
       </template>
     </NavBar>
-    <view class="p-15">
+    <view
+      class="m-15 text-white flex rounded-tl-10 rounded-br-10 justify-between items-center p-15 bg-[linear-gradient(90deg,rgba(59,129,243,0.5),#3B81F3)]"
+    >
+      <view class="text-14">钱包余额</view>
+      <view class="text-17 font-bold">{{ userStore.userInfo.money }}</view>
+    </view>
+    <view class="p-15 bg-white shadow-[0_-2px_3px_rgba(10,68,245,0.1)] rounded-10">
       <view class="mt-15">
         <view class="text-14 text-#333">提现金额</view>
         <view
@@ -33,44 +39,22 @@
             全部
           </view>
         </view>
-        <view class="text-12 text-#889BC6 mt-15">当前余额：{{ userStore.userInfo.money }}</view>
-      </view>
-
-      <view class="mt-50">
-        <view class="text-14 text-#333">收款方式</view>
-        <view
-          class="flex items-center text-14 mt-15 text-#333 p-16 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10"
-          @click="onSelectPayType"
-        >
-          <view class="flex-1">
-            {{ typeName ? `${typeName}：${currentBank?.banknum}` : '请选择收款方式' }}
-          </view>
-          <wd-icon name="arrow-right" size="16px"></wd-icon>
-        </view>
-      </view>
-
-      <view class="mt-50">
-        <view class="text-14 text-#333">交易密码</view>
-        <view class="text-14 mt-15 text-#333 p-16 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10">
-          <input
-            v-model="form.tpassword"
-            type="password"
-            placeholder="请输入交易密码"
-            class="text-14 text-#333"
-          />
+        <view class="text-14 text-#889BC6 mt-30">提现说明（TIPS）</view>
+        <view class="text-12 text-#889BC6 mt-15">
+          <view>1、如遇到系统结算繁忙，结算将会延迟到账</view>
+          <view class="mt-4">2、提现将会提现至您的工商银行卡;</view>
         </view>
       </view>
     </view>
     <view
       class="bg-white fixed bottom-0 left-0 right-0 px-15 py-10 shadow-[0_0_10px_rgba(10,68,245,0.1)]"
     >
-      <view class="flex items-center pb-safe">
-        <view class="text-gradient flex-1 text-14">到账CNY:{{ form.money ?? '0' }}</view>
+      <view class="pb-safe">
         <view
           class="btn-gradient text-center text-white rounded-full text-14 px-30 py-10"
           @click="onSubmit"
         >
-          申请提现
+          提现
         </view>
       </view>
     </view>