纸板小程序:订单/送货单:列表与详情功能
This commit is contained in:
@@ -0,0 +1,68 @@
|
||||
.page_container {
|
||||
// background-color: #c5140a;
|
||||
background: linear-gradient( 135deg, #ca7d79 0%, #c5140a 30%, #c5140a 50%, #ca7d79 100%);
|
||||
background-repeat: no-repeat; /* 禁止重复 */
|
||||
background-size: 100% 106%; /* 宽高铺满容器 */
|
||||
background-position: center; /* 居中显示 */
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.content_warp {
|
||||
overflow: auto;
|
||||
.icon {
|
||||
width: 25%;
|
||||
margin: 0 auto;
|
||||
background-color: #cc423a;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #ffffff;
|
||||
aspect-ratio: 1 / 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 25%;
|
||||
.img_warp {
|
||||
width: 60%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.welcome {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 50rpx;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
margin-top: 5%;
|
||||
}
|
||||
.tip {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
margin-top: 2%;
|
||||
}
|
||||
.form_warp {
|
||||
margin-top: 15%;
|
||||
}
|
||||
.login_btn {
|
||||
margin-top: 15%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
button {
|
||||
background-color: #cc423a;
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.btn-hover {
|
||||
background-color: #c5140a !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user