vant的滑块的使用
加一个充值滑块
<van-popup v-model="show" bind:close="onClose" position="bottom" custom-style="height: 20%;" class="rechange">
<p>充值金额</p>
<div>
...
</div>
<van-button>充值</van-button>
</van-popup>
三个选项的上拉菜单
<!-- 修改性别的弹窗 -->
<van-action-sheet v-model="sexshow" description="请选择" @close="sexshow = false" v-if="sexshow">
<van-button type="default" @click="setsex(1)" v-show="sexshow">男</van-button>
<van-button type="default" @click="setsex(2)" v-show="sexshow">女</van-button>
</van-action-sheet>
<!-- 生日的弹窗 -->
<van-action-sheet v-model="Calendarshow" @close="Calendarshow = false" v-if="Calendarshow">
<van-datetime-picker type="date" @confirm="onConfirm" @cancel="Calendarshow = false" v-show="Calendarshow" :min-date="minDate" :max-date="maxDate" />
</van-action-sheet>
<!-- 修改地区的弹窗 -->
<van-action-sheet v-model="cityshow" @close="cityshow = false" v-if="cityshow">
<van-area :area-list="areaList" @confirm="getcitycode"/>
</van-action-sheet>