xinyilu/xinelu-applet-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
辉 2023-09-20 11:33:09 +08:00
parent d7ccfd8eb0
commit 02d62d3276
2 changed files with 167 additions and 166 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

166
pages/myinformation/myinformation.scss Normal file
View File

@ -0,0 +1,166 @@
.app {
.titles {
height: 80rpx;
}
.myorder {
position: relative;
.orderStatus {
text-align: center;
margin: 60rpx auto 30rpx;
width: 90%;
display: flex;
justify-content: space-around;
padding-bottom: 30rpx;
.item {
width: 25%;
.text {
font-size: 26rpx;
color: #333333;
margin-top: 10rpx;
}
image {
width: 70rpx;
height: 60rpx;
}
}
}
.righttitle {
font-size: 26rpx;
color: #969494;
position: absolute;
right: 30rpx;
top: 5rpx;
image {
vertical-align: middle;
padding-left: 20rpx;
width: 13rpx;
height: 23rpx;
display: inline-block;
}
}
.title {
margin-left: 30rpx;
font-size: 32rpx;
color: #4B4B4B;
}
}
.topbanner {
width: 100%;
height: 430rpx;
position: relative;
color: #FFFFFF;
margin-bottom: 50rpx;
.Threecategories {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: space-around;
padding-bottom: 30rpx;
.item {
width: 33%;
text-align: center;
.text {
font-size: 22rpx;
}
.number {
font-size: 36rpx;
padding-bottom: 10rpx;
}
}
}
.btn {
position: absolute;
top: 40%;
right: 2%;
width: 170rpx;
height: 40rpx;
line-height: 40rpx;
text-align: center;
background: #51b9a0;
border-radius: 5rpx;
font-size: 24rpx;
}
.manage {
position: absolute;
top: 54%;
right: 2%;
}
.phone {
position: absolute;
top: 56%;
left: 30%;
font-size: 24rpx;
}
.namesigning {
position: absolute;
top: 38%;
left: 30%;
.name {
display: inline-block;
font-size: 36rpx;
}
.signing {
text-align: center;
margin-left: 30rpx;
height: 36rpx;
line-height: 36rpx;
display: inline-block;
width: 90rpx;
background: #FFFFFF;
border: 2rpx solid #FFA115;
border-radius: 5rpx;
font-size: 22rpx;
color: #FFA115;
}
}
.title {
position: absolute;
top: 15%;
left: 0%;
width: 100%;
text-align: center;
font-size: 34rpx;
font-weight: 600;
}
.headsculpture {
position: absolute;
top: 35%;
left: 5%;
width: 150rpx;
height: 150rpx;
}
.userbanner {
position: absolute;
top: 0%;
left: 0%;
z-index: -1;
width: 100%;
height: 100%;
}
}
}

167
pages/myinformation/myinformation.vue
View File

@ -157,170 +157,5 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.app { @import './myinformation.scss'
.titles {
height: 80rpx;
}
.myorder {
position: relative;
.orderStatus {
text-align: center;
margin: 60rpx auto 30rpx;
width: 90%;
display: flex;
justify-content: space-around;
padding-bottom: 30rpx;
.item {
width: 25%;
.text {
font-size: 26rpx;
color: #333333;
margin-top: 10rpx;
}
image {
width: 70rpx;
height: 60rpx;
}
}
}
.righttitle {
font-size: 26rpx;
color: #969494;
position: absolute;
right: 30rpx;
top: 5rpx;
image {
vertical-align: middle;
padding-left: 20rpx;
width: 13rpx;
height: 23rpx;
display: inline-block;
}
}
.title {
margin-left: 30rpx;
font-size: 32rpx;
color: #4B4B4B;
}
}
.topbanner {
width: 100%;
height: 430rpx;
position: relative;
color: #FFFFFF;
margin-bottom: 50rpx;
.Threecategories {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: space-around;
padding-bottom: 30rpx;
.item {
width: 33%;
text-align: center;
.text {
font-size: 22rpx;
}
.number {
font-size: 36rpx;
padding-bottom: 10rpx;
}
}
}
.btn {
position: absolute;
top: 40%;
right: 2%;
width: 170rpx;
height: 40rpx;
line-height: 40rpx;
text-align: center;
background: #51b9a0;
border-radius: 5rpx;
font-size: 24rpx;
}
.manage {
position: absolute;
top: 54%;
right: 2%;
}
.phone {
position: absolute;
top: 56%;
left: 30%;
font-size: 24rpx;
}
.namesigning {
position: absolute;
top: 38%;
left: 30%;
.name {
display: inline-block;
font-size: 36rpx;
}
.signing {
text-align: center;
margin-left: 30rpx;
height: 36rpx;
line-height: 36rpx;
display: inline-block;
width: 90rpx;
background: #FFFFFF;
border: 2rpx solid #FFA115;
border-radius: 5rpx;
font-size: 22rpx;
color: #FFA115;
}
}
.title {
position: absolute;
top: 15%;
left: 0%;
width: 100%;
text-align: center;
font-size: 34rpx;
font-weight: 600;
}
.headsculpture {
position: absolute;
top: 35%;
left: 5%;
width: 150rpx;
height: 150rpx;
}
.userbanner {
position: absolute;
top: 0%;
left: 0%;
z-index: -1;
width: 100%;
height: 100%;
}
}
}
</style> </style>