You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

79 lines
1.7 KiB

<template>
<view class="doctor-info-page btPadding">
<view class="basic-wrapper">
<input-box label="个人照片">
<view v-slot class="upload">
<view class="picture"></view>
<view class="ft22 button">点击上传照片</view>
</view>
</input-box>
<input-box label="医生姓名" type="normal" holder="请填写本人姓名"></input-box>
<input-box label="手机号" type="normal" holder="请填写手机号"></input-box>
<input-box label="验证码" type="vertify" holder="填写验证码"></input-box>
</view>
<view class="introduce-wrapper">
<textarea-box></textarea-box>
</view>
</view>
</template>
<script>
import InputBox from '@/components/doctorInfoInput.vue';
import TextareaBox from '@/components/doctorInfoTextarea.vue'
export default {
data() {
return {
}
},
components:{
InputBox,
TextareaBox
},
methods: {
}
}
</script>
<style>
.doctor-info-page {
padding: 20rpx 17rpx;
.basic-wrapper {
padding: 0 12px;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(0, 0, 0, 0.03);
border-radius: 0rpx 0rpx 8rpx 8rpx;
.upload {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.picture {
width: 160rpx;
height: 160rpx;
background: #F8F8F8;
border-radius: 12rpx;
}
.button {
color: #FFFFFF;
width: 160rpx;
height: 44rpx;
text-align: center;
line-height: 44rpx;
background: rgba(0,0,0,0.28);
border-radius: 12rpx;
}
}
}
.introduce-wrapper {
margin: 20px auto 0;
padding: 0 36px;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(0, 0, 0, 0.03);
border-radius: 0rpx 0rpx 8rpx 8rpx;
}
}
</style>