|
|
@@ -41,9 +41,17 @@
|
|
|
</view>
|
|
|
<view class="sr-input flex">
|
|
|
<input placeholder="請輸入提幣數量" type="number" v-model="num" />
|
|
|
- <view class="main-type" v-if="info">{{ info.coinname.toLocaleUpperCase() }}</view>
|
|
|
+ <view class="main-type">{{ info.coinname.toLocaleUpperCase() }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="sr-input flex">
|
|
|
+ <view class="main-type">需要支付：{{ num != '' ? info.price * 1 * num : '0.00' }}</view>
|
|
|
+ <view class="main-type">{{ info.buycoin.toLocaleUpperCase() }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="font">可用{{ info.buycoin.toLocaleUpperCase() }}: {{ money }}</view>
|
|
|
+ <view class="sr-btn" @click="submit()">立即參與</view>
|
|
|
+ <view class="info">
|
|
|
+ <view class="info-item">項目說明：{{ info.content }}</view>
|
|
|
</view>
|
|
|
- <view class="sr-input flex"></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -55,7 +63,8 @@ export default {
|
|
|
return {
|
|
|
id: '',
|
|
|
info: '',
|
|
|
- money: ''
|
|
|
+ money: '',
|
|
|
+ num: ''
|
|
|
};
|
|
|
},
|
|
|
onLoad(opt) {
|
|
|
@@ -79,6 +88,7 @@ page,
|
|
|
.content {
|
|
|
min-height: 100%;
|
|
|
height: auto;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
.main {
|
|
|
background: #fff;
|
|
|
@@ -150,7 +160,6 @@ page,
|
|
|
input {
|
|
|
width: 292rpx;
|
|
|
font-size: 28rpx;
|
|
|
- padding-left: 30rpx;
|
|
|
background: #f5f5f5;
|
|
|
}
|
|
|
.main-type {
|
|
|
@@ -159,5 +168,34 @@ page,
|
|
|
margin-right: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
+ .font {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #707a8a;
|
|
|
+ }
|
|
|
+ .sr-btn {
|
|
|
+ width: 100%;
|
|
|
+ height: 80rpx;
|
|
|
+ line-height: 80rpx;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ margin: 40rpx auto 0;
|
|
|
+ background: linear-gradient(to left, #eeb80d, #ffe35b);
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ .info {
|
|
|
+ margin: 40rpx auto 0;
|
|
|
+ width: 690rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ padding: 30rpx 20rpx;
|
|
|
+ .info-item {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #000;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
