Skip to content

肖康 / H5_2.0

Go to a project
Commit 460f042c by LJM
Options

地址

parent c4aa0919
Inline Side-by-side
Showing with 114 additions and 61 deletions
assets/css/mine/userCoupon.scss
......@@ -107,6 +107,24 @@
background-size: cover;
z-index: 99;
}
&.disabled {
.left {
background: url('https://img.ichunt.com/images/ichunt/202305/19/ebf691eb49a2a3dffe612baea352a7b6.png') no-repeat center;
background-size: cover;
}
}
}
}
}
.no-data {
image {
width: 356rpx;
height: 356rpx;
}
.tt {
margin-top: 32rpx;
font-size: 28rpx;
color: #292b33;
}
}
pages.json
......@@ -23,18 +23,18 @@
"navigationBarTitleText": "购物车"
}
},
{
"path": "pages/classp/map",
"style": {
"navigationBarTitleText": "分类选型"
}
},
{
"path": "pages/classp/list",
"style": {
"navigationBarTitleText": "分类列表"
}
},
{
"path": "pages/classp/map",
"style": {
"navigationBarTitleText": "分类选型"
}
},
{
"path": "pages/classp/list",
"style": {
"navigationBarTitleText": "分类列表"
}
},
{
"path": "pages/mine/login",
"style": {
......@@ -70,6 +70,12 @@
"style": {
"navigationBarTitleText": "优惠券"
}
},
{
"path": "pages/mine/userAddress",
"style": {
"navigationBarTitleText": "收货地址"
}
}
],
"globalStyle": {
......
pages/mine/login.vue
......@@ -152,10 +152,8 @@ export default {
});
return false;
}
//诚意这边要求前端提前生成gid，绕过验证
var time = parseInt(new Date().getTime() / 1000);
var Yo4teW_gid = w_md5.hex_md5_32(String(time));
setCookie('Yo4teW_gid', Yo4teW_gid, 7);
//诚意这边要求写死gid，绕过验证
setCookie('Yo4teW_gid', '1f79f0c9643a3859f01adbc5a60281e7', 7);
this.request(Api_Url + '/public/smsVerify', 'POST', { mobile: this.formParams.account, verify: this.formParams.verify, intl_code: this.formParams.intl_code }, true, true).then(res => {
if (res.err_code === 0) {
......
pages/mine/user.vue
......@@ -65,10 +65,10 @@
<view class="list-tool">
<view class="title">服务与工具</view>
<view class="list-tool-wrap">
<view class="box column rowCenter verCenter">
<navigator class="box column rowCenter verCenter" url="/userAddress" hover-class="none">
<text class="iconfont icon-dzz"></text>
<text class="tt">地址管理</text>
</view>
</navigator>
<view class="box column rowCenter verCenter">
<text class="iconfont icon-fpp"></text>
<text class="tt">发票管理</text>
......
pages/mine/userCoupon.vue
......@@ -2,44 +2,61 @@
<view class="page-userCoupon">
<navElement title="我的优惠券">
<template slot="title-bar">
<view class="go-coupon">去领券</view>
<navigator class="go-coupon" url="/user" hover-class="none">去领券</navigator>
</template>
</navElement>
<view class="tab row avarage verCenter">
<view class="box row rowCenter verCenter curr">
<text class="t2">未使用</text>
<text class="t3">（0）</text>
</view>
<view class="box row rowCenter verCenter">
<text class="t2">已使用</text>
<text class="t3">（80）</text>
</view>
<view class="box row rowCenter verCenter">
<text class="t2">已过期</text>
<view class="box row rowCenter verCenter" @click="tab(index)" :class="{ curr: index == curr }" :key="index" v-for="(item, index) in text_arr">
<text class="t2">{{ item }}</text>
<text class="t3">（0）</text>
</view>
</view>
<view class="list">
<view class="box row verCenter" v-for="(item, index) in 100" :key="index">
<view class="left column rowCenter verCenter">
<view class="p1">
<text class="t1">￥</text>
<text class="t2">10</text>
<template v-if="curr == 0">
<view class="list">
<view class="box row verCenter" v-for="(item, index) in 100" :key="index">
<view class="left column rowCenter verCenter">
<view class="p1">
<text class="t1">￥</text>
<text class="t2">10</text>
</view>
<view class="p2">满￥200可用</view>
</view>
<view class="right">
<view class="p1">
<text class="t1">适用于</text>
<text class="t2">全站</text>
<text class="t1">商品</text>
</view>
<view class="p2">2023.02.27-2023.04.01</view>
<view class="p3 row rowCenter verCenter">立即使用</view>
</view>
<view class="p2">满￥200可用</view>
<text class="type-1"></text>
</view>
<view class="right">
<view class="p1">
<text class="t1">适用于</text>
<text class="t2">全站</text>
<text class="t1">商品</text>
</view>
</template>
<template v-if="curr == 1">
<view class="list">
<view class="box row verCenter disabled" v-for="(item, index) in 100" :key="index">
<view class="left column rowCenter verCenter">
<view class="p1">
<text class="t1">￥</text>
<text class="t2">10</text>
</view>
<view class="p2">满￥200可用</view>
</view>
<view class="right">
<view class="p1"><text class="t1">新人优惠券</text></view>
<view class="p2">2023.02.27-2023.04.01</view>
</view>
<view class="p2">2023.02.27-2023.04.01</view>
<view class="p3 row rowCenter verCenter">立即使用</view>
</view>
<text class="type-1"></text>
</view>
</view>
</template>
<template v-if="curr == 2">
<view class="no-data column rowCenter verCenter">
<image src="../../static/nodate.png"></image>
<text class="tt">暂无优惠券信息</text>
</view>
</template>
</view>
</template>
......@@ -52,10 +69,17 @@ export default {
navElement
},
data() {
return {};
return {
curr: 0,
text_arr: ['未使用', '已使用', '已过期']
};
},
onLoad() {},
methods: {}
methods: {
tab(index) {
this.curr = index;
}
}
};
</script>
......
router/index.js
......@@ -40,20 +40,20 @@ const router = new Router({
title: '购物车'
}
},
{
path: '/pages/classp/map',
aliasPath: '/sitmap',
meta: {
title: '分类选型'
}
},
{
path: '/pages/classp/list',
aliasPath: '/optimum',
meta: {
title: '分类列表'
}
},
{
path: '/pages/classp/map',
aliasPath: '/sitmap',
meta: {
title: '分类选型'
}
},
{
path: '/pages/classp/list',
aliasPath: '/optimum',
meta: {
title: '分类列表'
}
},
{
path: '/pages/mine/login',
aliasPath: '/login',
......@@ -95,6 +95,13 @@ const router = new Router({
meta: {
title: '优惠券'
}
},
{
path: '/pages/mine/userAddress',
aliasPath: '/userAddress',
meta: {
title: '收货地址'
}
}
]
});
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment