Skip to content

肖康 / H5_2.0

Go to a project
Commit 2e3e19d2 by LJM
Options

css

parent c419c292
Inline Side-by-side
Showing with 657 additions and 76 deletions
assets/css/mine/inquery.scss
.page-feedback {
padding-top: 112rpx;
.content {
padding: 0 24rpx;
.t1 {
font-size: 28rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 24rpx;
.page-inquery {
padding-top: 176rpx;
.iconfont {
font-size: 44rpx;
color: #484b59;
}
.tab {
position: fixed;
top: 88rpx;
left: 0;
right: 0;
width: 100%;
background: #ffffff;
height: 88rpx;
z-index: 99;
margin-bottom: 16rpx;
.box {
position: relative;
height: 100%;
transition: all 0.4s ease;
.t1 {
font-size: 28rpx;
color: #484b59;
}
.t2 {
font-size: 28rpx;
color: #919399;
font-weight: bold;
}
.t3 {
font-size: 24rpx;
color: #919399;
}
&.curr {
.t2 {
color: #292b33;
}
&::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 53rpx;
height: 7rpx;
margin: 0 auto;
background: #1969f9;
border-radius: 4rpx;
content: '';
}
}
}
.type {
padding: 24rpx;
}
.list {
margin-top: 16rpx;
padding: 0 24rpx;
.box {
background: #ffffff;
border-radius: 10rpx;
padding: 24rpx;
margin-bottom: 16rpx;
.box {
width: 206rpx;
height: 72rpx;
margin-right: 16rpx;
background: #f5f5f7;
border-radius: 6rpx;
font-size: 24rpx;
.p1 {
font-size: 28rpx;
color: #292b33;
transition: all 0.4s ease;
&.curr {
background-color: #1969f9;
color: #ffffff;
}
font-weight: bold;
}
}
.suggest {
padding: 24rpx;
background-color: #ffffff;
.t2 {
.p2 {
font-size: 24rpx;
color: #484b59;
margin-bottom: 16rpx;
color: #1969f9;
}
textarea {
width: 100%;
height: 216rpx;
background: #f5f5f7;
border-radius: 10rpx;
padding: 24rpx;
box-sizing: border-box;
font-size: 26rpx;
.p3 {
font-size: 24rpx;
color: #919399;
}
.time {
margin-top: 12rpx;
font-size: 24rpx;
color: #919399;
}
}
}
.btn {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9;
background: #ffffff;
box-shadow: 0px -4rpx 20rpx 0px rgba(198, 199, 204, 0.1);
border-radius: 10rpx 10rpx 0px 0px;
padding: 24rpx;
.btn1 {
width: 100%;
height: 68rpx;
background: #1969f9;
border-radius: 10rpx;
font-size: 28rpx;
color: #ffffff;
}
}
.no-data {
image {
width: 356rpx;
height: 356rpx;
}
.tt {
margin-top: 32rpx;
font-size: 28rpx;
color: #292b33;
}
}
assets/css/mine/invoice.scss 0 → 100644
.page-userAddress {
padding: 104rpx 24rpx 0 24rpx;
.tip {
margin-top: 16rpx;
margin-bottom: 16rpx;
padding-left: 24rpx;
height: 60rpx;
background: #fff8f2;
border-radius: 0px 30rpx 30rpx 30rpx;
.iconfont {
font-size: 32rpx;
font-weight: bold;
color: #f98119;
margin-right: 16rpx;
}
.t1 {
font-size: 22rpx;
color: #f98119;
}
.t2 {
font-size: 22rpx;
color: #1969f9;
}
}
.list {
.box {
padding: 24rpx;
margin-bottom: 16rpx;
background: #ffffff;
border-radius: 10rpx;
.p1 {
margin-bottom: 16rpx;
.t1 {
font-size: 28rpx;
color: #292b33;
font-weight: bold;
margin-right: 16rpx;
}
.label {
width: 76rpx;
height: 34rpx;
background: #ffffff;
border-radius: 17rpx;
border: 1px solid #1969f9;
font-size: 22rpx;
color: #1969f9;
}
.label-t {
width: 76rpx;
height: 34rpx;
background: #ffffff;
border-radius: 17rpx;
border: 1px solid #c6c7cc;
font-size: 22rpx;
color: #919399;
}
}
.p2 {
margin-bottom: 8rpx;
.t1 {
font-size: 24rpx;
color: #484b59;
margin-right: 24rpx;
}
.t2 {
font-size: 24rpx;
color: #484b59;
}
}
.p3 {
height: 66rpx;
font-size: 24rpx;
color: #919399;
}
.operate {
.edit {
margin-right: 32rpx;
.iconfont {
font-size: 32rpx;
color: #919399;
margin-right: 4px;
}
.tt {
font-size: 24rpx;
color: #919399;
}
}
.delete {
.iconfont {
font-size: 32rpx;
color: #919399;
margin-right: 4px;
}
.tt {
font-size: 24rpx;
color: #919399;
}
}
}
.default {
width: 32rpx;
height: 32rpx;
background: url('https://img.ichunt.com/images/ichunt/202305/19/53c6f67275c83a0f9ccaa565c018cfcd.png') no-repeat center;
background-size: cover;
}
.default-text {
margin-left: 16rpx;
font-size: 24rpx;
color: #919399;
}
.default-curr {
.default {
background: url('https://img.ichunt.com/images/ichunt/202305/19/e6d61a2c75f0185a207904679ec70273.png') no-repeat center;
background-size: cover;
}
.default-text {
color: #1969f9;
}
}
}
}
.btn {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100rpx;
z-index: 9;
background: #ffffff;
box-shadow: 0px -4rpx 20rpx 0px rgba(198, 199, 204, 0.1);
border-radius: 10rpx 10rpx 0px 0px;
padding: 0 24rpx;
.btn1 {
width: 100%;
height: 68rpx;
background: #1969f9;
border-radius: 10rpx;
.iconfont {
font-size: 44rpx;
color: #ffffff;
}
.text {
margin-left: 12rpx;
font-size: 28rpx;
color: #ffffff;
}
}
}
.form-box {
margin-bottom: 16rpx;
border-radius: 10rpx;
background: #ffffff;
padding: 0 24rpx;
.input-box {
border-bottom: 1px solid #f0f0f2;
&:last-child {
border-bottom: none;
}
.tt {
width: 155rpx;
font-size: 26rpx;
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 {
height: 100%;
font-size: 26rpx;
&::-webkit-input-placeholder {
color: #919399;
}
}
&.input {
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;
}
}
}
.no-data {
image {
width: 356rpx;
height: 356rpx;
}
.tt {
margin-top: 32rpx;
font-size: 28rpx;
color: #292b33;
}
}
pages.json
......@@ -178,6 +178,24 @@
"style": {
"navigationBarTitleText": "询价记录"
}
},
{
"path": "pages/mine/invoice",
"style": {
"navigationBarTitleText": "发票管理"
}
},
{
"path": "pages/mine/invoiceAdd",
"style": {
"navigationBarTitleText": "新增发票"
}
},
{
"path": "pages/mine/invoiceEdit",
"style": {
"navigationBarTitleText": "编辑发票"
}
}
],
"globalStyle": {
......
pages/mine/inquery.vue
<template>
<view class="page-feedback"><navElement title="询价记录"></navElement></view>
<view class="page-inquery">
<navElement title="询价记录">
<template slot="title-bar">
<view style="text-align: right;"><text class="iconfont icon-qq"></text></view>
</template>
</navElement>
<view class="tab row avarage verCenter">
<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 column">
<view class="row bothSide verCenter">
<view class="p1">STM1568843M</view>
<view class="p2">待处理</view>
</view>
<text class="time">询价时间：2021.09.26 17:34:50</text>
</view>
<view class="box column">
<view class="row bothSide verCenter">
<view class="p1">STM1568843M</view>
<view class="p3">已答复</view>
</view>
<text class="time">询价时间：2021.09.26 17:34:50</text>
</view>
</view>
<view class="no-data column rowCenter verCenter">
<image src="../../static/nodate.png"></image>
<text class="tt">暂无询价记录信息</text>
</view>
</view>
</template>
<script>
......@@ -10,10 +42,17 @@ export default {
navElement
},
data() {
return {};
return {
curr: 0,
text_arr: ['全部', '待处理', '已答复']
};
},
onShow() {},
methods: {}
methods: {
tab(index) {
this.curr = index;
}
}
};
</script>
......
pages/mine/invoice.vue 0 → 100644
<template>
<view class="page-userAddress">
<navElement title="发票管理"></navElement>
<view class="tip row verCenter">
<text class="iconfont icon-ts"></text>
<text class="t1">已创建</text>
<text class="t2">2</text>
<text class="t1">个发票信息，最多</text>
<text class="t2">20</text>
<text class="t1">个有效发票信息</text>
</view>
<view class="list">
<view class="box">
<view class="p1 row verCenter">
<text class="t1">深圳市猎芯科技有限公司</text>
<text class="label row rowCenter verCenter">专票</text>
</view>
<view class="p2 row verCenter">
<text class="t1">蔡先生</text>
<text class="t2">13800138000</text>
</view>
<view class="p3">广东省深圳市龙岗区坂田清丽路1号宝能科技园南区12栋11楼</view>
<view class="operate row bothSide verCenter">
<view class="row verCenter">
<view class="default"></view>
<text class="default-text">设为默认</text>
</view>
<view class="row verCenter">
<navigator class="edit row verCenter" url="/userAddressEdit" hover-class="none">
<text class="iconfont icon-bjt"></text>
<text class="tt">编辑</text>
</navigator>
<view class="delete row verCenter">
<text class="iconfont icon-del"></text>
<text class="tt">删除</text>
</view>
</view>
</view>
</view>
<view class="box">
<view class="p1 row verCenter">
<text class="t1">深圳市猎芯科技有限公司</text>
<text class="label-t row rowCenter verCenter">普票</text>
</view>
<view class="p2 row verCenter">
<text class="t1">蔡先生</text>
<text class="t2">13800138000</text>
</view>
<view class="p3">广东省深圳市龙岗区坂田清丽路1号宝能科技园南区12栋11楼</view>
<view class="operate row bothSide verCenter default-curr">
<view class="row verCenter">
<view class="default"></view>
<text class="default-text">默认发票</text>
</view>
<view class="row verCenter">
<navigator class="edit row verCenter" url="/userAddressEdit" hover-class="none">
<text class="iconfont icon-bjt"></text>
<text class="tt">编辑</text>
</navigator>
<view class="delete row verCenter">
<text class="iconfont icon-del"></text>
<text class="tt">删除</text>
</view>
</view>
</view>
</view>
</view>
<view class="no-data column rowCenter verCenter">
<image src="../../static/nodate.png"></image>
<text class="tt">暂无发票信息</text>
</view>
<view class="btn row verCenter">
<navigator class="btn1 row rowCenter verCenter" url="/userAddressAdd" hover-class="none">
<text class="iconfont icon-tj"></text>
<text class="text">添加新发票</text>
</navigator>
</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/invoice.scss';
</style>
pages/mine/invoiceAdd.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/invoiceEdit.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/user.vue
......@@ -69,10 +69,10 @@
<text class="iconfont icon-dzz"></text>
<text class="tt">地址管理</text>
</navigator>
<view class="box column rowCenter verCenter">
<navigator class="box column rowCenter verCenter" url="/user/invoice" hover-class="none">
<text class="iconfont icon-fpp"></text>
<text class="tt">发票管理</text>
</view>
</navigator>
<navigator class="box column rowCenter verCenter" url="/user/coupdz" hover-class="none">
<text class="iconfont icon-a-juxingbeifen142"></text>
<text class="tt">京东卡</text>
......
pages/mine/userAddress.vue
......@@ -22,7 +22,7 @@
<text class="default-text">设为默认</text>
</view>
<view class="row verCenter">
<navigator class="edit row verCenter" url="/userAddressEdit" hover-class="none">
<navigator class="edit row verCenter" url="/user/userAddressEdit" hover-class="none">
<text class="iconfont icon-bjt"></text>
<text class="tt">编辑</text>
</navigator>
......@@ -45,10 +45,10 @@
<text class="default-text">设为默认</text>
</view>
<view class="row verCenter">
<view class="edit row verCenter">
<navigator class="edit row verCenter" url="/user/userAddressEdit" hover-class="none">
<text class="iconfont icon-bjt"></text>
<text class="tt">编辑</text>
</view>
</navigator>
<view class="delete row verCenter">
<text class="iconfont icon-del"></text>
<text class="tt">删除</text>
......@@ -62,7 +62,7 @@
<text class="tt">暂无收货地址</text>
</view>
<view class="btn row verCenter">
<navigator class="btn1 row rowCenter verCenter" url="/userAddressAdd" hover-class="none">
<navigator class="btn1 row rowCenter verCenter" url="/user/userAddressAdd" hover-class="none">
<text class="iconfont icon-tj"></text>
<text class="text">新增地址</text>
</navigator>
......
router/index.js
......@@ -127,7 +127,7 @@ const router = new Router({
},
{
path: '/pages/mine/userAddressAdd',
aliasPath: '/userAddressAdd',
aliasPath: '/user/userAddressAdd',
meta: {
title: '新增地址',
auth: true
......@@ -135,7 +135,7 @@ const router = new Router({
},
{
path: '/pages/mine/userAddressEdit',
aliasPath: '/userAddressEdit',
aliasPath: '/user/userAddressEdit',
meta: {
title: '编辑地址',
auth: true
......@@ -184,56 +184,88 @@ const router = new Router({
path: '/pages/mine/msg',
aliasPath: '/user/msg',
meta: {
title: '我的消息'
title: '我的消息',
auth: true
}
},
{
path: '/pages/mine/msgDetail',
aliasPath: '/user/msgDetail',
meta: {
title: '消息详情'
title: '消息详情',
auth: true
}
},
{
path: '/pages/mine/setting',
aliasPath: '/user/setting',
meta: {
title: '账户设置'
title: '账户设置',
auth: true
}
},
{
path: '/pages/mine/bindMail',
aliasPath: '/user/bindMail',
meta: {
title: '绑定邮箱'
title: '绑定邮箱',
auth: true
}
},
{
path: '/pages/mine/company',
aliasPath: '/user/company',
meta: {
title: '公司信息'
title: '公司信息',
auth: true
}
},
{
path: '/pages/mine/activity',
aliasPath: '/user/activity',
meta: {
title: '活动中心'
title: '活动中心',
auth: true
}
},
{
path: '/pages/mine/feedback',
aliasPath: '/user/feedback',
meta: {
title: '投诉反馈'
title: '投诉反馈',
auth: true
}
},
{
path: '/pages/mine/inquery',
aliasPath: '/user/inquery',
meta: {
title: '询价记录'
title: '询价记录',
auth: true
}
},
{
path: '/pages/mine/invoice',
aliasPath: '/user/invoice',
meta: {
title: '发票管理',
auth: true
}
},
{
path: '/pages/mine/invoice',
aliasPath: '/user/invoiceAdd',
meta: {
title: '新增发票',
auth: true
}
},
{
path: '/pages/mine/invoice',
aliasPath: '/user/invoiceEdit',
meta: {
title: '编辑发票',
auth: true
}
}
]
......
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