This commit is contained in:
Gdpao
2020-07-31 09:59:22 +08:00
24 changed files with 619 additions and 280 deletions

View File

@@ -288,6 +288,28 @@
url: '/pageB/follow/index'
});
},
clickFImage(index) {
const item = this.indexImageSwiper[index];
console.log(item);
this.activityLink({ type: item.url_type, id: item.info_id });
},
clickSImage(index) {
const item = this.zhiboImageSwiper[index];
console.log(item);
this.activityLink({ type: item.url_type, id: item.info_id });
},
activityLink({ type, id }) {
if(type == 0) return false;
// type 1 商品详情页, 2 店铺详情页
const url = type == 1 ? 'pageB/sdetails/index' : 'pageC/merchant/index';
let params = { id: id };
// type: 1 // 商品详情 1普通 2拼团 3秒杀 4优惠券
if(type == 1) Object.assign(params, { type: 1 });
this.$u.route({
url: url,
params: params
})
},
},
}
</script>
</script>

View File

@@ -7,7 +7,7 @@
<view class="info-left">
<view class="user-nickname">{{ userInfo.member_nickname }}</view>
<view class="user-medal" @click="toOtherPage('/mine/MedalIntroduction')">
<img src="/static/image/mine/13.png" />
<image src="/static/image/mine/13.png"></image>
<view class="rank-title">{{ userInfo.member_grade_name }}</view>
</view>
</view>
@@ -47,32 +47,32 @@
<view class="title-text">我的订单</view>
<view class="more" @click="toOtherPage('/order/Index')">
<view>查看全部订单</view>
<img src="/static/image/mine/21.png" />
<image src="/static/image/mine/21.png"></image>
</view>
</view>
<view class="content">
<view @click="toOtherPage('/order/Index?current=1')">
<img src="/static/image/mine/6.png" />
<image src="/static/image/mine/6.png"></image>
<view>待支付</view>
</view>
<view @click="toOtherPage('/order/Index?current=2')">
<img src="/static/image/mine/14.png" />
<image src="/static/image/mine/14.png"></image>
<view>已取消</view>
</view>
<view @click="toOtherPage('/order/Index?current=3')">
<img src="/static/image/mine/2.png" />
<image src="/static/image/mine/2.png"></image>
<view>待收货</view>
</view>
<view @click="toOtherPage('/order/Index?current=4')">
<img src="/static/image/mine/1.png" />
<image src="/static/image/mine/1.png"></image>
<view>试穿试送</view>
</view>
<view @click="toOtherPage('/order/Index?current=5')">
<img src="/static/image/mine/3.png" />
<image src="/static/image/mine/3.png"></image>
<view>待评价</view>
</view>
<view @click="toOtherPage('/order/Index?current=6')">
<img src="/static/image/mine/9.png" />
<image src="/static/image/mine/9.png"></image>
<view>售后</view>
</view>
</view>
@@ -81,19 +81,19 @@
<view class="title">我的工具</view>
<view class="content">
<view @click="toOtherPage('/tool/SendWash')">
<img src="/static/image/mine/20.png" />
<image src="/static/image/mine/20.png"></image>
<view>送洗</view>
</view>
<view @click="toOtherPage('/tool/Manicure')">
<img src="/static/image/mine/19.png" />
<image src="/static/image/mine/19.png"></image>
<view>美甲</view>
</view>
<view @click="toOtherPage('/tool/MineHistory')">
<img src="/static/image/mine/18.png" />
<image src="/static/image/mine/18.png"></image>
<view>足迹</view>
</view>
<view @click="toOtherPage('/tool/MineCoupon')">
<img src="/static/image/mine/25.png" />
<image src="/static/image/mine/25.png"></image>
<view>优惠券</view>
</view>
</view>
@@ -102,19 +102,19 @@
<view class="title">更多工具</view>
<view class="content">
<view @click="toOtherPage('/more/Address')">
<img src="/static/image/mine/17.png" />
<image src="/static/image/mine/17.png"></image>
<view>收货地址</view>
</view>
<view @click="toOtherPage('/more/AfterSalesHelp')">
<img src="/static/image/mine/9.png" />
<image src="/static/image/mine/9.png"></image>
<view>售后政策</view>
</view>
<view @click="toOtherPage('/more/MineHelp')">
<img src="/static/image/mine/16.png" />
<image src="/static/image/mine/16.png"></image>
<view>使用帮助</view>
</view>
<view @click="toOtherPage('/more/Complaints')">
<img src="/static/image/mine/15.png" />
<image src="/static/image/mine/15.png"></image>
<view>投诉意见</view>
</view>
</view>
@@ -199,10 +199,11 @@ export default {
border-radius: 13rpx;
align-items: center;
padding: 0 17rpx 0 10rpx;
> img {
> image {
margin-right: 9rpx;
width: 20rpx;
height: 22rpx;
flex-shrink: 0;
}
.rank-title {
font-size: 16rpx;
@@ -250,7 +251,13 @@ export default {
}
}
.mine-container {
@mixin common-mine($content-padding-top, $content-padding-bottom, $image-height) {
@mixin image-size($image-width, $image-height) {
> image {
width: $image-width !important;
height: $image-height !important;
}
}
@mixin common-mine($content-padding-top, $content-padding-bottom, $image-width, $image-height) {
box-sizing: border-box;
width: 690rpx;
background: rgba(255,255,255,1);
@@ -280,9 +287,11 @@ export default {
display: flex;
> view {
text-align: center;
> img {
> image {
width: $image-width;
height: $image-height;
margin-bottom: 15rpx;
flex-shrink: 0;
}
> view {
font-size: 22rpx;
@@ -295,31 +304,50 @@ export default {
@include common-mine(
$content-padding-top: 22rpx,
$content-padding-bottom: 30rpx,
$image-height: 36rpx
$image-height: 36rpx,
$image-width: 36rpx
);
.title {
justify-content: space-between;
.more {
display: flex;
align-items: center;
> img {
> image {
width: 19rpx;
height: 19rpx;
margin-left: 10rpx;
flex-shrink: 0;
}
}
}
.content {
justify-content: space-between;
> view {
text-align: center;
};
> view:nth-child(1){
@include image-size($image-width: 33rpx, $image-height: 36rpx);
}
> view:nth-child(2){
@include image-size($image-width: 39rpx, $image-height: 33rpx);
}
> view:nth-child(3){
@include image-size($image-width: 41rpx, $image-height: 33rpx);
}
> view:nth-child(4){
@include image-size($image-width: 40rpx, $image-height: 35rpx);
}
> view:nth-child(5){
@include image-size($image-width: 37rpx, $image-height: 37rpx);
}
> view:nth-child(6){
@include image-size($image-width: 33rpx, $image-height: 35rpx);
}
}
}
.tool {
@include common-mine(
$content-padding-top: 8rpx,
$content-padding-bottom: 25rpx,
$image-height: 71rpx
$image-height: 71rpx,
$image-width: 71rpx
);
.content {
> view:not(:last-child) {
@@ -331,7 +359,8 @@ export default {
@include common-mine(
$content-padding-top: 8rpx,
$content-padding-bottom: 48rpx,
$image-height: 71rpx
$image-height: 71rpx,
$image-width: 71rpx
);
.content {
> view:not(:last-child) {

View File

@@ -1,5 +1,4 @@
<template>
<view>
<view class="status_bar"></view>
<scroll-view class="shop" scroll-y @scrolltolower="onreachBottom">