|
@@ -14,13 +14,20 @@
|
|
|
</view>
|
|
|
<view class="list">
|
|
|
<My_listbox ref="List" @getlist="getList" :bottomHeight="70">
|
|
|
- <navigator @click="goDetail" :url="'/cloud/commodityAdjustment/detail?id='+item.sa_fadid" class="product-item" v-for="item in list" :key="item.sa_fadid">
|
|
|
- <u-image :src="item.attinfos.length ? item.attinfos[0].url:''" :width="tovw(86)" :height="tovw(80)" :lazy-load="true" radius="5"></u-image>
|
|
|
- <view class="product-info">
|
|
|
- <text class="title u-line-1">{{ item.name }}</text>
|
|
|
- <text class="price"><text style="margin-right: 2px;">¥</text>{{ CNY(item.pricetype != '阶梯价' ? item.price : item.price_deposit,'') }}<text style="margin-left: 2px;">元</text></text>
|
|
|
+ <view v-for="item in list" :key="item.sa_fadid" class="box">
|
|
|
+ <navigator @click="goDetail" :url="'/cloud/commodityAdjustment/detail?id='+item.sa_fadid" class="product-item">
|
|
|
+ <u-image :src="item.attinfos.length ? item.attinfos[0].url:''" :width="tovw(86)" :height="tovw(80)" :lazy-load="true" radius="5"></u-image>
|
|
|
+ <view class="product-info">
|
|
|
+ <text class="title u-line-1">{{ item.name }}</text>
|
|
|
+ <text class="price"><text style="margin-right: 2px;">¥</text>{{ CNY(item.pricetype != '阶梯价' ? item.price : item.price_deposit,'') }}<text style="margin-left: 2px;">元</text></text>
|
|
|
+ </view>
|
|
|
+ </navigator>
|
|
|
+ <view class="bottom">
|
|
|
+ <view :style="{'--color1':item.isonsale ? '#E3041F' : '#E3041F'}" class="status">{{ item.isonsale ? '上架' : '下架' }}</view>
|
|
|
+ <view class="change-date">{{ item.changedate }}</view>
|
|
|
</view>
|
|
|
- </navigator>
|
|
|
+ </view>
|
|
|
+
|
|
|
</My_listbox>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -116,12 +123,13 @@ export default {
|
|
|
}
|
|
|
.list {
|
|
|
.product-item {
|
|
|
- padding: 12px 10px;
|
|
|
+ padding: 12px 10px 12px 0;
|
|
|
+ margin-left: 10px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
align-content: center;
|
|
|
background: #ffffff;
|
|
|
- margin-bottom: 10px;
|
|
|
+ border-bottom: 1px solid #DDDDDD;
|
|
|
.product-info {
|
|
|
flex: 1;
|
|
|
margin-left: 20px;
|
|
@@ -144,6 +152,38 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .box {
|
|
|
+ background: #ffffff;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ .bottom {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 10px;
|
|
|
+ .status {
|
|
|
+ font-weight: bolder;
|
|
|
+ font-size: 12px;
|
|
|
+ position: relative;
|
|
|
+ padding-left: 7px;
|
|
|
+ color: var(--color1);
|
|
|
+ &::after {
|
|
|
+ content: '';
|
|
|
+ width: 4px;
|
|
|
+ height: 4px;
|
|
|
+ border-radius: 50%;
|
|
|
+ background: var(--color1);
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .change-date {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|