|
|
@@ -37,7 +37,7 @@
|
|
|
<view class="goods-sales"></view>
|
|
|
</view>
|
|
|
<view class="goods-price">￥{{ items.price?parseFloat(items.price):0 }}</view>
|
|
|
- <view style="color:red;border:1upx solid red;width:80upx;text-align:center;padding:5upx 0 5upx 0;font-size:25upx;right:30upx;position:absolute;">购买</view>
|
|
|
+ <view class="buy-btn">购买</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -335,11 +335,18 @@ page {
|
|
|
.goods-det {
|
|
|
padding-top: 18upx;
|
|
|
font-size: 28upx;
|
|
|
+ position: relative;
|
|
|
+ width: calc(100% - 220upx);
|
|
|
.goods-det-top {
|
|
|
.goods-name {
|
|
|
margin-bottom: 10upx;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ word-break: break-all;
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
.goods-price {
|
|
|
margin-top: 50upx;
|
|
|
@@ -417,4 +424,16 @@ page {
|
|
|
height: 180upx;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.buy-btn {
|
|
|
+ color: red;
|
|
|
+ border: 1upx solid red;
|
|
|
+ width: 80upx;
|
|
|
+ text-align: center;
|
|
|
+ padding: 5upx 0;
|
|
|
+ font-size: 25upx;
|
|
|
+ position: absolute;
|
|
|
+ right: 30upx;
|
|
|
+ top: 150upx;
|
|
|
+}
|
|
|
</style>
|
