xinyilu/NurseStationApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

个人中心的修改信息

Browse Source
This commit is contained in:
闫晓茹 2022-10-28 13:31:36 +08:00
parent 6647bacdfb
commit 548a4de0cc
1 changed files with 117 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
pages/modify/modify.vue Normal file
View File

@ -0,0 +1,117 @@
<template>
<view class="app">
<view class="centercontent">
<view class="Commodity">
头像
<image class="picture" src="../../static/head portrait.png" mode=""></image>
<image class="pictureA" src="../../static/jiantou.png" mode=""></image>
</view>
<view class="content">
<view class="name">昵称：
<input type="text" placeholder="请填写" />
</view>
<view class="name">姓名：
<input type="text" placeholder="请填写" />
</view>
<view class="name">电话：
<input type="text" placeholder="请填写" />
</view>
<view class="name">地址：
<input type="text" placeholder="请填写" />
</view>
<view class="nursetype name">疾病类型：
<input type="text" placeholder="请填写" />
</view>
</view>
<view class="finish">完成
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
.app {
background-color: #F4F5F7;
width: 100%;
height: 100vh;
color: #000000;
padding: 3%;
font-size: 36rpx;
.centercontent {
width: 99%;
height: 635rpx;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 20rpx;
margin: 0 auto;
.finish {
width: 217rpx;
font-size: 32rpx;
color: #FFFFFF;
height: 68rpx;
line-height: 68rpx;
text-align: center;
margin-top: 60%;
margin-left: 70%;
background: #4C7BC9;
border-radius: 26rpx;
}
.content {
line-height: 100rpx;
.name {
margin-left: 5%;
height: 100rpx;
border-bottom: 1rpx solid #D8D4D4;
input {
font-size: 36rpx;
margin-top: -11%;
margin-left: 15%;
}
}
.nursetype {
input {
margin-left: 25%;
}
}
}
.Commodity {
line-height: 110rpx;
margin-left: 5%;
border-bottom: 1rpx solid #D8D4D4;
.picture {
vertical-align: middle;
margin-left: 60%;
width: 103rpx;
height: 103rpx;
}
.pictureA {
margin-left: 3%;
width: 18rpx;
height: 27rpx;
}
.head {
line-height: 140rpx;
margin-left: 5%;
display: inline-block;
}
}
}
}
</style>