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

修改

Browse Source
This commit is contained in:
曹辉 2023-02-24 10:53:36 +08:00
parent e2f1f0a0be
commit fa851d8baf
1 changed files with 177 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

177
pages/Personal/Personal.scss Normal file
View File

@ -0,0 +1,177 @@
.app {
font-size: 35rpx;
padding: 0 0 200rpx 0;
position: relative;
text-align: center;
.service {
position: absolute;
top:985rpx;
left:2%;
width: 96%;
height: 100rpx;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0,0,0,0.03);
border-radius: 10rpx;
image {
width: 13rpx;
height: 23rpx;
position: absolute;
right:40rpx;
top:50%;
transform: translateY(-50%);
}
.serviceorder {
font-size: 32rpx;
height: 100rpx;
line-height: 100rpx;
position: absolute;
left: 31rpx;
}
}
.content {
position: absolute;
top:670rpx;
left:2%;
width: 96%;
height: 300rpx;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0,0,0,0.03);
border-radius: 10rpx;
.center {
display: flex;
justify-content: space-around;
padding-top: 50rpx;
.OrderStatus {
position: relative;
height: 180rpx;
width: 25%;
.title{
position: absolute;
top: 80rpx;
width:100%;
left:50%;
transform: translateX(-50%);
}
image {
width: 71rpx;
height: 63rpx;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.orderCount {
background-color: red;
color: #FFFFFF;
border-radius: 50%;
// padding: 0 5rpx ;
line-height: 30rpx;
width: 30rpx;
height: 30rpx;
font-size: 18rpx;
// display: inline-block;
position: absolute;
top: -20rpx;
right: 35rpx;
}
}
}
.CommodityOrder {
font-size: 32rpx;
height: 80rpx;
line-height: 80rpx;
position: relative;
.title{
position: absolute;
left: 31rpx;
}
.text{
position: absolute;
right: 40rpx;
font-size: 26rpx;
color: #969494;
image{
position: absolute;
top:50%;
transform: translateY(-50%);
padding-left: 10rpx;
width: 13rpx;
height: 23rpx;
}
}
}
}
.userinfo{
position: absolute;
top:420rpx;
left:2%;
display: flex;
width: 96%;
height: 220rpx;
background-color: #fff;
border-radius: 10rpx;
box-shadow: 0rpx 0rpx 24rpx 0rpx rgba(101,176,249,0.41);
.item{
width: 33%;
height: 100%;
padding-top: 40rpx;
.text{
font-size: 30rpx;
line-height: 60rpx;
}
image{
// margin-left: 50%;
// transform: translateX(-50%);
width: 85rpx;
height: 74rpx;
}
}
}
.user {
width: 100%;
height: 550rpx;
position: relative;
color: #FFFFFF;
font-size: 39rpx;
.modify {
position: absolute;
right: 3%;
top:220rpx;
font-size:28rpx;
image{
width: 23rpx;
height: 23rpx;
padding-left: 10rpx;
}
}
.nickname {
position: absolute;
top: 265rpx;
left: 35%;
font-size: 30rpx;
}
.phone {
position: absolute;
top: 200rpx;
left: 35%;
}
.bjimg{
width: 100%;
height: 100%;
image{
width: 100%;
height: 100%;
}
}
.img {
width: 150rpx;
height: 150rpx;
border-radius: 50%;
background: #F6F6F6;
position: absolute;
top: 180rpx;
left: 8%;
}
}
}