XiaoMo/JMApp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

0000

Browse Source
This commit is contained in:
XiaoMo
2025-04-05 23:47:00 +08:00
commit 8001f8eaeb
215 changed files with 14655 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

271
pages/orderList/orderList.wxss Normal file
View File

@@ -0,0 +1,271 @@
.main-container {
background: #f5f5f5;
font-size: 3.2vw;
min-height: 100vh;
padding-top: 10.667vw;
width: 100vw;
}
.nav-list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-bottom: 1px solid #e4e4e4;
box-shadow: 0 0 .267vw 0 rgba(0,0,0,.2);
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 10.667vw;
justify-content: space-between;
left: 0;
padding: 0 1.333vw;
position: fixed;
top: 0;
width: 100vw;
z-index: 1;
}
.nav-list .nav-item {
box-sizing: border-box;
color: #343434;
font-size: 3.467vw;
font-weight: 500;
line-height: 5.333vw;
padding: 3.467vw 2.667vw;
}
.nav-list .nav-item .text--active {
color: #06a2b3;
position: relative;
}
.nav-list .nav-item .text--active:after {
background: #06a2b3;
content: "";
display: block;
height: .533vw;
left: 0;
position: absolute;
top: 6.667vw;
width: 100%;
z-index: 100;
}
.order-list {
box-sizing: border-box;
padding: 2.267vw 4vw 0;
}
.order-list .order-item {
background-color: #fff;
border-radius: 2.133vw;
margin-bottom: 2.667vw;
overflow: hidden;
}
.thin-border_b {
border-color: #f4f4f4;
position: relative;
}
.order-list .order-item .order-item__hd {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 10.267vw;
justify-content: space-between;
padding-left: 2.667vw;
padding-right: 2.667vw;
}
.order-list .order-item .order-item__hd .state {
color: #06a2b3;
font-size: 3.2vw;
font-weight: 500;
line-height: 3.2vw;
}
.thin-border_b:after {
border-bottom: .267vw solid;
border-color: inherit;
bottom: 0;
content: "";
left: 0;
position: absolute;
transform: scaleY(.5);
width: 100%;
}
.order-list .order-item .order-item__bd {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
padding: 3.2vw 2.667vw;
}
.order-list .order-item .order-item__bd .order-mes {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-bottom: 2.667vw;
}
.order-list .order-item .order-item__bd .order-mes .img-shop {
height: 18.4vw;
width: 18.667vw;
}
.order-list .order-item .order-item__bd .order-mes .mes {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.overflow-1-row,.overflow-2-row {
overflow: hidden;
text-overflow: ellipsis;
}
.overflow-2-row {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
word-break: break-all;
}
.order-list .order-item .order-item__bd .order-mes .mes .mes-name {
box-sizing: border-box;
color: #343434;
font-size: 3.733vw;
font-weight: 500;
line-height: 5.333vw;
margin-bottom: 1.333vw;
padding-left: 2vw;
width: 64vw;
}
.order-list .order-item .order-item__bd .order-money {
-webkit-box-orient: horizontal;
align-content: center;
color: #3a3a3a;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-size: 12px;
font-weight: 500;
justify-content: space-between;
line-height: 3.733vw;
}
.order-list .order-item .order-item__bd .date {
color: #999;
}
.order-list .order-item .order-item__bd .order-money span {
color: #3a3a3a;
display: inline;
font-size: 4.533vw;
font-weight: 500;
line-height: 4.267vw;
}
.thin-border_t {
border-color: #f4f4f4;
position: relative;
}
.order-list .order-item .order-item__ft {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 12.533vw;
justify-content: flex-end;
padding-left: 2.667vw;
padding-right: 2.667vw;
}
.thin-border_t:before {
border-bottom: .267vw solid;
border-color: inherit;
content: "";
left: 0;
position: absolute;
top: 0;
transform: scaleY(.5);
width: 100%;
}
.order-list .order-item .order-item__ft .btn-box {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.order-list .order-item .order-item__ft .btn-box .btn {
background-color: #06a2b3;
border-radius: 3.6vw;
box-sizing: border-box;
color: #fff;
font-size: 3.2vw;
font-weight: 500;
height: 7.2vw;
line-height: 7.2vw;
margin-left: 2.667vw;
min-width: 18vw;
padding: 0 1.333vw;
text-align: center;
}
.order-list .order-item .order-item__ft .btn-box .btn-grey {
background-color: #fff;
border: .267vw solid #222;
color: #222;
line-height: 6.933vw;
}
.van-list__error-text,.van-list__finished-text,.van-list__loading,.van-pull-refresh__head {
color: #969799;
font-size: 14px;
line-height: 50px;
text-align: center;
}