|
|
@@ -6,7 +6,18 @@
|
|
|
></image>
|
|
|
<view class="no_data_text">{{title}}</view>
|
|
|
<view class="freeApply" @click="apply">{{btnText}}</view>
|
|
|
- <view class="experience" v-if="authShow" @click="experienceClick">体验</view>
|
|
|
+ <view class="experience" v-if="expreShow" @click="experienceClick">体验</view>
|
|
|
+ <view class="experFrame">
|
|
|
+ <view v-if="rightShow">
|
|
|
+ <input
|
|
|
+ v-model="experCode"
|
|
|
+ class="experInput"
|
|
|
+ placeholder="请输入体验码"
|
|
|
+ />
|
|
|
+ <!-- <input type="text" v-model="experCode" placeholder="请输入体验码" /> -->
|
|
|
+ <text class="admin-button-com small blue" @click="rightClick">确定</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -30,9 +41,17 @@ export default {
|
|
|
default: false,
|
|
|
}
|
|
|
},
|
|
|
+ watch: {
|
|
|
+ authShow(val) {
|
|
|
+ this.expreShow = val
|
|
|
+ }
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
constant: this.$constant,
|
|
|
+ experCode: '',
|
|
|
+ expreShow: false,
|
|
|
+ rightShow: false
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -40,7 +59,11 @@ export default {
|
|
|
this.$emit('bthClick')
|
|
|
},
|
|
|
experienceClick(){
|
|
|
- this.$emit('experienceClick')
|
|
|
+ this.rightShow = true
|
|
|
+ this.expreShow = false
|
|
|
+ },
|
|
|
+ rightClick() {
|
|
|
+ this.$emit('comfirm', this.experCode)
|
|
|
}
|
|
|
},
|
|
|
};
|
|
|
@@ -85,5 +108,34 @@ export default {
|
|
|
color: #fff;
|
|
|
font-size: 30upx;
|
|
|
}
|
|
|
+ &>.experFrame{
|
|
|
+ margin-top: 50upx;
|
|
|
+ height: 50upx;
|
|
|
+ &>view{
|
|
|
+ margin: 0 auto;
|
|
|
+ &>.experInput{
|
|
|
+ height: 70upx;
|
|
|
+ width: 250upx;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ border-radius: 8upx;
|
|
|
+ background-color: #fff;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ color: #666;
|
|
|
+ padding-left: 20upx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ &>text{
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 70upx;
|
|
|
+ padding: 0 20upx;
|
|
|
+ background-color: #3385FF;
|
|
|
+ vertical-align: middle;
|
|
|
+ font-size: 30upx;
|
|
|
+ margin-left: 20upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|