Commit ba56cd7da8035c22933ea6bc9f35d00c2161eceb
1 parent
52bdba26
商品列表组件
Showing
3 changed files
with
9 additions
and
20 deletions
components/goods_list/goods_list.js
components/goods_list/goods_list.wxml
| @@ -3,17 +3,13 @@ | @@ -3,17 +3,13 @@ | ||
| 3 | <view class="collects"> | 3 | <view class="collects"> |
| 4 | <view class="hang "> | 4 | <view class="hang "> |
| 5 | <!-- 商品详情 --> | 5 | <!-- 商品详情 --> |
| 6 | - | ||
| 7 | - | ||
| 8 | <view class="collect ib" wx:for="{{recommend}}" bindtap="go_url" data-url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> | 6 | <view class="collect ib" wx:for="{{recommend}}" bindtap="go_url" data-url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> |
| 9 | - | 7 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> |
| 10 | <!-- 商品图片 --> | 8 | <!-- 商品图片 --> |
| 11 | <image class="sp" src="{{url+item.original_img}}" mode="scaleToFill" binderror="bind_bnerr_xc" data-url="{{item.original_img}}" data-errorimg="recommend[{{index}}].original_img"></image> | 9 | <image class="sp" src="{{url+item.original_img}}" mode="scaleToFill" binderror="bind_bnerr_xc" data-url="{{item.original_img}}" data-errorimg="recommend[{{index}}].original_img"></image> |
| 12 | <view class="bottom"> | 10 | <view class="bottom"> |
| 13 | <!-- 商品名称 --> | 11 | <!-- 商品名称 --> |
| 14 | - | ||
| 15 | - <view class="goods_name ellipsis-2 fs24">{{item.goods_name}}</view> | ||
| 16 | - | 12 | + <view class="goods_name ellipsis-2 fs28">{{item.goods_name}}</view> |
| 17 | <!-- 商品价格 --> | 13 | <!-- 商品价格 --> |
| 18 | <view class="money flex"> | 14 | <view class="money flex"> |
| 19 | <!-- 办卡价 --> | 15 | <!-- 办卡价 --> |
| @@ -28,7 +24,7 @@ | @@ -28,7 +24,7 @@ | ||
| 28 | </view> | 24 | </view> |
| 29 | </view> | 25 | </view> |
| 30 | </view> | 26 | </view> |
| 31 | - | 27 | + </navigator> |
| 32 | </view> | 28 | </view> |
| 33 | </view> | 29 | </view> |
| 34 | <view class="nothing flex-center" wx:if="{{is_no_more==0}}"> | 30 | <view class="nothing flex-center" wx:if="{{is_no_more==0}}"> |
components/goods_list/goods_list.wxss
| @@ -37,16 +37,17 @@ color: #b9b9b9; | @@ -37,16 +37,17 @@ color: #b9b9b9; | ||
| 37 | -webkit-line-clamp: 2; | 37 | -webkit-line-clamp: 2; |
| 38 | } | 38 | } |
| 39 | .goods_name{ | 39 | .goods_name{ |
| 40 | - height: 62rpx; | 40 | + height: 62rpx; |
| 41 | margin-top: 6rpx; | 41 | margin-top: 6rpx; |
| 42 | - line-height: 30rpx | 42 | + line-height: 30rpx; |
| 43 | + | ||
| 44 | + | ||
| 43 | } | 45 | } |
| 44 | .hang { | 46 | .hang { |
| 45 | width: 100%; | 47 | width: 100%; |
| 46 | margin: auto; | 48 | margin: auto; |
| 47 | padding-left: 21rpx; | 49 | padding-left: 21rpx; |
| 48 | } | 50 | } |
| 49 | - | ||
| 50 | .fs28{ | 51 | .fs28{ |
| 51 | font-size: 28rpx; | 52 | font-size: 28rpx; |
| 52 | } | 53 | } |
| @@ -54,11 +55,6 @@ color: #b9b9b9; | @@ -54,11 +55,6 @@ color: #b9b9b9; | ||
| 54 | .hang .collect { | 55 | .hang .collect { |
| 55 | width: 347rpx; | 56 | width: 347rpx; |
| 56 | height: 495rpx; | 57 | height: 495rpx; |
| 57 | -} | ||
| 58 | - | ||
| 59 | -.hang .collect { | ||
| 60 | - width: 347rpx; | ||
| 61 | - height: 571rpx; | ||
| 62 | border-radius: 25rpx; | 58 | border-radius: 25rpx; |
| 63 | border: 1rpx solid rgb(214, 214, 214); | 59 | border: 1rpx solid rgb(214, 214, 214); |
| 64 | overflow: hidden; | 60 | overflow: hidden; |
| @@ -76,7 +72,7 @@ color: #b9b9b9; | @@ -76,7 +72,7 @@ color: #b9b9b9; | ||
| 76 | } | 72 | } |
| 77 | 73 | ||
| 78 | .collect .money { | 74 | .collect .money { |
| 79 | - margin-top: 60rpx; | 75 | + margin-top: 30rpx; |
| 80 | margin-bottom: 18rpx; | 76 | margin-bottom: 18rpx; |
| 81 | line-height: 28rpx; | 77 | line-height: 28rpx; |
| 82 | align-items: baseline; | 78 | align-items: baseline; |