|
|
@@ -63,8 +63,9 @@
|
|
|
</view>
|
|
|
<view class="sku_list">
|
|
|
<view :class="itm.check?'sku_item':'sku_item active'" v-for="(itm,iddx) in item.list" :key="iddx">
|
|
|
- <view class="img" v-if="itm.img" @click="viewImg(itm.img)"><image :src="itm.img"></image></view>
|
|
|
- <view class="name" @click="skuCheck(item.name,item.num,indx,iddx)" >{{itm.name}}</view>
|
|
|
+ <view class="img" v-if="itm.img" @click="skuCheck(item.name,item.num,indx,iddx)"><image :src="itm.img"></image></view>
|
|
|
+ <view :class="itm.img?'name':'name ac'" @click="skuCheck(item.name,item.num,indx,iddx)">{{itm.name}}</view>
|
|
|
+ <view class="pre" @click="viewImg(itm.img)" v-if="itm.img"><image src="/static/image/open.png"></image></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -404,7 +405,7 @@ page{background-color: #f2f2f2;}
|
|
|
border-radius: 20upx;
|
|
|
}
|
|
|
.goods_skus .sku_name{
|
|
|
- font-size: 32upx;
|
|
|
+ font-size: 28upx;
|
|
|
color: #000;
|
|
|
line-height: 60upx;
|
|
|
display: flex;
|
|
|
@@ -434,18 +435,24 @@ page{background-color: #f2f2f2;}
|
|
|
/* background: linear-gradient(90deg, rgba(254, 44, 86, 1) 0%, rgba(228, 100, 126, 1) 100%); */
|
|
|
color: #fe2c56;
|
|
|
border: 2upx solid #fe2c56;
|
|
|
- background-color: #fff;
|
|
|
+ background-color: #ccc;
|
|
|
}
|
|
|
.goods_skus .sku_list .sku_item{
|
|
|
background-color: #f8f8f8;
|
|
|
border: 2upx solid #f8f8f8;
|
|
|
- padding: 10upx 20upx;
|
|
|
margin-right: 20upx;
|
|
|
margin-bottom: 20upx;
|
|
|
border-radius: 5upx;
|
|
|
font-size: 28upx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
-.goods_skus .sku_list .sku_item image{width: 50upx;height: 50upx;vertical-align: middle;margin-right: 10upx;}
|
|
|
+.goods_skus .sku_list .sku_item .pre{position: absolute;top: 0;left: 0;width: 40upx;height: 40upx;background-color: rgba(0, 0, 0, 0.5);border-radius: 0 0 20upx 0;z-index: 99;display: flex;align-items: center;justify-content: center;}
|
|
|
+.goods_skus .sku_list .sku_item .pre image{width: 25upx;height: 25upx;}
|
|
|
+.goods_skus .sku_list .sku_item .img{width: 100upx;}
|
|
|
+.goods_skus .sku_list .sku_item .img image{width: 100%;height: 100upx;vertical-align: middle;margin-right: 10upx;}
|
|
|
+.goods_skus .sku_list .sku_item .name{height: 40upx;line-height: 40upx;flex: 1;width: 100%;text-align: center;font-size: 26upx;}
|
|
|
+.goods_skus .sku_list .sku_item .name.ac{padding: 10upx 20upx;height: 40upx;line-height: 40upx;}
|
|
|
</style>
|