修改前端样式效果

This commit is contained in:
xiaofeng 2019-07-16 23:50:02 +08:00
parent 631a571a03
commit 76839f3684
2 changed files with 111 additions and 89 deletions

View File

@ -292,6 +292,20 @@
} }
}); });
}, },
initHasUserSpuFavorite(spuId){
if (!checkLogin()) {
this.hasCollectionType = 0;
return;
}
//
hasUserSpuFavorite(spuId).then(data => {
let hasCollection = data;
// alert("==" + hasCollection);
if (hasCollection) {
this.hasCollectionType = 1;
}
});
},
onClickCart() { onClickCart() {
this.$router.push('/cart'); this.$router.push('/cart');
@ -430,6 +444,7 @@
// attrValueMap // attrValueMap
this.attrValueMap.set(attr.attrValueId, attr.attrValueName); this.attrValueMap.set(attr.attrValueId, attr.attrValueName);
} }
} }
// debugger; // debugger;
this.vanSku = vanSku; this.vanSku = vanSku;
@ -439,6 +454,9 @@
this.initialSku.quantity = 1; this.initialSku.quantity = 1;
// sku // sku
this.doCalcSkuPrice(this.initialSku.id); this.doCalcSkuPrice(this.initialSku.id);
this.initHasUserSpuFavorite(id);
}); });
// //
if (checkLogin()) { if (checkLogin()) {
@ -453,7 +471,7 @@
<style lang="less"> <style lang="less">
.goods { .goods {
.active { .active {
color: #e50f3d; color: #f44;
} }
padding-bottom: 50px; padding-bottom: 50px;

View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div>
<headerNav title="我的收藏"/> <headerNav title="我的收藏"/>
<van-list <van-list
v-model="loading" v-model="loading"
@ -7,43 +7,47 @@
@load="onLoad" @load="onLoad"
> >
<div v-for="(item,index) in list" :key="index"> <div v-for="(item,index) in list" :key="index">
<!-- <van-swipe-cell :right-width="65" :on-close="onClose(item)">--> <van-swipe-cell :right-width="65" :on-close="onClose(item)">
<!-- <product-card :product='item' />-->
<!-- <span>{{item.spuName}}</span>-->
<!-- <span slot="right" >删除</span>-->
<!-- </van-swipe-cell>-->
<van-card <van-card
:price="formatPrice(item.price)" :price="formatPrice(item.price)"
:desc="item.sellPoint" :desc="item.sellPoint"
:title="item.spuName" :title="item.spuName"
:thumb="item.spuImage" :thumb="item.spuImage"
/> @click="skipProductSpuInfo(item.spuId)"
>
</van-card>
<template slot="right">
<van-button square type="danger" text="删除"/>
</template>
</van-swipe-cell>
</div> </div>
</van-list> </van-list>
</div> </div>
</template> </template>
<script> <script>
// import { Card } from 'vant'; import {GetFavoritePage, DelFavorite} from "../../../api/user.js";
import { GetFavoritePage ,DelFavorite} from "../../../api/user.js"; export default {
data() {
// Vue.use(Card); return {
export default { loading: false,
data(){ finished: false,
return{ list: [],
loading:false, page: 0,
finished:false, pageSize: 10
list:[],
page:0,
pageSize:10
} }
}, },
methods:{ methods: {
formatPrice(data) { formatPrice(data) {
return (data / 100).toFixed(2); return (data / 100).toFixed(2);
}, },
onClose(item){ skipProductSpuInfo(data) {
return function(clickPosition, instance) { // return getProductSpuInfo(data);
this.$router.push('/product/'+data);
},
onClose(item) {
return function (clickPosition, instance) {
switch (clickPosition) { switch (clickPosition) {
case 'left': case 'left':
case 'cell': case 'cell':
@ -54,7 +58,7 @@ export default {
this.$dialog.confirm({ this.$dialog.confirm({
message: '确定删除吗?' message: '确定删除吗?'
}).then(() => { }).then(() => {
DelFavorite(item.spuId).then(response=>{ DelFavorite(item.spuId).then(response => {
this.$toast('删除成功'); this.$toast('删除成功');
this.$router.go(0); this.$router.go(0);
}) })
@ -68,25 +72,25 @@ export default {
}, },
onLoad() { onLoad() {
let pageNo = this.page + 1; let pageNo = this.page + 1;
GetFavoritePage(pageNo,this.pageSize).then(response=>{ GetFavoritePage(pageNo, this.pageSize).then(response => {
this.page = pageNo; this.page = pageNo;
this.list.push(...response.list); this.list.push(...response.list);
// response.list.forEach(item => { // response.list.forEach(item => {
// this.list.push(item); // this.list.push(item);
// }); // });
this.loading = false; this.loading = false;
if(this.list.length >= response.total){ if (this.list.length >= response.total) {
this.finished = true; this.finished = true;
} }
}) })
} }
}, },
} }
</script> </script>
<style lang="less"> <style lang="less">
.van-swipe-cell{ .van-swipe-cell {
&__left, &__left,
&__right { &__right {
color: #FFFFFF; color: #FFFFFF;
@ -98,5 +102,5 @@ export default {
line-height: 100px; line-height: 100px;
background-color: #F44; background-color: #F44;
} }
} }
</style> </style>