wxd / MShopWeApp

Commit ba56cd7da8035c22933ea6bc9f35d00c2161eceb

Authored by season
1 parent 52bdba26

商品列表组件

Inline Side-by-side
Showing 3 changed files with 9 additions and 20 deletions
components/goods_list/goods_list.js
  View file @ba56cd7
... ... @@ -73,10 +73,7 @@ Component({
73 73 reset:function(){
74 74 curPage=1;
75 75 },
76   - go_url:function(e){
77   - var url=e.currentTarget.dataset.url;
78   - t.goto(url);
79   - },
  76 +
80 77  
81 78  
82 79 },
... ...
components/goods_list/goods_list.wxml
  View file @ba56cd7
... ... @@ -3,17 +3,13 @@
3 3 <view class="collects">
4 4 <view class="hang ">
5 5 <!-- 商品详情 -->
6   -
7   -
8 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 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 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 14 <view class="money flex">
19 15 <!-- 办卡价 -->
... ... @@ -28,7 +24,7 @@
28 24 </view>
29 25 </view>
30 26 </view>
31   -
  27 + </navigator>
32 28 </view>
33 29 </view>
34 30 <view class="nothing flex-center" wx:if="{{is_no_more==0}}">
... ...
components/goods_list/goods_list.wxss
  View file @ba56cd7
... ... @@ -37,16 +37,17 @@ color: #b9b9b9;
37 37 -webkit-line-clamp: 2;
38 38 }
39 39 .goods_name{
40   - height: 62rpx;
  40 + height: 62rpx;
41 41 margin-top: 6rpx;
42   - line-height: 30rpx
  42 + line-height: 30rpx;
  43 +
  44 +
43 45 }
44 46 .hang {
45 47 width: 100%;
46 48 margin: auto;
47 49 padding-left: 21rpx;
48 50 }
49   -
50 51 .fs28{
51 52 font-size: 28rpx;
52 53 }
... ... @@ -54,11 +55,6 @@ color: #b9b9b9;
54 55 .hang .collect {
55 56 width: 347rpx;
56 57 height: 495rpx;
57   -}
58   -
59   -.hang .collect {
60   - width: 347rpx;
61   - height: 571rpx;
62 58 border-radius: 25rpx;
63 59 border: 1rpx solid rgb(214, 214, 214);
64 60 overflow: hidden;
... ... @@ -76,7 +72,7 @@ color: #b9b9b9;
76 72 }
77 73  
78 74 .collect .money {
79   - margin-top: 60rpx;
  75 + margin-top: 30rpx;
80 76 margin-bottom: 18rpx;
81 77 line-height: 28rpx;
82 78 align-items: baseline;
... ...