|
@@ -9,6 +9,7 @@
|
|
|
:src="getImg(item.pic)"
|
|
:src="getImg(item.pic)"
|
|
|
fit="cover"
|
|
fit="cover"
|
|
|
/>
|
|
/>
|
|
|
|
|
+ <div class="stock">剩余数量:{{ item.stock }}张</div>
|
|
|
<div class="content">
|
|
<div class="content">
|
|
|
<div class="text1">{{ item.name }}</div>
|
|
<div class="text1">{{ item.name }}</div>
|
|
|
<div class="text2">
|
|
<div class="text2">
|
|
@@ -188,7 +189,16 @@ export default {
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+.stock {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ top: calc(50vw - 40px);
|
|
|
|
|
+ line-height: 20px;
|
|
|
|
|
+ background-color: rgba(0, 0, 0, 0.6);
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+}
|
|
|
.van-button--disabled {
|
|
.van-button--disabled {
|
|
|
background-color: #939599;
|
|
background-color: #939599;
|
|
|
opacity: 1;
|
|
opacity: 1;
|