|
|
@@ -8,13 +8,13 @@
|
|
|
<view class="goods-name" style="font-size:29upx;font-weight:bold;">{{ goodsInfo.name }}</view>
|
|
|
</view>
|
|
|
<view class="operate-wrap" style="margin-bottom:15upx;">
|
|
|
- <view class="goods-price" style="font-size:23upx;">60</view>
|
|
|
- <view style="float:right;display:inlin-block;padding-right:30upx;color:#CCCCCC;">
|
|
|
- <text @click.stop="delItemFn" style="border:1upx solid #CCCCCC;border-radius:30upx;padding:0upx 12upx;">-</text>
|
|
|
+ <view class="goods-price">¥{{goodsInfo.price ? parseFloat(goodsInfo.price) : 0}}</view>
|
|
|
+ <view style="float:right;display:inlin-block;padding-right:30upx;color:#9e9d9d;">
|
|
|
+ <text @click.stop="delItemFn" style="border:1upx solid #9e9d9d;border-radius:30upx;padding:0upx 12upx;font-size:30upx;">-</text>
|
|
|
<text style="width:90upx;display:inline-block;text-align:center;">
|
|
|
<text v-if="Number(goodsInfo.bigCount)>0">{{goodsInfo.bigCount}}</text>
|
|
|
</text>
|
|
|
- <text style="border:1upx solid #CCCCCC;border-radius:30upx;padding:0upx 12upx;">+</text>
|
|
|
+ <text style="border:1upx solid #9e9d9d;border-radius:30upx;padding:0upx 12upx;font-size:30upx;">+</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="operate-wrap">
|
|
|
@@ -59,49 +59,50 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
- .goods-list-top {
|
|
|
- position: relative;
|
|
|
- @include disFlex(flex-start, flex-start);
|
|
|
- }
|
|
|
- .goods-list-bottom {
|
|
|
- width: 96%;
|
|
|
- margin-top: 16upx;
|
|
|
- color: #bebebe;
|
|
|
- text{
|
|
|
- border:1px solid rgb(218, 216, 216);
|
|
|
- border-radius: 20upx;
|
|
|
- font-size:22upx;
|
|
|
- padding:6upx 25upx 6upx 25upx;
|
|
|
- }
|
|
|
- }
|
|
|
- .img-blo {
|
|
|
- width: 130upx;
|
|
|
- height: 130upx;
|
|
|
- margin-right: 20upx;
|
|
|
- & > image {
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
- .goods-det {
|
|
|
- width: calc(100% - 150upx);
|
|
|
- font-size: 28upx;
|
|
|
- .operate-wrap {
|
|
|
- @include disFlex(flex-end, space-between);
|
|
|
- }
|
|
|
- .operate-icon-wrap {
|
|
|
- left: -20upx;
|
|
|
- }
|
|
|
- .goods-name {
|
|
|
- margin-bottom: 10upx;
|
|
|
- }
|
|
|
- .goods-sales {
|
|
|
- color: $fontColor3;
|
|
|
- font-size: 24upx;
|
|
|
- }
|
|
|
- .goods-price {
|
|
|
- color: #ff2842;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
+.goods-list-top {
|
|
|
+ position: relative;
|
|
|
+ @include disFlex(flex-start, flex-start);
|
|
|
+}
|
|
|
+.goods-list-bottom {
|
|
|
+ width: 96%;
|
|
|
+ margin-top: 16upx;
|
|
|
+ color: #bebebe;
|
|
|
+ text{
|
|
|
+ border:1px solid rgb(218, 216, 216);
|
|
|
+ border-radius: 20upx;
|
|
|
+ font-size:22upx;
|
|
|
+ padding:6upx 25upx 6upx 25upx;
|
|
|
+ }
|
|
|
+}
|
|
|
+.img-blo {
|
|
|
+ width: 130upx;
|
|
|
+ height: 130upx;
|
|
|
+ margin-right: 20upx;
|
|
|
+ & > image {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+.goods-det {
|
|
|
+ width: calc(100% - 150upx);
|
|
|
+ font-size: 28upx;
|
|
|
+ .operate-wrap {
|
|
|
+ @include disFlex(flex-end, space-between);
|
|
|
+ }
|
|
|
+ .operate-icon-wrap {
|
|
|
+ left: -20upx;
|
|
|
+ }
|
|
|
+ .goods-name {
|
|
|
+ margin-bottom: 10upx;
|
|
|
+ }
|
|
|
+ .goods-sales {
|
|
|
+ color: $fontColor3;
|
|
|
+ font-size: 24upx;
|
|
|
+ }
|
|
|
+ .goods-price {
|
|
|
+ color: #ff2842;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size:28upx;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|