| | |
| | | <script setup> |
| | | import { onMounted,ref} from 'vue'; |
| | | |
| | | const form = ref({ |
| | | waterwaterCardNumber:'', |
| | | userName:'', |
| | | userPhone:'', |
| | | address:'', |
| | | remark:'', |
| | | }) |
| | | function submit(){ |
| | | console('res') |
| | | } |
| | | onMounted(() =>{ |
| | | }) |
| | | </script> |
| | | <template> |
| | | <view class="container"> |
| | | <view class="content"> |
| | | <navbar @navBackTo="navBackTo()" title="绑定会员卡"></navbar> |
| | | <navbar title="绑定会员卡"></navbar> |
| | | <view class="main"> |
| | | <view class="title">请填写卡及个人信息</view> |
| | | <view class="form"> |
| | | <view class="form-item card-item"> |
| | | <text>卡号:</text> |
| | | <input v-model="form.cardNumber" placeholder="请输入卡号"/> |
| | | <input v-model="form.waterCardNumber" placeholder="请输入卡号"/> |
| | | <image src="../../static/images/addCard/code.png" alt=""></image> |
| | | </view> |
| | | <view class="form-item"> |
| | | <text>姓名:</text> |
| | | <input v-model="form.cardNumber" placeholder="请输入姓名"/> |
| | | <input v-model="form.waterCardNumber" placeholder="请输入姓名"/> |
| | | </view> |
| | | <view class="form-item"> |
| | | <text>联系方式:</text> |
| | | <input v-model="form.cardNumber" placeholder="请输入手机号"/> |
| | | <input v-model="form.waterCardNumber" placeholder="请输入手机号"/> |
| | | </view> |
| | | <view class="form-item"> |
| | | <text>区域:</text> |
| | | <input v-model="form.cardNumber" placeholder="请选择区域"/> |
| | | <input v-model="form.waterCardNumber" placeholder="请选择区域"/> |
| | | </view> |
| | | <view class="form-item"> |
| | | <text>地址:</text> |
| | | <input v-model="form.cardNumber" placeholder="请输入地址"/> |
| | | <input v-model="form.waterCardNumber" placeholder="请输入地址"/> |
| | | </view> |
| | | <view class="form-item"> |
| | | <text>备注:</text> |
| | | <input v-model="form.cardNumber" placeholder="请输入内容"/> |
| | | <input v-model="form.waterCardNumber" placeholder="请输入内容"/> |
| | | </view> |
| | | </view> |
| | | <view class="tips"> |
| | |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { onMounted,ref} from 'vue'; |
| | | //状态栏高度 |
| | | // const statusBarHeight = ref() |
| | | //返回 |
| | | function navBackTo(){ |
| | | uni.navigateBack() |
| | | } |
| | | const form = ref({ |
| | | cardNumber:'', |
| | | name:'', |
| | | phone:'', |
| | | address:'', |
| | | remark:'', |
| | | }) |
| | | function submit(){ |
| | | console('res') |
| | | } |
| | | onMounted(() =>{ |
| | | // if(uni.getMenuButtonBoundingClientRect){ |
| | | // statusBarHeight.value = uni.getMenuButtonBoundingClientRect().top * 2 |
| | | // } |
| | | }) |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .container{ |
| | |
| | | text-align: center; |
| | | line-height:98rpx; |
| | | margin-top: 236rpx; |
| | | letter-spacing:2px; |
| | | } |
| | | } |
| | | } |