Adam / gulu-vue

Blame view

src/components/CommodityCard/CommodityCard.vue 2.27 KB
edit raw normal view history
1003c53e8   Adam   go 
1
 
  <template>
7d6833f2c   范牧   地址列表 
2
3
 
    <view
      class="card"
b83c44fe1   喻鹏   购物车和用户推荐传参 
4
 
      @tap="toGoods(goods.id?goods.id:goods.pid)"
7d6833f2c   范牧   地址列表 
5
6
7
 
    >
      <image
        mode="widthFix"
058f060df   范牧   冲突修改 
8
 
        :src="goods.imgurl?goods.imgurl:goods.pic"
7d6833f2c   范牧   地址列表 
9
 
      ></image>
058f060df   范牧   冲突修改 
10
 
      <view class="name">{{goods.name?goods.name:goods.p_name}}</view>
7d6833f2c   范牧   地址列表 
11
12
 
      <view class="info">
        <view class="priceBox">
089dce19d   范牧   支付修改 
13
 
          <view class="price">{{goods.old_price ? goods.old_price : (goods.rsSon && goods.rsSon.Min_Price)}}</view>
7d6833f2c   范牧   地址列表 
14
 
          <view class="originCost">
089dce19d   范牧   支付修改 
15
16
 
            <!-- {{goods.price !== undefined?goods.price:goods.real_price}} -->
            {{goods.real_price ? goods.real_price : parseInt(goods.rsSon && goods.rsSon.Min_Price*(1 + Number(goods.rsSon.discount)/100))}}
7d6833f2c   范牧   地址列表 
17
18
19
20
21
 
          </view>
        </view>
        <view class="trade_num">{{goods.trade_num}}人购买</view>
      </view>
    </view>
1003c53e8   Adam   go 
22
 
  </template>
fb85b244c   BigBoss   user页面 
23
24
 
  
  <script>
7d6833f2c   范牧   地址列表 
25
26
27
28
29
30
31
32
33
34
35
36
37
 
  export default {
    props: {
      /**
      * 商品数据
      */
      goods: {
        id: Number,
        imgurl: String,
        name: String,
        rsSon: Object,
        originCost: String,
        price: String,
        trade_num: String,
089dce19d   范牧   支付修改 
38
39
 
        goodType: String,
      },
7d6833f2c   范牧   地址列表 
40
41
42
 
  
    },
    created () {
7d6833f2c   范牧   地址列表 
43
44
45
46
47
48
49
 
    },
    data () {
      return {
  
      }
    },
    methods: {
323398550   范牧   若干功能添加 
50
51
 
      toGoods (id) {
        console.log('---', '../frameDetail/frameDetail?pid=' + id)
7d6833f2c   范牧   地址列表 
52
 
        uni.navigateTo({
323398550   范牧   若干功能添加 
53
 
          url: '../frameDetail/frameDetail?pid=' + id,
7d6833f2c   范牧   地址列表 
54
55
 
          success: res => {},
          fail: () => {},
089dce19d   范牧   支付修改 
56
 
          complete: () => {},
7d6833f2c   范牧   地址列表 
57
 
        })
089dce19d   范牧   支付修改 
58
59
 
      },
    },
7d6833f2c   范牧   地址列表 
60
 
  }
1003c53e8   Adam   go 
61
62
 
  </script>
fb85b244c   BigBoss   user页面 
63
 
  <style lang="scss">
7d6833f2c   范牧   地址列表 
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
 
  image {
    width: 100%;
    height: 120rpx;
  }
  .name {
    width: 92%;
    height: 54rpx;
    padding: 5px 4%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: justify;
    overflow: hidden;
    font-size: 24rpx;
    color: #333333;
  }
  .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 92%;
    padding: 5px 4% 5px 4%;
    .priceBox {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .price {
        color: #eb5d3b;
        font-size: 28rpx;
        font-weight: 600;
        margin-right: 10rpx;
      }
      .originCost {
        text-decoration: line-through;
        color: #999999;
        font-size: 20rpx;
      }
    }
    .trade_num {
      color: #999999;
      font-size: 20rpx;
    }
  }
  </style>