1hjz
/
1hjz-h5
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

樣式

feature/feature-compatible
laijiahua 7 years ago
parent
433470fc01
commit
163c491cd8
2 changed files with 50 additions and 44 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 42
      src/view/goods-classify.vue
  2. 52
      src/view/home.vue

42
src/view/goods-classify.vue
View File

@ -19,25 +19,28 @@
<div> <div>
<div v-if="goodsList.length != 0" v-for="(item,index) in goodsList" :key="index" class="food-list-hook"> <div v-if="goodsList.length != 0" v-for="(item,index) in goodsList" :key="index" class="food-list-hook">
<p class="title">{{item.combinationName}}</p> <p class="title">{{item.combinationName}}</p>
<div class="f-relative f-all-1px" v-for="(goods,k) in item.goodsList" :key="k"> <div class="f-relative f-all-1px" v-for="(goods,k) in item.goodsList" :key="k">
<div class="item f-flex">
<a :href="'/mall/web/vgoods/detail/' + goods.goodsNo">
<img :src=" imghost + goods.bannerImgs" class="thumb"/>
</a>
<div class="info f-flex">
<div>
<p class="title f-ellipsis-1">{{goods.name}}</p>
<p class="rule f-ellipsis-1">{{goods.shortDesc}}</p>
<div class="full" v-if="toJSON(goods.smallLabel)"><i>{{toJSON(goods.smallLabel)}}</i></div>
</div>
<div class="f-flex">
<p class="price">
<span><span class="money">￥</span>{{goods.price/100}}</span>
</p>
<p class="cost" v-if="goods.originalPrice">￥{{goods.originalPrice/100}}</p>
</div>
</div>
</div>
<a :href="'/mall/web/vgoods/detail/' + goods.goodsNo">
<div class="item f-flex">
<a :href="'/mall/web/vgoods/detail/' + goods.goodsNo">
<img :src=" imghost + goods.bannerImgs" class="thumb"/>
</a>
<div class="info f-flex">
<div>
<p class="title f-ellipsis-1">{{goods.name}}</p>
<p class="rule f-ellipsis-1">{{goods.shortDesc}}</p>
<div class="full"><i v-if="toJSON(goods.smallLabel)">{{toJSON(goods.smallLabel)}}</i></div>
</div>
<div class="f-flex">
<p class="price">
<span><span class="money">￥</span>{{goods.price/100}}</span>
</p>
<p class="cost" v-if="goods.originalPrice">￥{{goods.originalPrice/100}}</p>
</div>
</div>
</div>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -220,7 +223,7 @@
}, },
ShareWenXin (){ ShareWenXin (){
var merchantNo = this.no var merchantNo = this.no
this.wxShare({"merchantNo":merchantNo,"source":0,"url":encodeURIComponent(location.href),"shareUrl":encodeURIComponent(location.host+'/v2/home/7868gfhfgfsgrk')})
this.wxShare({"merchantNo":merchantNo,"source":0,"url":encodeURIComponent(location.href),"shareUrl":encodeURIComponent('http://'+location.host+'/v2/home/7868gfhfgfsgrk')})
} }
}, },
mounted() { mounted() {
@ -342,6 +345,7 @@
i { i {
background:rgba(255,242,229,1); background:rgba(255,242,229,1);
padding: 1px 3px; padding: 1px 3px;
font-style: normal;
} }
} }
.price { .price {

52
src/view/home.vue
View File

@ -58,32 +58,34 @@
</div> </div>
<!--商品列表--> <!--商品列表-->
<div class="new-card" v-if="item.goodsList.length > 0" :class="{'new-card-first': index == 0}" v-for="(item,index) in goodsList" :key="index">
<div class="new-card-top" >
<img :src=" imghost + item.image">
</div>
<ul class="card-list">
<li v-for="item1 in item.goodsList">
<a :href="'/mall/web/vgoods/detail/' + item1.goodsNo">
<div class="left">
<a :href="'/mall/web/vgoods/detail/' + item1.goodsNo">
<img :src=" imghost + item1.bannerImgs" />
</a>
</div>
<div class="right">
<h3>{{item1.name}}</h3>
<div class="text">{{item1.shortDesc}}</div>
<div class="card-name" v-if="toJSON(item1.smallLabel)"><i>{{toJSON(item1.smallLabel)}}</i></div>
<div class="btn-box">
<!--originalPrice原价price优惠价 -->
<span class="price">￥ <em>{{item1.price ? item1.price/100:item1.originalPrice/100}}</em></span>
<span class="original-price" vi-if="item1.price" ><em>￥{{ item1.originalPrice/100}}</em></span>
<a :href="'/mall/web/vgoods/detail/' + item1.goodsNo">立即购买</a>
<div class="new-card-box" style="padding-top: 0.3rem;">
<div class="new-card" v-if="item.goodsList.length > 0" v-for="(item,index) in goodsList" :key="index">
<div class="new-card-top" >
<img :src=" imghost + item.image">
</div>
<ul class="card-list">
<li v-for="item1 in item.goodsList">
<a :href="'/mall/web/vgoods/detail/' + item1.goodsNo">
<div class="left">
<a :href="'/mall/web/vgoods/detail/' + item1.goodsNo">
<img :src=" imghost + item1.bannerImgs" />
</a>
</div>
<div class="right">
<h3>{{item1.name}}</h3>
<div class="text">{{item1.shortDesc}}</div>
<div class="card-name" v-if="toJSON(item1.smallLabel)"><i>{{toJSON(item1.smallLabel)}}</i></div>
<div class="btn-box">
<!--originalPrice原价price优惠价 -->
<span class="price">￥ <em>{{item1.price ? item1.price/100:item1.originalPrice/100}}</em></span>
<span class="original-price" vi-if="item1.price" ><em>￥{{ item1.originalPrice/100}}</em></span>
<a :href="'/mall/web/vgoods/detail/' + item1.goodsNo">立即购买</a>
</div>
</div> </div>
</div>
</a>
</li>
</ul>
</a>
</li>
</ul>
</div>
</div> </div>
<div style="height:1rem"></div> <div style="height:1rem"></div>
</div> </div>

Write Preview
Loading…
Cancel
Save