w-front-end / select_good · Commits

Commit bf545917e393ca38481bf57a28339576402ab061

Authored by zhiyangdu
1 parent b3b28458

积分商城首页模拟数据

Inline Side-by-side
Showing 3 changed files with 163 additions and 3 deletions
src/components/goodsItem_7/goodsItem_7.vue
  View file @bf54591
... ... @@ -4,7 +4,7 @@
4 4 <div class="img-box">
5 5 <img v-lazy="item.simg + SIGN.MIDDLE" class="img" />
6 6 <!-- 补货中按钮 -->
7   - <div v-show="item.grade" class="goods_active">
  7 + <div v-show="item.time_state == 2 && item.stock == 0" class="goods_active">
8 8 补货中
9 9 </div>
10 10 </div>
... ...
src/pages/pointsMall/pointsMall.less
  View file @bf54591
... ... @@ -75,7 +75,7 @@
75 75 display:flex;
76 76 justify-content: space-between;
77 77 align-items: center;
78   - padding: 10px 20px;
  78 + padding: 20px 20px;
79 79 .earn_icon{
80 80 display: block;
81 81 width: 36px;
... ... @@ -89,7 +89,7 @@
89 89 line-height: 90px;
90 90 }
91 91 .btn{
92   - padding: 9px 20px;
  92 + padding: 0 20px;
93 93 height: 50px;
94 94 background: #DAB277;
95 95 border-radius: 26px;
... ...
src/pages/pointsMall/pointsMall.vue
  View file @bf54591
... ... @@ -50,6 +50,8 @@
50 50 pid="4">
51 51 </goods-item-2>
52 52 </div>
  53 +
  54 +
53 55 <!-- 实物商品 -->
54 56 <div class="tab_item_box">
55 57 <div class="item active">实物商品</div>
... ... @@ -63,6 +65,8 @@
63 65 :lists="phyicalGoods"
64 66 com="7">
65 67 </column-list-box>
  68 +
  69 +
66 70 <!-- 虚拟商品 -->
67 71 <div class="tab_item_box">
68 72 <div class="item active">虚拟商品</div>
... ... @@ -70,6 +74,13 @@
70 74 <div class="line"> </div>
71 75 <div class="item">热门商品</div>
72 76 </div>
  77 + <!-- 商品样式 7 列表 -->
  78 + <column-list-box class="column-list-box" v-if="virtualGoods && virtualGoods.list && virtualGoods.list.length" @jump="toDetail" @primary="primary"
  79 + :lists="virtualGoods"
  80 + com="7">
  81 + </column-list-box>
  82 +
  83 +
73 84 <!-- 满减红包 -->
74 85 <div class="tab_item_box">
75 86 <div class="item active">满减红包</div>
... ... @@ -77,6 +88,11 @@
77 88 <div class="line"> </div>
78 89 <div class="item">热门商品</div>
79 90 </div>
  91 + <!-- 商品样式 7 列表 -->
  92 + <column-list-box class="column-list-box" v-if="redEnvelopeFull && redEnvelopeFull.list && redEnvelopeFull.list.length" @jump="toDetail" @primary="primary"
  93 + :lists="redEnvelopeFull"
  94 + com="7">
  95 + </column-list-box>
80 96 </div>
81 97 </div>
82 98 </template>
... ... @@ -162,7 +178,151 @@ export default {
162 178 stock: "0",
163 179 stoptime: "0",
164 180 title: "aabbsdf350ml",
  181 + grade: 1500, // 积分
  182 + time_state: 2,
  183 + stock: 0
  184 + },
  185 + {
  186 + activity: "0",
  187 + activity_desc: "",
  188 + addtime: "1604544867",
  189 + ads: "23123",
  190 + code: "160454486791776561000",
  191 + id: "9525539",
  192 + price: "0.01",
  193 + prices: "0.00",
  194 + shop_type: "1",
  195 + simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
  196 + stock: "0",
  197 + stoptime: "0",
  198 + title: "aabbsdf350ml",
  199 + grade: 1500 // 积分
  200 + },
  201 + {
  202 + activity: "0",
  203 + activity_desc: "",
  204 + addtime: "1604544867",
  205 + ads: "23123",
  206 + code: "160454486791776561000",
  207 + id: "9525539",
  208 + price: "0.01",
  209 + prices: "0.00",
  210 + shop_type: "1",
  211 + simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
  212 + stock: "0",
  213 + stoptime: "0",
  214 + title: "aabbsdf350ml",
  215 + grade: 1500 // 积分
  216 + },
  217 + {
  218 + activity: "0",
  219 + activity_desc: "",
  220 + addtime: "1604544867",
  221 + ads: "23123",
  222 + code: "160454486791776561000",
  223 + id: "9525539",
  224 + price: "0.01",
  225 + prices: "0.00",
  226 + shop_type: "1",
  227 + simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
  228 + stock: "0",
  229 + stoptime: "0",
  230 + title: "aabbsdf350ml",
165 231 grade: 1500 // 积分
  232 + }
  233 + ]
  234 + });
  235 + // 临时，虚拟商品列表
  236 + this.$set(this, 'virtualGoods', {
  237 + list: [
  238 + {
  239 + activity: "0",
  240 + activity_desc: "",
  241 + addtime: "1604544867",
  242 + ads: "23123",
  243 + code: "160454486791776561000",
  244 + id: "9525539",
  245 + price: "0.01",
  246 + prices: "0.00",
  247 + shop_type: "1",
  248 + simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
  249 + stock: "0",
  250 + stoptime: "0",
  251 + title: "aabbsdf350ml",
  252 + grade: 1500, // 积分
  253 + time_state: 2,
  254 + stock: 0
  255 + },
  256 + {
  257 + activity: "0",
  258 + activity_desc: "",
  259 + addtime: "1604544867",
  260 + ads: "23123",
  261 + code: "160454486791776561000",
  262 + id: "9525539",
  263 + price: "0.01",
  264 + prices: "0.00",
  265 + shop_type: "1",
  266 + simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
  267 + stock: "0",
  268 + stoptime: "0",
  269 + title: "aabbsdf350ml",
  270 + grade: 1500 // 积分
  271 + },
  272 + {
  273 + activity: "0",
  274 + activity_desc: "",
  275 + addtime: "1604544867",
  276 + ads: "23123",
  277 + code: "160454486791776561000",
  278 + id: "9525539",
  279 + price: "0.01",
  280 + prices: "0.00",
  281 + shop_type: "1",
  282 + simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
  283 + stock: "0",
  284 + stoptime: "0",
  285 + title: "aabbsdf350ml",
  286 + grade: 1500 // 积分
  287 + },
  288 + {
  289 + activity: "0",
  290 + activity_desc: "",
  291 + addtime: "1604544867",
  292 + ads: "23123",
  293 + code: "160454486791776561000",
  294 + id: "9525539",
  295 + price: "0.01",
  296 + prices: "0.00",
  297 + shop_type: "1",
  298 + simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
  299 + stock: "0",
  300 + stoptime: "0",
  301 + title: "aabbsdf350ml",
  302 + grade: 1500 // 积分
  303 + }
  304 + ]
  305 + });
  306 + // 临时，红包商品列表
  307 + this.$set(this, 'redEnvelopeFull', {
  308 + list: [
  309 + {
  310 + activity: "0",
  311 + activity_desc: "",
  312 + addtime: "1604544867",
  313 + ads: "23123",
  314 + code: "160454486791776561000",
  315 + id: "9525539",
  316 + price: "0.01",
  317 + prices: "0.00",
  318 + shop_type: "1",
  319 + simg: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/11/05/5fa3695e39ae6.png",
  320 + stock: "0",
  321 + stoptime: "0",
  322 + title: "aabbsdf350ml",
  323 + grade: 1500, // 积分
  324 + time_state: 2,
  325 + stock: 0
166 326 },
167 327 {
168 328 activity: "0",
... ...