fix
parent
f7e76d780e
commit
97714b30be
@ -0,0 +1,53 @@
|
|||||||
|
<template>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-item">
|
||||||
|
<div class="card-name">
|
||||||
|
姓名
|
||||||
|
</div>
|
||||||
|
<div style="margin-left: 20rpx; color: #000000;">
|
||||||
|
<input type="text" v-model="visitors.name" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<tm-divider realColor></tm-divider>
|
||||||
|
<div class="card-name">
|
||||||
|
<div class="card-name">身份证号</div>
|
||||||
|
<div>
|
||||||
|
<input v-model="visitors.id" type="idcard" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive } from 'vue';
|
||||||
|
let visitorsList = ref([])
|
||||||
|
let visitors = reactive({
|
||||||
|
name: '',
|
||||||
|
id: ''
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.card {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
width: 690rpx;
|
||||||
|
height: 190rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 24rpx;
|
||||||
|
padding: 32rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: black;
|
||||||
|
|
||||||
|
.card-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-name {
|
||||||
|
width: 200rpx;
|
||||||
|
border-right: 1rpx solid #BBC5E0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
Loading…
Reference in New Issue