DaMoWang 2 лет назад
Родитель
Сommit
0af68873fc
2 измененных файлов с 41 добавлено и 13 удалено
  1. 1 1
      src/pages.json
  2. 40 12
      src/pages/account/giveAsPresent.vue

+ 1 - 1
src/pages.json

@@ -93,7 +93,7 @@
 		{
 			"path": "pages/account/giveAsPresent",
 			"style": {
-				"navigationBarTitleText": "茶宝赠送"
+				"navigationBarTitleText": "赠送"
 			}
 		},
 		{

+ 40 - 12
src/pages/account/giveAsPresent.vue

@@ -1,21 +1,35 @@
 <template>
     <view class="container">
         <view class="list flex_r flex_ac flex_jb mar_t16">
-            <view class="list_name">当前茶宝余额:</view>
-            <view class="list_text flex_r flex_ac flex_je">{{ userinfo.cha_bao }}</view>
+            <view class="list_name">赠送类型:</view>
+            <view class="list_text flex_r flex_ac">
+                <uni-data-select v-model="value" :localdata="range" :clear="false" class="type_select"/>
+            </view>
+        </view>
+        <view class="list flex_r flex_ac flex_jb mar_t16" v-if="value == 1">
+            <view class="list_name">当前余额:</view>
+            <view class="list_text"><text>{{ userinfo.user_money }}</text></view>
+        </view>
+        <view class="list flex_r flex_ac flex_jb mar_t16" v-else>
+            <view class="list_name">当前茶宝:</view>
+            <view class="list_text"><text>{{ userinfo.cha_bao }}</text></view>
         </view>
         <view class="list flex_r flex_ac flex_jb mar_t16">
             <view class="list_name">对方账号:</view>
-            <view class="list_text flex_r flex_ac">
+            <view class="list_text">
                 <input type="text" v-model="id" placeholder="输入对方账号" placeholder-style="color:#ddd;" />
             </view>
         </view>
         <view class="list flex_r flex_ac flex_jb mar_t16">
             <view class="list_name">赠送数量:</view>
-            <view class="list_text flex_r flex_ac">
+            <view class="list_text">
                 <input type="text" v-model="give_num" placeholder="自定义赠送数量" placeholder-style="color:#ddd;" />
             </view>
         </view>
+        <view class="list flex_r flex_ac flex_jb mar_t16">
+            <view class="list_name">手续费:</view>
+            <view class="list_text ">20%</view>
+        </view>
         <view class="btn flex_r flex_ac flex_jc" @tap="giveIntegral">立即赠送</view>
     </view>
 </template>
@@ -33,6 +47,12 @@ export default {
             surplus: 0,
             list: [],
             userinfo: undefined, // 获取用户信息
+
+            value: 1,
+            range: [
+                { value: 1, text: "余额" },
+                { value: 2, text: "茶宝" },
+            ],
         };
     },
     onLoad() {
@@ -94,9 +114,7 @@ page {
 .list_text {
     flex: 1;
     font-family: "SourceHanSansCN-Bold";
-    font-weight: bold;
-    font-size: 36rpx;
-    color: #17bb87;
+    text-align: right;
 }
 
 .list_name {
@@ -108,16 +126,17 @@ page {
 }
 
 .list_text input {
-    font-size: 28rpx;
-    color: #333333;
+    font-size: 30rpx;
+    color: #333;
     text-align: right;
-    margin-left: 20rpx;
+    font-weight: bold;
+    // margin-left: 20rpx;
 }
 
 .list_text text {
     font-family: "SourceHanSansCN-Medium";
-    font-size: 22rpx;
-    font-weight: 500rpx;
+    font-size: 36rpx;
+    font-weight: bold;
     color: #17bb87;
 }
 
@@ -132,4 +151,13 @@ page {
     margin: 132rpx auto 0;
     border-radius: 10rpx;
 }
+.type_select{
+    text-align: right;
+}
+::v-deep .uni-select{
+    border: 0;
+}
+::v-deep .uni-select__input-text{
+    padding-right: 16rpx;
+}
 </style>