Liuyi
2024-09-28 77c2bdd45ca70e57667b346585edc5034cbd821e
pages/addCard/index.vue
@@ -1,34 +1,50 @@
<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">
@@ -40,31 +56,6 @@
      </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{
@@ -174,6 +165,7 @@
               text-align: center;
               line-height:98rpx;
               margin-top: 236rpx;
               letter-spacing:2px;
            }
         }
      }