|
|
@@ -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>
|