consumer模块完成度95%,优化安卓端界面和小程序测试8
This commit is contained in:
@@ -85,11 +85,13 @@
|
||||
class="product-card"
|
||||
@click="navigateToProduct(product)"
|
||||
>
|
||||
<image
|
||||
class="product-image"
|
||||
:src="product.main_image_url"
|
||||
mode="aspectFill"
|
||||
/>
|
||||
<view class="product-image-wrapper">
|
||||
<image
|
||||
class="product-image"
|
||||
:src="product.main_image_url"
|
||||
mode="aspectFill"
|
||||
/>
|
||||
</view>
|
||||
<text class="product-name" :lines="2">{{ product.name }}</text>
|
||||
<view class="product-bottom">
|
||||
<text class="product-price">¥{{ product.base_price ?? product.price ?? 0 }}</text>
|
||||
@@ -1053,14 +1055,24 @@ function onScan(): void {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.product-image {
|
||||
.product-image-wrapper {
|
||||
width: 100%;
|
||||
height: 170px;
|
||||
padding-bottom: 100%;
|
||||
position: relative;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 8px;
|
||||
overflow: hidden;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.product-image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.product-name {
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
@@ -1276,8 +1288,8 @@ function onScan(): void {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.product-image {
|
||||
height: 100px;
|
||||
.product-image-wrapper {
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
.product-name {
|
||||
@@ -1451,7 +1463,7 @@ function onScan(): void {
|
||||
}
|
||||
|
||||
.product-name {
|
||||
font-size: 16px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.product-spec {
|
||||
@@ -1517,8 +1529,8 @@ function onScan(): void {
|
||||
margin: 1.5%;
|
||||
}
|
||||
|
||||
.product-image {
|
||||
height: 180px;
|
||||
.product-image-wrapper {
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
.product-info {
|
||||
@@ -1526,7 +1538,7 @@ function onScan(): void {
|
||||
}
|
||||
|
||||
.product-name {
|
||||
font-size: 17px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.product-spec {
|
||||
|
||||
Reference in New Issue
Block a user