Skip to content

肖康 / H5_2.0

Go to a project
Commit 2c80d95c by LJM
Options

js

parent 329b0412
Expand all
Inline Side-by-side
Showing with 350 additions and 19 deletions
assets/css/font/iconfont.json
...@@ -6,6 +6,13 @@ ...@@ -6,6 +6,13 @@
"description": "", "description": "",
"glyphs": [ "glyphs": [
{ {
"icon_id": "35598904",
"name": "矩形",
"font_class": "juxing3",
"unicode": "e799",
"unicode_decimal": 59289
},
{
"icon_id": "35575744", "icon_id": "35575744",
"name": "矩形", "name": "矩形",
"font_class": "juxing2", "font_class": "juxing2",
......
assets/css/mine/coupdz.scss 0 → 100644
.page-userCoupdz {
padding-top: 104rpx;
.list {
padding: 0 24rpx;
.box {
padding: 24rpx 16rpx;
background: #ffffff;
border-radius: 10rpx;
margin-bottom: 16rpx;
.p1 {
margin-bottom: 16rpx;
.t1 {
font-size: 28rpx;
font-weight: 600;
}
.t2 {
font-size: 24rpx;
color: #1969f9;
}
.iconfont {
font-size: 32rpx;
color: #1969f9;
margin-right: 8rpx;
}
}
.p2 {
padding-left: 8rpx;
height: 66rpx;
background: #f0f6ff;
border-radius: 10rpx;
margin-bottom: 16rpx;
.t1 {
font-size: 24rpx;
color: #484b59;
}
.t2 {
font-size: 24rpx;
color: #1969f9;
margin-right: 12rpx;
}
.iconfont {
font-size: 24rpx;
color: #484b59;
}
}
.p3 {
font-size: 24rpx;
color: #919399;
margin-bottom: 8rpx;
}
.p4 {
font-size: 24rpx;
color: #919399;
}
}
}
}
.no-data {
image {
width: 356rpx;
height: 356rpx;
}
.tt {
margin-top: 32rpx;
font-size: 28rpx;
color: #292b33;
}
}
assets/css/mine/user.scss
...@@ -58,6 +58,7 @@ ...@@ -58,6 +58,7 @@
background: #ffffff; background: #ffffff;
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
border-radius: 0 0 10rpx 10rpx;
.box { .box {
position: relative; position: relative;
grid-column-end: span 1; grid-column-end: span 1;
...@@ -228,6 +229,7 @@ ...@@ -228,6 +229,7 @@
image { image {
width: 100%; width: 100%;
height: 144rpx; height: 144rpx;
border-radius: 10rpx;
} }
} }
} }
......
assets/css/mine/userAddress.scss
...@@ -123,11 +123,12 @@ ...@@ -123,11 +123,12 @@
} }
} }
.form-box { .form-box {
margin-bottom: 16rpx;
border-radius: 10rpx; border-radius: 10rpx;
background: #ffffff; background: #ffffff;
padding: 0 24rpx; padding: 0 24rpx;
.input-box { .input-box {
border-bottom: 1px solid #d8d8d8; border-bottom: 1px solid #f0f0f2;
&:last-child { &:last-child {
border-bottom: none; border-bottom: none;
} }
...@@ -136,6 +137,27 @@ ...@@ -136,6 +137,27 @@
font-size: 26rpx; font-size: 26rpx;
color: #484b59; color: #484b59;
} }
.intl_code {
.uni-input {
font-size: 26rpx;
color: #1969f9;
}
.icon-arrbot {
font-size: 32rpx;
color: #919399;
}
}
.area {
width: calc(100% - 155rpx);
.uni-input {
font-size: 26rpx;
color: #919399;
}
.icon-arrbot {
font-size: 32rpx;
color: #919399;
}
}
.uni-input { .uni-input {
height: 100%; height: 100%;
font-size: 26rpx; font-size: 26rpx;
...@@ -146,6 +168,26 @@ ...@@ -146,6 +168,26 @@
&.input { &.input {
height: 88rpx; height: 88rpx;
} }
&.textarea {
textarea {
padding: 24rpx 24rpx 24rpx 0;
height: 160rpx;
font-size: 26rpx;
&::-webkit-input-placeholder {
color: #919399;
}
}
}
}
}
.setting-default {
padding: 0 24rpx;
height: 88rpx;
background: #ffffff;
border-radius: 10rpx;
.tt {
font-size: 26rpx;
color: #484b59;
} }
} }
} }
......
pages.json
...@@ -88,6 +88,12 @@ ...@@ -88,6 +88,12 @@
"style": { "style": {
"navigationBarTitleText": "编辑地址" "navigationBarTitleText": "编辑地址"
} }
},
{
"path": "pages/mine/coupdz",
"style": {
"navigationBarTitleText": "京东卡"
}
} }
], ],
"globalStyle": { "globalStyle": {
......
pages/mine/coupdz.vue 0 → 100644
<template>
<view class="page-userCoupdz">
<navElement title="京东卡"></navElement>
<view class="list">
<view class="box" v-for="(item, index) in 100" :key="index">
<view class="p1 row bothSide verCenter">
<text class="t1">常规新客12月奖励</text>
<view class="row verCenter">
<text class="iconfont icon-juxing"></text>
<text class="t2">查看</text>
</view>
</view>
<view class="p2 row verCenter">
<text class="t1">卡号：</text>
<text class="t2">jdvd210264522</text>
<text class="iconfont icon-juxing3" style="margin-right: 57rpx;"></text>
<text class="t1">密钥：</text>
<text class="t2">852157</text>
<text class="iconfont icon-juxing3"></text>
</view>
<view class="p3">有效期：2023.01.26-2023.06.26</view>
<view class="p4">创建时间：2023.01.26-2023.06.26</view>
</view>
</view>
<view class="no-data column rowCenter verCenter">
<image src="../../static/nodate.png"></image>
<text class="tt">暂无京东卡信息</text>
</view>
</view>
</template>
<script>
import { Api_Url } from '@/util/api.js';
import navElement from '@/components/nav.vue';
export default {
components: {
navElement
},
data() {
return {};
},
onLoad() {},
methods: {}
};
</script>
<style lang="scss">
@import '@/assets/css/mine/coupdz.scss';
</style>
pages/mine/login.vue
...@@ -112,6 +112,8 @@ export default { ...@@ -112,6 +112,8 @@ export default {
delCookie('Yo4teW_csrf'); delCookie('Yo4teW_csrf');
delCookie('Yo4teW_gid'); delCookie('Yo4teW_gid');
delCookie('Yo4teW_uid'); delCookie('Yo4teW_uid');
delCookie('Yo4teW_lskey');
delCookie('Yo4teW_skey');
}, },
methods: { methods: {
bindPickerChange: function(e) { bindPickerChange: function(e) {
...@@ -212,17 +214,17 @@ export default { ...@@ -212,17 +214,17 @@ export default {
this.request(Api_Url + '/login/action', 'POST', this.formParams, true, true).then(res => { this.request(Api_Url + '/login/action', 'POST', this.formParams, true, true).then(res => {
if (res.err_code === 0) { if (res.err_code === 0) {
delCookie('Yo4teW_csrf');
delCookie('Yo4teW_gid');
delCookie('Yo4teW_uid');
this.verify_flag = false; this.verify_flag = false;
uni.showToast({ uni.showToast({
title: '登录成功', title: '登录成功',
icon: 'success' icon: 'success'
}); });
setCookie('Yo4teW_csrf', res.data.cookie.Yo4teW_csrf, 7); setCookie('Yo4teW_csrf', res.data.cookie.Yo4teW_csrf, 15);
setCookie('Yo4teW_gid', res.data.cookie.Yo4teW_gid, 7); setCookie('Yo4teW_gid', res.data.cookie.Yo4teW_gid, 15);
setCookie('Yo4teW_uid', res.data.cookie.Yo4teW_uid, 7); setCookie('Yo4teW_uid', res.data.cookie.Yo4teW_uid, 15);
setCookie('Yo4teW_lskey', res.data.cookie.Yo4teW_lskey, 15);
setCookie('Yo4teW_skey', res.data.cookie.Yo4teW_skey, 15);
setTimeout(() => { setTimeout(() => {
uni.navigateBack({ uni.navigateBack({
delta: 1 delta: 1
......
pages/mine/user.vue
...@@ -8,10 +8,10 @@ ...@@ -8,10 +8,10 @@
<text class="iconfont icon-juxing1"></text> <text class="iconfont icon-juxing1"></text>
</view> </view>
<view class="info row verCenter"> <view class="info row verCenter">
<text class="t1">欢迎您，13800138000</text> <text class="t1">欢迎您，{{ userInfo.user_info.mobile }}</text>
<text class="t2 row rowCenter verCenter">个人</text> <text class="t2 row rowCenter verCenter">个人</text>
</view> </view>
<view class="company"><image src="../../static/company.png"></image></view> <view class="company"><image src="https://img.ichunt.com/images/ichunt/202305/19/8645c77def093657ad5ae66b4af6cad4.png"></image></view>
<view class="user-center"> <view class="user-center">
<navigator class="box column rowCenter verCenter" url="/userOrder" hover-class="none"> <navigator class="box column rowCenter verCenter" url="/userOrder" hover-class="none">
<image src="../../static/order.png"></image> <image src="../../static/order.png"></image>
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
<view class="list-tool"> <view class="list-tool">
<view class="title">服务与工具</view> <view class="title">服务与工具</view>
<view class="list-tool-wrap"> <view class="list-tool-wrap">
<navigator class="box column rowCenter verCenter" url="/userAddress" hover-class="none"> <navigator class="box column rowCenter verCenter" url="/user/reciveaddress" hover-class="none">
<text class="iconfont icon-dzz"></text> <text class="iconfont icon-dzz"></text>
<text class="tt">地址管理</text> <text class="tt">地址管理</text>
</navigator> </navigator>
...@@ -73,10 +73,10 @@ ...@@ -73,10 +73,10 @@
<text class="iconfont icon-fpp"></text> <text class="iconfont icon-fpp"></text>
<text class="tt">发票管理</text> <text class="tt">发票管理</text>
</view> </view>
<view class="box column rowCenter verCenter"> <navigator class="box column rowCenter verCenter" url="/user/coupdz" hover-class="none">
<text class="iconfont icon-a-juxingbeifen142"></text> <text class="iconfont icon-a-juxingbeifen142"></text>
<text class="tt">京东卡</text> <text class="tt">京东卡</text>
</view> </navigator>
<view class="box column rowCenter verCenter"> <view class="box column rowCenter verCenter">
<text class="iconfont icon-a-juxingbeifen143"></text> <text class="iconfont icon-a-juxingbeifen143"></text>
<text class="tt">我的物料库</text> <text class="tt">我的物料库</text>
...@@ -116,7 +116,9 @@ export default { ...@@ -116,7 +116,9 @@ export default {
bottomNavFixed bottomNavFixed
}, },
data() { data() {
return {}; return {
userInfo: {}
};
}, },
onShow() { onShow() {
this.getData(); this.getData();
...@@ -124,8 +126,8 @@ export default { ...@@ -124,8 +126,8 @@ export default {
methods: { methods: {
getData() { getData() {
this.request(Api_Url + '/user/getUserType', 'POST', {}, true, true).then(res => { this.request(Api_Url + '/user/getUserType', 'POST', {}, true, true).then(res => {
console.log(res);
if (res.err_code === 0) { if (res.err_code === 0) {
this.userInfo = res.data;
} }
}); });
} }
......
pages/mine/userAddress.vue
...@@ -22,10 +22,10 @@ ...@@ -22,10 +22,10 @@
<text class="default-text">设为默认</text> <text class="default-text">设为默认</text>
</view> </view>
<view class="row verCenter"> <view class="row verCenter">
<view class="edit row verCenter"> <navigator class="edit row verCenter" url="/userAddressEdit" hover-class="none">
<text class="iconfont icon-bjt"></text> <text class="iconfont icon-bjt"></text>
<text class="tt">编辑</text> <text class="tt">编辑</text>
</view> </navigator>
<view class="delete row verCenter"> <view class="delete row verCenter">
<text class="iconfont icon-del"></text> <text class="iconfont icon-del"></text>
<text class="tt">删除</text> <text class="tt">删除</text>
...@@ -62,10 +62,10 @@ ...@@ -62,10 +62,10 @@
<text class="tt">暂无收货地址</text> <text class="tt">暂无收货地址</text>
</view> </view>
<view class="btn row verCenter"> <view class="btn row verCenter">
<view class="btn1 row rowCenter verCenter"> <navigator class="btn1 row rowCenter verCenter" url="/userAddressAdd" hover-class="none">
<text class="iconfont icon-tj"></text> <text class="iconfont icon-tj"></text>
<text class="text">新增地址</text> <text class="text">新增地址</text>
</view> </navigator>
</view> </view>
</view> </view>
</template> </template>
......
pages/mine/userAddressAdd.vue 0 → 100644
<template>
<view class="page-userAddress">
<navElement title="新增地址"></navElement>
<view class="form-box">
<view class="input-box input row verCenter">
<text class="tt">收货人</text>
<input type="text" placeholder="请输入收货人" class="uni-input" />
</view>
<view class="input-box input row verCenter">
<text class="tt">手机号码</text>
<picker @change="bindPickerChange" :value="index" :range="array" class="intl_code">
<view class="row verCenter bothSide">
<view class="uni-input">{{ array[index] }}</view>
<view class="iconfont icon-arrbot"></view>
</view>
</picker>
<input type="number" placeholder="请输入手机号" class="uni-input" style="margin-left: 24rpx;" />
</view>
<view class="input-box input row verCenter">
<text class="tt">所在地区</text>
<picker @change="bindPickerChange" :value="index" :range="array" class="area">
<view class="row verCenter bothSide">
<view class="uni-input">省、市、区</view>
<view class="iconfont icon-arrbot"></view>
</view>
</picker>
</view>
<view class="input-box textarea row verCenter"><textarea placeholder="请输入详细街道地址"></textarea></view>
</view>
<view class="setting-default row verCenter bothSide">
<text class="tt">设为默认地址</text>
<view><switch checked style="transform:scale(0.7)" /></view>
</view>
<view class="btn row verCenter">
<view class="btn1 row rowCenter verCenter"><text class="text">保存地址</text></view>
</view>
</view>
</template>
<script>
import { Api_Url } from '@/util/api.js';
import navElement from '@/components/nav.vue';
export default {
components: {
navElement
},
data() {
return {
index: 0,
array: ['0086', '00886', '00853', '00852'],
formParams: {
intl_code: '86'
}
};
},
onLoad() {},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
this.formParams.intl_code = this.array[e.detail.value];
}
}
};
</script>
<style lang="scss">
@import '@/assets/css/mine/userAddress.scss';
</style>
pages/mine/userAddressEdit.vue 0 → 100644
<template>
<view class="page-userAddress">
<navElement title="编辑地址">
<template slot="title-bar">
<view class="delete" style="font-size: 28rpx;color: #1969F9;text-align: right;">删除</view>
</template>
</navElement>
<view class="form-box">
<view class="input-box input row verCenter">
<text class="tt">收货人</text>
<input type="text" placeholder="请输入收货人" class="uni-input" />
</view>
<view class="input-box input row verCenter">
<text class="tt">手机号码</text>
<picker @change="bindPickerChange" :value="index" :range="array" class="intl_code">
<view class="row verCenter bothSide">
<view class="uni-input">{{ array[index] }}</view>
<view class="iconfont icon-arrbot"></view>
</view>
</picker>
<input type="number" placeholder="请输入手机号" class="uni-input" style="margin-left: 24rpx;" />
</view>
<view class="input-box input row verCenter">
<text class="tt">所在地区</text>
<picker @change="bindPickerChange" :value="index" :range="array" class="area">
<view class="row verCenter bothSide">
<view class="uni-input">省、市、区</view>
<view class="iconfont icon-arrbot"></view>
</view>
</picker>
</view>
<view class="input-box textarea row verCenter"><textarea placeholder="请输入详细街道地址"></textarea></view>
</view>
<view class="setting-default row verCenter bothSide">
<text class="tt">设为默认地址</text>
<view><switch checked style="transform:scale(0.7)" /></view>
</view>
<view class="btn row verCenter">
<view class="btn1 row rowCenter verCenter"><text class="text">保存修改</text></view>
</view>
</view>
</template>
<script>
import { Api_Url } from '@/util/api.js';
import navElement from '@/components/nav.vue';
export default {
components: {
navElement
},
data() {
return {
index: 0,
array: ['0086', '00886', '00853', '00852'],
formParams: {
intl_code: '86'
}
};
},
onLoad() {},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
this.formParams.intl_code = this.array[e.detail.value];
}
}
};
</script>
<style lang="scss">
@import '@/assets/css/mine/userAddress.scss';
</style>
router/index.js
...@@ -101,7 +101,7 @@ const router = new Router({ ...@@ -101,7 +101,7 @@ const router = new Router({
}, },
{ {
path: '/pages/mine/userAddress', path: '/pages/mine/userAddress',
aliasPath: '/userAddress', aliasPath: '/user/reciveaddress',
meta: { meta: {
title: '收货地址' title: '收货地址'
} }
...@@ -119,6 +119,13 @@ const router = new Router({ ...@@ -119,6 +119,13 @@ const router = new Router({
meta: { meta: {
title: '编辑地址' title: '编辑地址'
} }
},
{
path: '/pages/mine/coupdz',
aliasPath: '/user/coupdz',
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