修改前端样式效果
This commit is contained in:
parent
631a571a03
commit
76839f3684
@ -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;
|
||||||
|
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user