|
|
@@ -222,6 +222,10 @@
|
|
|
<text class="item-count" v-else></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="dish-tag-row" v-if="Number(s.dishNum)>0" @click="goTree(s)">
|
|
|
+ <text class="dish-num" v-if="Number(s.dishNum)>0">{{ s.dishNum }}筛</text>
|
|
|
+ <text class="dish-num" v-else>-</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="summary-bar">
|
|
|
@@ -694,11 +698,6 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: flex-end;
|
|
|
- & .iconxiangyou {
|
|
|
- color: #999999;
|
|
|
- font-size: 25upx;
|
|
|
- margin-left: 12upx;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -713,6 +712,7 @@ export default {
|
|
|
padding: 20upx;
|
|
|
.commodity-item {
|
|
|
display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
margin-bottom: 20upx;
|
|
|
.item-icon {
|
|
|
flex-shrink: 0;
|
|
|
@@ -734,18 +734,24 @@ export default {
|
|
|
color: black;
|
|
|
font-size: 30upx;
|
|
|
font-weight: 700;
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- width:360upx;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ flex: 1;
|
|
|
+ min-width: 0;
|
|
|
}
|
|
|
.item-price {
|
|
|
color: black;
|
|
|
font-size: 27upx;
|
|
|
- font-weight:bold;
|
|
|
+ font-weight: bold;
|
|
|
+ flex-shrink: 0;
|
|
|
+ white-space: nowrap;
|
|
|
+ margin-left: 16upx;
|
|
|
+ text-align: right;
|
|
|
.price {
|
|
|
- font-size:25upx;
|
|
|
- font-weight:bold;
|
|
|
+ font-size: 25upx;
|
|
|
+ font-weight: bold;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
}
|
|
|
.item-type {
|
|
|
@@ -758,6 +764,24 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .dish-tag-row {
|
|
|
+ width: 100%;
|
|
|
+ flex: 0 0 100%;
|
|
|
+ margin-top: 12upx;
|
|
|
+ padding: 12upx 16upx;
|
|
|
+ border: 1upx solid #eeeeee;
|
|
|
+ border-radius: 8upx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #fafafa;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+ .dish-num {
|
|
|
+ color: rgb(156, 150, 150);
|
|
|
+ font-size: 28upx;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.summary-bar {
|
|
|
@@ -770,14 +794,9 @@ export default {
|
|
|
border-top: 1px solid #eeeeee;
|
|
|
.operate-view {
|
|
|
display: flex;
|
|
|
-
|
|
|
align-items: center;
|
|
|
color: #3385ff;
|
|
|
font-size: 26upx;
|
|
|
- .iconfont {
|
|
|
- margin-right: 20upx;
|
|
|
- font-size: 40upx;
|
|
|
- }
|
|
|
}
|
|
|
.describe-view {
|
|
|
display: flex;
|
|
|
@@ -791,28 +810,6 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .shipping-address {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-top: 20upx;
|
|
|
- & > view:nth-child(1) {
|
|
|
- color: #999999;
|
|
|
- font-size: 28upx;
|
|
|
- font-weight: 400;
|
|
|
- display: inline-block;
|
|
|
- padding: 30upx 0 30upx 20upx;
|
|
|
- flex: 1;
|
|
|
- & > text {
|
|
|
- color: #333333;
|
|
|
- font-weight: 600;
|
|
|
- }
|
|
|
- }
|
|
|
- & > view:nth-child(2) {
|
|
|
- font-size: 60upx;
|
|
|
- color: #d6e7ff;
|
|
|
- margin-right: 10upx;
|
|
|
- }
|
|
|
- }
|
|
|
.price-detail {
|
|
|
margin-top: 20upx;
|
|
|
margin-bottom: 20upx;
|
|
|
@@ -840,65 +837,5 @@ export default {
|
|
|
font-weight: 700;
|
|
|
color: #666;
|
|
|
padding: 0 20upx;
|
|
|
- .iconfont {
|
|
|
- margin-right: 15upx;
|
|
|
- font-size: 30upx;
|
|
|
- }
|
|
|
- & > .editFlr {
|
|
|
- position: relative;
|
|
|
- color: #1890f3;
|
|
|
- font-size: 26upx;
|
|
|
- &:after {
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.footer_bar {
|
|
|
- position: fixed;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- width: 100vw;
|
|
|
- padding: 15upx 0;
|
|
|
- // height: 100upx;
|
|
|
- background: #fff;
|
|
|
- line-height: 100upx;
|
|
|
- border-top: 1px solid #ddd;
|
|
|
- z-index: 10;
|
|
|
- & > view {
|
|
|
- float: right;
|
|
|
- height: 70upx;
|
|
|
- display: inline-block;
|
|
|
- padding: 0 50upx;
|
|
|
- background: #3385ff;
|
|
|
- margin-right: 20upx;
|
|
|
- border-radius: 8upx;
|
|
|
- line-height: 70upx;
|
|
|
- text-align: center;
|
|
|
- font-size: 32upx;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
-}
|
|
|
-.distribution {
|
|
|
- line-height: 80upx;
|
|
|
- padding: 0 40upx 0 20upx;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- .evolve {
|
|
|
- position: relative;
|
|
|
- &::after {
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- top: 50%;
|
|
|
- right: -20upx;
|
|
|
- transform: translateY(-50%) rotate(225deg);
|
|
|
- width: 10upx;
|
|
|
- height: 10upx;
|
|
|
- border-left: 1px solid #ddd;
|
|
|
- border-bottom: 1px solid #ddd;
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
</style>
|