root/ludu-cloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

修改前端样式效果

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
mobile-web/src/page/product/detail.vue
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;

180
mobile-web/src/page/user/favorite/list.vue
View File

@ -1,102 +1,106 @@
<template> <template>
<div> <div>
<headerNav title="我的收藏"/> <headerNav title="我的收藏"/>
<van-list <van-list
v-model="loading" v-model="loading"
:finished="finished" :finished="finished"
@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' />--> <van-card
<!-- <span>{{item.spuName}}</span>--> :price="formatPrice(item.price)"
<!-- <span slot="right" >删除</span>--> :desc="item.sellPoint"
<!-- </van-swipe-cell>--> :title="item.spuName"
<van-card :thumb="item.spuImage"
:price="formatPrice(item.price)" @click="skipProductSpuInfo(item.spuId)"
:desc="item.sellPoint" >
:title="item.spuName" </van-card>
:thumb="item.spuImage" <template slot="right">
/> <van-button square type="danger" text="删除"/>
</div> </template>
</van-list>
</div> </van-swipe-cell>
</div>
</van-list>
</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:{
formatPrice(data) {
return (data / 100).toFixed(2);
},
onClose(item){
return function(clickPosition, instance) {
switch (clickPosition) {
case 'left':
case 'cell':
case 'outside':
instance.close();
break;
case 'right':
this.$dialog.confirm({
message: '确定删除吗？'
}).then(() => {
DelFavorite(item.spuId).then(response=>{
this.$toast('删除成功');
this.$router.go(0);
})
instance.close();
}).catch(() => {
// on cancel
});
break;
}
} }
}, },
onLoad() { methods: {
let pageNo = this.page + 1; formatPrice(data) {
GetFavoritePage(pageNo,this.pageSize).then(response=>{ return (data / 100).toFixed(2);
this.page = pageNo; },
this.list.push(...response.list); skipProductSpuInfo(data) {
// response.list.forEach(item => { // return getProductSpuInfo(data);
// this.list.push(item); this.$router.push('/product/'+data);
// }); },
this.loading = false; onClose(item) {
if(this.list.length >= response.total){ return function (clickPosition, instance) {
this.finished = true; switch (clickPosition) {
case 'left':
case 'cell':
case 'outside':
instance.close();
break;
case 'right':
this.$dialog.confirm({
message: '确定删除吗？'
}).then(() => {
DelFavorite(item.spuId).then(response => {
this.$toast('删除成功');
this.$router.go(0);
})
instance.close();
}).catch(() => {
// on cancel
});
break;
}
} }
},
onLoad() {
let pageNo = this.page + 1;
GetFavoritePage(pageNo, this.pageSize).then(response => {
this.page = pageNo;
this.list.push(...response.list);
// response.list.forEach(item => {
// this.list.push(item);
// });
this.loading = false;
if (this.list.length >= response.total) {
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;
font-size: 15px; font-size: 15px;
width: 65px; width: 65px;
height: 100px; height: 100px;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
line-height: 100px; line-height: 100px;
background-color: #F44; background-color: #F44;
}
} }
}
</style> </style>