Commit 51868f39c61637e69d294ec14e75d8dba7211bd4
1 parent
6baaabee
商城首页 及推荐商品修改
Showing
5 changed files
with
14 additions
and
8 deletions
components/goods_list/goods_list.wxml
| @@ -8,7 +8,7 @@ | @@ -8,7 +8,7 @@ | ||
| 8 | <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> | 8 | <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 | <view class="bottom"> | 9 | <view class="bottom"> |
| 10 | <!-- 商品名称 --> | 10 | <!-- 商品名称 --> |
| 11 | - <view class="goods_name ellipsis-2 fs24">{{item.goods_name}}</view> | 11 | + <view class="goods_name ellipsis-2 fs28">{{item.goods_name}}</view> |
| 12 | <!-- 商品价格 --> | 12 | <!-- 商品价格 --> |
| 13 | <view class="money flex"> | 13 | <view class="money flex"> |
| 14 | <!-- 办卡价 --> | 14 | <!-- 办卡价 --> |
components/goods_list/goods_list.wxss
| @@ -37,19 +37,24 @@ color: #b9b9b9; | @@ -37,19 +37,24 @@ 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 | } |
| 51 | +.fs28{ | ||
| 52 | + font-size: 28rpx; | ||
| 53 | +} | ||
| 49 | 54 | ||
| 50 | .hang .collect { | 55 | .hang .collect { |
| 51 | width: 347rpx; | 56 | width: 347rpx; |
| 52 | - height: 571rpx; | 57 | + height: 495rpx; |
| 53 | border-radius: 25rpx; | 58 | border-radius: 25rpx; |
| 54 | border: 1rpx solid rgb(214, 214, 214); | 59 | border: 1rpx solid rgb(214, 214, 214); |
| 55 | overflow: hidden; | 60 | overflow: hidden; |
| @@ -67,7 +72,7 @@ color: #b9b9b9; | @@ -67,7 +72,7 @@ color: #b9b9b9; | ||
| 67 | } | 72 | } |
| 68 | 73 | ||
| 69 | .collect .money { | 74 | .collect .money { |
| 70 | - margin-top: 60rpx; | 75 | + margin-top: 30rpx; |
| 71 | margin-bottom: 18rpx; | 76 | margin-bottom: 18rpx; |
| 72 | line-height: 28rpx; | 77 | line-height: 28rpx; |
| 73 | align-items: baseline; | 78 | align-items: baseline; |
pages/index/index/index.js
| @@ -116,6 +116,7 @@ Page({ | @@ -116,6 +116,7 @@ Page({ | ||
| 116 | }).then(res => { | 116 | }).then(res => { |
| 117 | if(res.data.data) { | 117 | if(res.data.data) { |
| 118 | var gd_category = res.data.data.pageData; | 118 | var gd_category = res.data.data.pageData; |
| 119 | + | ||
| 119 | th.setData({gd_category: gd_category}); | 120 | th.setData({gd_category: gd_category}); |
| 120 | } | 121 | } |
| 121 | }) | 122 | }) |
pages/index/index/index.wxml
| @@ -102,7 +102,7 @@ | @@ -102,7 +102,7 @@ | ||
| 102 | <view wx:for="{{gd_category}}" | 102 | <view wx:for="{{gd_category}}" |
| 103 | bindtap="go_cate2" data-cid="{{item.id}}" data-pid="0"> | 103 | bindtap="go_cate2" data-cid="{{item.id}}" data-pid="0"> |
| 104 | <view class="circle xc-class-frame t-c"> | 104 | <view class="circle xc-class-frame t-c"> |
| 105 | - <image class="xc-class-img" src="{{url+item.icon}}" binderror="bind_bnerr_icon" | 105 | + <image class="xc-class-img" src="{{item.icoimg==null||item.icoimg==''?url+item.icon:item.icoimg}}" binderror="bind_bnerr_icon" |
| 106 | data-err="gd_category[{{index}}].icon"></image> | 106 | data-err="gd_category[{{index}}].icon"></image> |
| 107 | <view class="fs24">{{item.name}}</view> | 107 | <view class="fs24">{{item.name}}</view> |
| 108 | </view> | 108 | </view> |
pages/index/index/index.wxss
| @@ -74,7 +74,7 @@ left: 10%; | @@ -74,7 +74,7 @@ left: 10%; | ||
| 74 | 74 | ||
| 75 | .slide-image{ | 75 | .slide-image{ |
| 76 | width: 100%; | 76 | width: 100%; |
| 77 | - height: 380rpx; | 77 | + height: 100%; |
| 78 | display: inline-block; | 78 | display: inline-block; |
| 79 | overflow: hidden; | 79 | overflow: hidden; |
| 80 | border-radius: 14rpx; | 80 | border-radius: 14rpx; |
| @@ -338,7 +338,7 @@ line-height: 25rpx; | @@ -338,7 +338,7 @@ line-height: 25rpx; | ||
| 338 | width: 95%; | 338 | width: 95%; |
| 339 | margin: auto; | 339 | margin: auto; |
| 340 | border-radius: 10rpx; | 340 | border-radius: 10rpx; |
| 341 | - | 341 | +height: 380rpx; |
| 342 | } | 342 | } |
| 343 | .xc-hook{ | 343 | .xc-hook{ |
| 344 | width: 52rpx; | 344 | width: 52rpx; |