57 changed files with 752 additions and 1879 deletions
@ -1,3 +1,4 @@ |
|||||
{ |
{ |
||||
|
"usingComponents": {}, |
||||
"navigationBarTitleText": "我的订单" |
"navigationBarTitleText": "我的订单" |
||||
} |
} |
||||
@ -1,403 +1,228 @@ |
|||||
|
/* pages/order/order.wxss */ |
||||
page{ |
page{ |
||||
height: 100%; |
background: #F5F5F5; |
||||
width: 100%; |
|
||||
} |
|
||||
.scimg { |
|
||||
width:246rpx; |
|
||||
height:246rpx; |
|
||||
} |
} |
||||
.swiper-tab{ |
.tab-view{ |
||||
width: 100%; |
|
||||
border-bottom: 1px solid #eee; |
|
||||
text-align: center; |
|
||||
line-height: 80rpx; |
|
||||
background: #fff; |
|
||||
position: fixed; |
position: fixed; |
||||
top: 0; |
|
||||
z-index: 999; |
|
||||
} |
|
||||
.swiper-tab-list{ |
|
||||
font-size: 12px; |
|
||||
display: inline-block; |
|
||||
width: 20%; |
|
||||
color: #666; |
|
||||
} |
|
||||
.on{ |
|
||||
color: #dd2727; |
|
||||
border-bottom: 5rpx solid #dd2727; |
|
||||
} |
|
||||
|
|
||||
.swiper-box{ |
|
||||
display: block; |
|
||||
height: 100%; |
|
||||
width: 100%; |
width: 100%; |
||||
overflow: hidden; |
height: 100rpx; |
||||
/* iPhoneX底部适配 */ |
background-color: #fff; |
||||
padding-bottom: env(safe-area-inset-bottom); |
white-space: nowrap; |
||||
} |
} |
||||
|
.tab-itemActive{ |
||||
.clearbutton{ |
color: #454553; |
||||
background: #fff; |
width: 20%; |
||||
|
height: 100rpx; |
||||
|
line-height: 100rpx; |
||||
|
text-align: center; |
||||
|
font-size: 30rpx; |
||||
|
font-weight: bold; |
||||
display: inline-block; |
display: inline-block; |
||||
margin:3% 3% 2% 3%; |
|
||||
color: #dd2727; |
|
||||
font-size: 14px; |
|
||||
width: 94%; |
|
||||
} |
|
||||
button::after{ |
|
||||
border: none; |
|
||||
} |
|
||||
.shop{ |
|
||||
background: #fafafa; |
|
||||
padding: 15px; |
|
||||
border-bottom:1px solid #eee; |
|
||||
} |
|
||||
.shop checkbox{ |
|
||||
margin-top: 27px; |
|
||||
} |
|
||||
.sh_slt{ |
|
||||
width: 65px; |
|
||||
height: 65px; |
|
||||
overflow: hidden; |
|
||||
border-radius: 5px; |
|
||||
margin-right: 4%; |
|
||||
float: left; |
|
||||
} |
|
||||
.sp_text{ |
|
||||
display:flex; |
|
||||
line-height: 20px; |
|
||||
width: 100%; |
|
||||
text-align: left; |
|
||||
padding-left:10px; |
|
||||
} |
|
||||
.sp_tit{ |
|
||||
width: 100%; |
|
||||
overflow: hidden; |
|
||||
font-size: 12px; |
|
||||
-webkit-line-clamp:2; |
|
||||
} |
|
||||
.guige{ |
|
||||
font-size:12px; |
|
||||
color:#808080; |
|
||||
text-align:right; |
|
||||
} |
} |
||||
|
.tab-item { |
||||
|
color: #9fa5b6; |
||||
|
width: 20%; |
||||
.sp_neb{ |
height: 100rpx; |
||||
width: 100%; |
line-height: 100rpx; |
||||
overflow: hidden; |
text-align: center; |
||||
font-size: 13px; |
font-size: 30rpx; |
||||
color: #999; |
display: inline-block; |
||||
} |
|
||||
.sp_jg{ |
|
||||
width: 30%; |
|
||||
overflow: hidden; |
|
||||
font-size: 13px; |
|
||||
color: #fc0628; |
|
||||
} |
} |
||||
.dle{ |
.tab-lineActive{ |
||||
color: #999; |
width: 78rpx; |
||||
font-size: 12px; |
height: 6rpx; |
||||
float: right; |
margin-top: -10rpx; |
||||
|
margin-left: 25%; |
||||
|
background-color: #F95B43; |
||||
|
z-index: 655; |
||||
} |
} |
||||
.dle image{ |
.tab-badge{ |
||||
width: 18px; |
position: absolute; |
||||
height: 18px; |
margin-top: -80rpx; |
||||
vertical-align: sub; |
margin-left: 45rpx; |
||||
|
width: 35rpx; |
||||
|
height: 35rpx; |
||||
|
border-radius: 17.5rpx; |
||||
|
line-height: 35rpx; |
||||
|
font-size: 28rpx; |
||||
|
text-align: center; |
||||
|
font-weight: normal; |
||||
|
color: white; |
||||
|
background-color: red; |
||||
} |
} |
||||
.jk_bottom{ |
.tab-line{ |
||||
position: fixed; |
|
||||
bottom: 0; |
|
||||
background: #fff; |
|
||||
width: 100%; |
width: 100%; |
||||
display: inline-flex; |
height: 2rpx; |
||||
border-bottom: 1px solid #eee; |
margin-top: -8rpx; |
||||
font-size: 14px; |
background-color: #fff; |
||||
color: #999; |
|
||||
} |
} |
||||
.jk_bottom checkbox{ |
/*list*/ |
||||
margin: 4% 0 4% 4%; |
.list-container{ |
||||
|
background: #F5F5F5; |
||||
} |
} |
||||
.jk_bottom .heji{ |
.list-cell{ |
||||
margin-top: 5.5%; |
display: inline-table; |
||||
width: 30%; |
width: 95%; |
||||
text-align: right; |
margin:20rpx 2.5% 0rpx 2.5%; /*上-右-下-左*/ |
||||
|
padding-bottom: 15rpx; |
||||
|
background: white; |
||||
|
/* box-shadow:0 6rpx 10rpx 2rpx #807e7a99; */ |
||||
|
border-radius: 10rpx; |
||||
} |
} |
||||
.jk_bottom .all{ |
.list-cell image{ |
||||
margin-top: 5.5%; |
width: 345rpx; |
||||
padding-left: 2%; |
height: 345rpx; |
||||
} |
} |
||||
.jk_bottom .js_button{ |
.list-cell .imageSrc{ |
||||
background: #dd2727; |
|
||||
float: right; |
|
||||
color: #fff; |
|
||||
font-size: 16px; |
|
||||
text-align: center; |
|
||||
width: 40%; |
|
||||
position: absolute; |
position: absolute; |
||||
right: 0; |
margin-top: 20rpx; |
||||
line-height: 50px; |
margin-left: 20rpx; |
||||
} |
width: 104rpx; |
||||
.c_t60{ |
|
||||
clear: both; |
|
||||
height: 1px; |
|
||||
padding-top: 35px; |
|
||||
} |
|
||||
.blue{ |
|
||||
color: #42b1ff; |
|
||||
} |
|
||||
.mr_5{ |
|
||||
margin-right: 5px; |
|
||||
} |
|
||||
.top{ |
|
||||
padding: 15px; |
|
||||
font-size:12px; |
|
||||
} |
} |
||||
.font_12{ |
.shopView { |
||||
padding: 5px 10px; |
|
||||
border-radius:15px; |
|
||||
color:#fff; |
|
||||
width:55px; |
|
||||
text-align:center; |
|
||||
line-height:15px; |
|
||||
height:15px; |
|
||||
} |
|
||||
.bottom{ |
|
||||
border-top:1px #eee solid; |
|
||||
height:36px; |
|
||||
margin:auto; |
|
||||
display:flex; |
display:flex; |
||||
justify-content:flex-end; |
|
||||
align-items: center; |
align-items: center; |
||||
|
height: 85rpx; |
||||
} |
} |
||||
.total{ |
.shopView image { |
||||
font-size:14px; |
width: 40rpx; |
||||
padding-bottom:3px; |
height: 40rpx; |
||||
height:28px; |
margin-left: 25rpx; |
||||
/* padding-right:14px; */ |
|
||||
} |
|
||||
|
|
||||
.zhifu{ |
|
||||
height:28px; |
|
||||
line-height:28px; |
|
||||
float:right; |
|
||||
padding-right:4%; |
|
||||
} |
} |
||||
|
.shopView text{ |
||||
.tab_statu{ |
margin-left: 12rpx; |
||||
float: right; |
font-size: 32rpx; |
||||
font-size: 13px; |
color: #333333; |
||||
color: #FF6347; |
|
||||
} |
} |
||||
.tab_tab{ |
.shopView .jiantou-img { |
||||
background:#fff; |
width: 25rpx; |
||||
margin-bottom:8px; |
height: 25rpx; |
||||
|
margin-left: 20rpx; |
||||
} |
} |
||||
scroll-view { |
.shopView .statusLabel{ |
||||
background:#eee; |
position: absolute; |
||||
} |
right: 45rpx; |
||||
.person_box{ |
color: #FA5151; |
||||
position: relative; |
font-size: 30rpx; |
||||
} |
height: 40rpx; |
||||
.phone_select{ |
line-height: 40rpx; |
||||
margin-top:0; |
|
||||
z-index: 100; |
|
||||
position: absolute; /*//小程序中z-index和absolute需要同时存在,元素才能脱离文档。 */ |
|
||||
} |
} |
||||
.select_one{ |
.goodsView{ |
||||
text-align: center; |
display: flex; |
||||
background-color:rgb(239, 239, 239); |
flex-direction: row; |
||||
width:100%; /* //脱离文档后元素width不能再用百分比。 */ |
|
||||
height:100rpx; |
|
||||
line-height:100rpx; |
|
||||
margin:0 5%; |
|
||||
border-bottom:2rpx solid rgb(255, 255, 255); |
|
||||
} |
} |
||||
|
.goodsView .goodsImg { |
||||
/*下拉*/ |
margin-left: 20rpx; |
||||
.product-list { |
width: 150rpx; |
||||
min-height: 100vh; |
height: 150rpx; |
||||
background-color: #f0f0f0; |
|
||||
padding-top: 80rpx; |
|
||||
box-sizing: border-box; |
|
||||
} |
} |
||||
|
.goodsView .content{ |
||||
/*条件选择*/ |
|
||||
|
|
||||
.choice-bar { |
|
||||
position: fixed; |
|
||||
top: 0; |
|
||||
display: flex; |
display: flex; |
||||
width: 100vw; |
flex-direction: column; |
||||
font-size: 16px; |
justify-content: center; |
||||
background-color: #fff; |
margin-left: 25rpx; |
||||
z-index: 9; |
} |
||||
|
.content .title{ |
||||
|
/* margin-top: 10rpx; */ |
||||
|
color: #333333; |
||||
|
font-size: 36rpx; |
||||
|
max-width: 480rpx; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; /*超出省略号*/ |
||||
|
white-space: nowrap; |
||||
|
font-weight: bold; |
||||
|
height: 40rpx; |
||||
|
line-height: 40rpx; |
||||
|
/*-webkit-line-clamp: 2; /*控制行数*/ |
||||
|
} |
||||
|
.content .spec{ |
||||
|
margin-top: 25rpx; |
||||
|
color: #999999; |
||||
|
font-size: 30rpx; |
||||
|
max-width: 480rpx; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
height: 40rpx; |
||||
|
line-height: 40rpx; |
||||
} |
} |
||||
|
.priceView{ |
||||
.chioce-item { |
margin-top: 30rpx; |
||||
background-color: #fff; |
|
||||
display: flex; |
display: flex; |
||||
align-items: center; |
height: 40rpx; |
||||
justify-content: space-between; |
|
||||
padding: 0 20rpx; |
|
||||
width: 33.33%; |
|
||||
height: 80rpx; |
|
||||
border-top: 1rpx solid #ddd; |
|
||||
border-bottom: 1rpx solid #ddd; |
|
||||
border-left: 1rpx solid #ddd; |
|
||||
/*border-right: 1rpx solid #ddd;*/ |
|
||||
} |
|
||||
|
|
||||
.chioce-item-last { |
|
||||
border-right: none; |
|
||||
} |
|
||||
|
|
||||
.chioce-item-first { |
|
||||
border-left: none; |
|
||||
} |
} |
||||
|
.priceView .price{ |
||||
.icon-chioce { |
color: #FA5151; |
||||
height: 30rpx; |
font-size: 36rpx; |
||||
width: 30rpx; |
line-height: 40rpx; |
||||
} |
} |
||||
.mask{ |
.priceView .quantity{ |
||||
position: fixed; |
|
||||
top:0; |
|
||||
bottom: 0; |
|
||||
right: 0; |
|
||||
left: 0; |
|
||||
background-color: #000; |
|
||||
opacity: 0.5; |
|
||||
} |
|
||||
.district-list,.sorting-list,.filter-list { |
|
||||
margin-top: 2rpx; |
|
||||
position: absolute; |
position: absolute; |
||||
top: 80rpx; |
right: 45rpx; |
||||
left: 10px; |
color: #9d9d9d; |
||||
width: 100%; |
font-size: 28rpx; |
||||
background-color: #fff; |
line-height: 40rpx; |
||||
z-index: -1; |
|
||||
font-size: 14px; |
|
||||
border-bottom: 1rpx solid #ddd; |
|
||||
} |
|
||||
.iconfont { |
|
||||
font-size:9px; |
|
||||
margin:0; |
|
||||
padding:0; |
|
||||
} |
|
||||
.xzbg{ |
|
||||
color: #fff; |
|
||||
} |
|
||||
.chioce-list-show { |
|
||||
top: 110rpx; |
|
||||
animation: slide 500ms; |
|
||||
width:25%; |
|
||||
border:1px solid red; |
|
||||
border-radius:5px; |
|
||||
font-size:12px; |
|
||||
} |
} |
||||
|
.bottomView{ |
||||
@keyframes slide { |
|
||||
0% { |
|
||||
top: -500rpx; |
|
||||
} |
|
||||
|
|
||||
100% { |
|
||||
top: 80rpx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.chioce-list-hide { |
|
||||
display: none !important; |
|
||||
} |
|
||||
|
|
||||
/*区域位置*/ |
|
||||
|
|
||||
.district-list { |
|
||||
display: flex; |
display: flex; |
||||
|
flex-direction: row; |
||||
|
margin-top: 15rpx; |
||||
|
margin-bottom: 15rpx; |
||||
|
align-items: center; |
||||
|
box-sizing: border-box; |
||||
|
height: 70rpx; |
||||
} |
} |
||||
|
.normalBtn{ |
||||
.district-left { |
position: absolute; |
||||
flex-grow: 1; |
right: 225rpx; |
||||
} |
padding: 5rpx 22rpx; |
||||
|
font-size: 28rpx; |
||||
.district-right { |
color: #999999; |
||||
flex-grow: 4; |
border: 1px solid #FA5151; |
||||
} |
height: 50rpx; |
||||
.scroll-district{ |
line-height: 50rpx; |
||||
height: 500rpx; |
border-radius: 50rpx; |
||||
} |
} |
||||
.district-parent { |
.confirmBtn{ |
||||
height: 100rpx; |
position: absolute; |
||||
|
right: 45rpx; |
||||
|
padding: 5rpx 22rpx; |
||||
|
font-size: 28rpx; |
||||
|
color: #FA5151; |
||||
|
border: 1px solid #FA5151; |
||||
|
height: 50rpx; |
||||
|
line-height: 50rpx; |
||||
|
border-radius: 50rpx; |
||||
|
} |
||||
|
.deleteBtn{ |
||||
|
position: absolute; |
||||
|
right: 410rpx; |
||||
|
padding: 5rpx 22rpx; |
||||
|
font-size: 28rpx; |
||||
|
color: #999999; |
||||
|
border: 1px solid #FA5151; |
||||
|
height: 50rpx; |
||||
|
line-height: 50rpx; |
||||
|
border-radius: 50rpx; |
||||
|
} |
||||
|
.noMoreData{ |
||||
|
padding-top: 100rpx; |
||||
line-height: 100rpx; |
line-height: 100rpx; |
||||
padding: 0 40rpx; |
|
||||
border-bottom: 1rpx solid #ddd; |
|
||||
border-right: 1rpx solid #ddd; |
|
||||
background-color: #f0f0f0; |
|
||||
} |
|
||||
|
|
||||
.district-parent-active { |
|
||||
background-color: #fff; |
|
||||
} |
|
||||
|
|
||||
.district-children { |
|
||||
height: 100rpx; |
height: 100rpx; |
||||
line-height: 100rpx; |
width: 100%; |
||||
padding: 0 40rpx; |
font-size: 32rpx; |
||||
border-bottom: 1rpx solid #ddd; |
text-align: center; |
||||
} |
color: #454553; |
||||
|
|
||||
/*综合排序*/ |
|
||||
|
|
||||
.sorting-item { |
|
||||
height: 80rpx; |
|
||||
line-height: 80rpx; |
|
||||
/* padding: 0 40rpx; */ |
|
||||
border-bottom: 1rpx solid #eee; |
|
||||
} |
|
||||
|
|
||||
/*筛选*/ |
|
||||
|
|
||||
.filter-item { |
|
||||
height: 80rpx; |
|
||||
line-height: 80rpx; |
|
||||
padding: 0 40rpx; |
|
||||
border-bottom: 1rpx solid #ddd; |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
} |
|
||||
|
|
||||
.icon-selected { |
|
||||
height: 30rpx; |
|
||||
width: 30rpx; |
|
||||
} |
|
||||
|
|
||||
.filter-footer { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
} |
|
||||
|
|
||||
.filter-footer button { |
|
||||
margin: 20rpx 80rpx; |
|
||||
border-radius: 0 !important; |
|
||||
} |
} |
||||
|
.scrollView { |
||||
.button-reset { |
flex-grow: 1; |
||||
border: 1rpx solid #ddd !important; |
padding:0rpx; |
||||
color: #666 !important; |
padding-top: 100rpx; |
||||
} |
} |
||||
|
.loading,.complete { |
||||
/* 小标签 */ |
width: 100%; |
||||
.noe { |
padding: 30rpx 0rpx; |
||||
display: block; |
text-align: center; |
||||
border-width: 10px; |
font-size: 24rpx; |
||||
position: absolute; |
color: #9fa4b6; |
||||
left: 10px; |
|
||||
top: -20px; |
|
||||
border-style: solid dashed dashed; |
|
||||
border-color: transparent transparent red transparent; |
|
||||
font-size: 0; |
|
||||
line-height: 0; |
|
||||
} |
} |
||||
Loading…
Reference in new issue