Adam / gulu-vue

Blame view

src/components/CommodityCard/CommodityCard.vue 2.33 KB
edit raw normal view history
1003c53e8   Adam   go 
1
 
  <template>
7d6833f2c   范牧   地址列表 
2
3
 
    <view
      class="card"
b9fb65756   喻鹏   购物车和推荐产品根据sk_id来对应价格 
4
 
      @tap="toGoods(goods.id?goods.id:goods.pid,goods.sk_id)"
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: {
a3d2beaa8   范牧   立即支付功能 
50
51
 
      toGoods (id, skId) {
        console.log('---', '../frameDetail/frameDetail?pid=' + id + '&sk_id=' + skId)
7d6833f2c   范牧   地址列表 
52
 
        uni.navigateTo({
a3d2beaa8   范牧   立即支付功能 
53
 
          url: '../frameDetail/frameDetail?pid=' + id + '&sk_id=' + skId,
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>