chenkainan
/
tongli_WeChat
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改样式

master
chenkainan 12 months ago
parent
dd8bee0cea
commit
0ec345c388
12 changed files with 148 additions and 70 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 12
      pages.json
  2. 10
      pages/login/login.vue
  3. 2
      subPackages/line/orders.vue
  4. 2
      subPackages/notice/noticeList.vue
  5. 3
      subPackages/order/detail.vue
  6. 12
      subPackages/user/changeNickname.vue
  7. 2
      subPackages/user/coupon.vue
  8. 5
      subPackages/user/getCoupon.vue
  9. 2
      subPackages/user/myAddressAdd.vue
  10. 42
      subPackages/user/myContactsAdd.vue
  11. 94
      subPackages/user/profile.vue
  12. 32
      subPackages/user/travelerList.vue

12
pages.json
View File

@ -89,26 +89,26 @@
{ {
"path": "line/lineList", "path": "line/lineList",
"style": { "style": {
"navigationBarTitleText": "特色体验", "navigationBarTitleText": "风雅体验",
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },
{ {
"path": "line/detail", "path": "line/detail",
"style": { "style": {
"navigationBarTitleText": "特色体验" "navigationBarTitleText": "风雅体验"
} }
}, },
{ {
"path": "line/order", "path": "line/order",
"style": { "style": {
"navigationBarTitleText": "特色体验" "navigationBarTitleText": "风雅体验"
} }
}, },
{ {
"path": "line/orders", "path": "line/orders",
"style": { "style": {
"navigationBarTitleText": "特色体验" "navigationBarTitleText": "风雅体验"
} }
}, },
{ {
@ -270,13 +270,13 @@
{ {
"path": "user/bindTel", "path": "user/bindTel",
"style": { "style": {
"navigationBarTitleText": "修改姓名" "navigationBarTitleText": "修改手机号"
} }
}, },
{ {
"path": "user/changeNickname", "path": "user/changeNickname",
"style": { "style": {
"navigationBarTitleText": "修改手机号" "navigationBarTitleText": "修改姓名"
} }
}, },
{ {

10
pages/login/login.vue
View File

@ -3,11 +3,11 @@
<image src="https://static.ticket.sz-trip.com/tongli/images/user/logos.png" class="logo"></image> <image src="https://static.ticket.sz-trip.com/tongli/images/user/logos.png" class="logo"></image>
<view :class="['btn', 'flex-center', {'btns': flag}]" @click="getUserInfo()">快捷登录</view> <view :class="['btn', 'flex-center', {'btns': flag}]" @click="getUserInfo()">快捷登录</view>
<view class="btn, flex-center" @click="cancel()" style="margin-top: 113rpx;">取消</view> <view class="btn, flex-center" @click="cancel()" style="margin-top: 113rpx;">取消登录</view>
<image src="https://static.ticket.sz-trip.com/yandu/images/user/tips.png" class="tips" v-show="!flag"></image> <image src="https://static.ticket.sz-trip.com/yandu/images/user/tips.png" class="tips" v-show="!flag"></image>
<footer class="flex-between"> <footer class="flex-between">
<view @click="flag = !flag" :style="{border: flag ? 'none' : ''}"><image src="https://static.ticket.sz-trip.com/yandu/images/user/dui.png" v-show="flag"></image></view> <view @click="flag = !flag" :style="{border: flag ? 'none' : ''}"><image src="https://static.ticket.sz-trip.com/tongli/images/user/dui.png" v-show="flag"></image></view>
我已阅读并同意 <span @click="gotoPath('/subPackages/user/privacy')">《用户服务协议》、《隐私政策》</span> 我已阅读并同意 <span @click="gotoPath('/subPackages/user/privacy')">《用户服务协议》、《隐私政策》</span>
</footer> </footer>
@ -99,8 +99,8 @@
} }
.logo { .logo {
width: 186rpx; width: 135rpx;
height: 186rpx; height: 135rpx;
position: absolute; position: absolute;
top: 79rpx; top: 79rpx;
left: 50%; left: 50%;
@ -121,7 +121,7 @@
transform: translate(-50%,0) transform: translate(-50%,0)
} }
.btns { .btns {
background: #71B580; background: #515150;
} }
.tips { .tips {

2
subPackages/line/orders.vue
View File

@ -29,7 +29,7 @@
</view> --> </view> -->
<view class="user-item"> <view class="user-item">
<text class="user-item-text">姓名</text> <text class="user-item-text">姓名</text>
<input type="number" v-model="reserve_name" placeholder="输入您的姓名" class="user-input"/> <input v-model="reserve_name" placeholder="输入您的姓名" class="user-input"/>
</view> </view>
<view class="user-item"> <view class="user-item">
<text class="user-item-text">手机号</text> <text class="user-item-text">手机号</text>

2
subPackages/notice/noticeList.vue
View File

@ -94,7 +94,7 @@
.active { .active {
color: #fff; color: #fff;
background: #248BAA; background: #525251;
} }
} }

3
subPackages/order/detail.vue
View File

@ -1596,13 +1596,12 @@
width: 50%; width: 50%;
font-weight: bold; font-weight: bold;
font-size: 32rpx; font-size: 32rpx;
color: #248BAA; color: #000000;
line-height: 54rpx; line-height: 54rpx;
} }
view:first-child { view:first-child {
border-right: 1rpx solid #D8D8D8; border-right: 1rpx solid #D8D8D8;
color: #000000;
} }
} }
} }

12
subPackages/user/changeNickname.vue
View File

@ -1,10 +1,9 @@
<template> <template>
<view class="bg"> <view class="bg">
<view class="nickname-box"> <view class="nickname-box">
<span>姓名：</span> <input v-model="nickname" type="text" placeholder="请输入内容" />
<input v-model="nickname" type="text" placeholder="请输入您的姓名" />
</view> </view>
<view class="btn" @click="save">保存修改</view> <view class="btn" @click="save">保存</view>
</view> </view>
</template> </template>
@ -49,16 +48,19 @@
<style scoped> <style scoped>
.bg { .bg {
min-height: 100vh; min-height: 100vh;
padding-top: 50rpx;
} }
.nickname-box { .nickname-box {
display: flex; display: flex;
padding: 10rpx 30rpx; padding: 10rpx 0 30rpx;
margin: 0 30rpx;
align-items: center; align-items: center;
background: white; background: white;
margin-bottom: 100rpx; margin-bottom: 100rpx;
font-size: 30rpx; font-size: 30rpx;
height: 70rpx; height: 70rpx;
border-bottom: 1rpx solid #D8D8D8;
} }
.nickname-box span { .nickname-box span {
@ -80,7 +82,7 @@
text-align: center; text-align: center;
width: 333rpx; width: 333rpx;
height: 80rpx; height: 80rpx;
background: #248BAA; background: #C3282E;
border-radius: 40rpx; border-radius: 40rpx;
color: #FFFFFF; color: #FFFFFF;
} }

2
subPackages/user/coupon.vue
View File

@ -231,7 +231,7 @@
.nav-list .nav-item.active { .nav-list .nav-item.active {
// color: #71B580; // color: #71B580;
border-bottom: 7rpx solid #248BAA; border-bottom: 7rpx solid #525251;
} }
.coupon-list{ .coupon-list{

5
subPackages/user/getCoupon.vue
View File

@ -86,12 +86,13 @@
background-image: url('https://static.ticket.sz-trip.com/tongli/images/index/couponBg.png'); background-image: url('https://static.ticket.sz-trip.com/tongli/images/index/couponBg.png');
background-size: 100% 100%; background-size: 100% 100%;
margin: 27rpx auto 0; margin: 27rpx auto 0;
padding: 0 20rpx 0 50rpx; padding: 0 20rpx 0 0rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.item-left { .item-left {
padding: 45rpx 0 29rpx; width: 240rpx;
padding: 45rpx 0 30rpx 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;

2
subPackages/user/myAddressAdd.vue
View File

@ -377,7 +377,7 @@
font-size: 36rpx; font-size: 36rpx;
width: 697rpx; width: 697rpx;
height: 73rpx; height: 73rpx;
background: #248BAA; background: #C3282E;
border-radius: 37rpx; border-radius: 37rpx;
justify-content: center; justify-content: center;
align-items: center; align-items: center;

42
subPackages/user/myContactsAdd.vue
View File

@ -2,10 +2,10 @@
<view class="bg"> <view class="bg">
<view class="list-forms"> <view class="list-forms">
<view class="list-item"> <view class="list-item">
<view class="list-item-title">姓名:</view> <view class="list-item-title">姓名</view>
<view class="list-item-input"><input type="text" v-model="username" placeholder="请输入姓名" /></view> <view class="list-item-input"><input type="text" v-model="username" placeholder="请输入姓名" /></view>
</view> </view>
<view class="list-item"> <!-- <view class="list-item">
<picker mode="selector" :range="idcardTypeList" range-key="title" @change="changeIdType"> <picker mode="selector" :range="idcardTypeList" range-key="title" @change="changeIdType">
<view class="list-item-title flex-center" <view class="list-item-title flex-center"
style="border: 1rpx solid #999999;border-radius: 7rpx;padding: 18rpx 19rpx;">{{idcardTypeValue}} style="border: 1rpx solid #999999;border-radius: 7rpx;padding: 18rpx 19rpx;">{{idcardTypeValue}}
@ -14,12 +14,22 @@
</view> </view>
</picker> </picker>
<view class="list-item-input"><input type="text" v-model="idNumber" placeholder="请输入正确的证件号" /></view> <view class="list-item-input"><input type="text" v-model="idNumber" placeholder="请输入正确的证件号" /></view>
</view> </view> -->
<view class="list-item"> <view class="list-item">
<view class="list-item-title">手机号:</view> <view class="list-item-title">手机号</view>
<view class="list-item-input"><input type="number" v-model="mobile" placeholder="请输入手机号" <view class="list-item-input"><input type="number" v-model="mobile" placeholder="请输入手机号"
maxlength="11" /></view> maxlength="11" /></view>
</view> </view>
<view class="list-item">
<view class="list-item-title">身份证号</view>
<view class="list-item-input"><input type="text" v-model="idNumber" placeholder="请输入正确的证件号" /></view>
</view>
<view class="list-item">
<view class="list-item-title">设为默认</view>
<view class="list-item-switch">
<switch :checked="idDefault" @change="switchChange" color="#515150"/>
</view>
</view>
</view> </view>
<view class="btn" @click="submit">保存</view> <view class="btn" @click="submit">保存</view>
@ -38,7 +48,8 @@
idcardTypeList: [], idcardTypeList: [],
document_type: 'DAM01001', document_type: 'DAM01001',
id: '', id: '',
type: '' type: '',
idDefault: false,
} }
}, },
onLoad(option) { onLoad(option) {
@ -64,6 +75,9 @@
} }
}, },
methods: { methods: {
switchChange(e){
this.idDefault = e.detail.value
},
getDetail() { getDetail() {
this.Post({ this.Post({
id: this.id id: this.id
@ -165,7 +179,8 @@
id_number: this.idNumber, id_number: this.idNumber,
name: this.username, name: this.username,
tel: this.mobile, tel: this.mobile,
document_type: this.document_type document_type: this.document_type,
is_default: this.idDefault ? '1' : '0',
}, this.type=='edit'?'/api/user/editContact':'/api/user/addContact').then(res => { }, this.type=='edit'?'/api/user/editContact':'/api/user/addContact').then(res => {
if (res.code == 1) { if (res.code == 1) {
uni.showModal({ uni.showModal({
@ -201,12 +216,19 @@
padding: 30rpx 0; padding: 30rpx 0;
height: 60rpx; height: 60rpx;
box-sizing: content-box; box-sizing: content-box;
align-items: center;
.list-item-title { .list-item-title {
font-size: 34rpx; font-size: 34rpx;
margin-right: 20rpx; margin-right: 20rpx;
} }
.list-item-switch {
display: flex;
flex: 1;
justify-content: flex-end;
}
.list-item-input { .list-item-input {
flex: 1; flex: 1;
@ -230,9 +252,9 @@
} }
.btn { .btn {
width: 697rpx; width: 333rpx;
height: 80rpx; height: 80rpx;
background: #248BAA; background: #C3282E;
border-radius: 40rpx; border-radius: 40rpx;
text-align: center; text-align: center;
line-height: 80rpx; line-height: 80rpx;
@ -240,8 +262,6 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
position: absolute; margin: 271rpx auto 0;
bottom: 53rpx;
left: 27rpx;
} }
</style> </style>

94
subPackages/user/profile.vue
View File

@ -14,17 +14,12 @@
</navigator> </navigator>
<view class="userinfo-item" @click="showSexSelect = true"> <view class="userinfo-item" @click="showSexSelect = true">
<span>性别</span> <span>性别</span>
<!-- <view>{{sexes[info.gender]}}</view> --> <view @click="$refs.popup.open()">{{gender == 1 ? '男' : (gender == 2 ? '女' : '保密')}}</view>
<radio-group @change="changesex">
<label style="margin-right: 15rpx;" v-for="(item,index) in sexes" :key="index">
<radio color="#248BAA" :value="item.value" :checked="index === info.gender-1" />{{item.text}}
</label>
</radio-group>
</view> </view>
<view class="userinfo-item"> <navigator url="/subPackages/user/bindTel" class="userinfo-item">
<span>手机号</span> <span>手机号</span>
<view>{{info.mobile}}</view> <view>{{info.mobile}}</view>
</view> </navigator>
<view class="userinfo-item"> <view class="userinfo-item">
<span>生日</span> <span>生日</span>
<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange"> <picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">
@ -33,6 +28,14 @@
</view> </view>
<view class="btn-tao" @click="submit">保存</view> <view class="btn-tao" @click="submit">保存</view>
</view> </view>
<!-- 性别弹框 -->
<uni-popup ref="popup" type="bottom">
<view class="popup-box">
<view class="popup-item flex-center" v-for="(item,index) in sexes" :key="index" @click="changesex(index)">{{item.text}}</view>
<view class="popup-items flex-center" @click="$refs.popup.close()">取消</view>
</view>
</uni-popup>
</view> </view>
</template> </template>
@ -55,6 +58,10 @@
{ {
value: '2', value: '2',
text: '女' text: '女'
},
{
value: '0',
text: '保密'
} }
], ],
today: null, today: null,
@ -183,8 +190,9 @@
day = day > 9 ? day : '0' + day; day = day > 9 ? day : '0' + day;
return `${year}/${month}/${day}`; return `${year}/${month}/${day}`;
}, },
changesex(value) { changesex(index) {
this.gender = value.detail.value this.gender = this.sexes[index].value
this.$refs.popup.close()
}, },
submit() { submit() {
uni.showModal({ uni.showModal({
@ -220,7 +228,7 @@
} }
</script> </script>
<style scoped> <style scoped lang="scss">
view { view {
box-sizing: content-box; box-sizing: content-box;
} }
@ -239,11 +247,12 @@
align-items: center; align-items: center;
} }
.info-avatar-top view:after{ .info-avatar-top view:after{
font-family: "iconfont"; content: "";
content: "\e62e"; width: 20rpx;
font-size: 26rpx; height: 20rpx;
font-weight: bold;
margin-left: 6rpx; margin-left: 6rpx;
background-image: url('https://static.ticket.sz-trip.com/tongli/images/user/rightIcon-gray.png');
background-size: 100% 100%;
} }
.info-avatar-top img { .info-avatar-top img {
width: 80rpx; width: 80rpx;
@ -282,9 +291,10 @@
align-items: center; align-items: center;
font-size: 30rpx; font-size: 30rpx;
border-bottom: 1rpx solid #D8D8D8; border-bottom: 1rpx solid #D8D8D8;
padding: 40rpx 0; padding: 40rpx 30rpx 40rpx 0;
height: 48rpx; height: 48rpx;
color: #333; color: #333;
position: relative;
} }
.info-avatar-top span { .info-avatar-top span {
@ -299,13 +309,20 @@
flex-shrink: 0; flex-shrink: 0;
} }
.userinfo-item view:after, .userinfo-item {
.birthday-box:after { & view::after {
font-family: "iconfont"; content: "";
content: "\e62e"; width: 20rpx;
font-size: 26rpx; height: 20rpx;
font-weight: bold; margin-left: 6rpx;
margin-left: 6rpx; background-image: url('https://static.ticket.sz-trip.com/tongli/images/user/rightIcon-gray.png');
background-size: 100% 100%;
position: absolute;
right: 0;
margin: auto;
top: 0;
bottom: 0;
}
} }
.birthday-box { .birthday-box {
@ -339,7 +356,7 @@
font-size: 30rpx; font-size: 30rpx;
width: 697rpx; width: 697rpx;
height: 80rpx; height: 80rpx;
background: #248BAA; background: #C3282E;
border-radius: 40rpx; border-radius: 40rpx;
line-height: 80rpx; line-height: 80rpx;
color: #FFFFFF; color: #FFFFFF;
@ -347,4 +364,33 @@
left: 26rpx; left: 26rpx;
bottom: 100rpx; bottom: 100rpx;
} }
.popup-box {
border-radius: 20rpx 20rpx 0rpx 0rpx;
background: #fff;
overflow: hidden;
.popup-item {
width: 697rpx;
height: 99rpx;
font-weight: 500;
font-size: 31rpx;
color: #12293C;
margin: auto;
}
.popup-item:nth-child(2) {
border: none;
border-bottom: 1rpx solid #D8D8D8;
border-top: 1rpx solid #D8D8D8;
}
.popup-items {
width: 100%;
height: 99rpx;
font-weight: 500;
font-size: 31rpx;
color: #12293C;
border-top: 13rpx solid #F2F2F2;
}
}
</style> </style>

32
subPackages/user/travelerList.vue
View File

@ -20,6 +20,7 @@
</view> </view>
<view class=""> <view class="">
{{item.tel}} {{item.tel}}
<span v-if="item.is_default==1">默认</span>
</view> </view>
</view> </view>
<view class="idcard"> <view class="idcard">
@ -32,7 +33,7 @@
</view> </view>
<view class="item-btn"> <view class="item-btn">
<view class="choice"> <view class="choice">
<image src="https://static.ticket.sz-trip.com/yandu/images/user/dui.png" mode="aspectFill" <!-- <image src="https://static.ticket.sz-trip.com/yandu/images/user/dui.png" mode="aspectFill"
v-if="item.is_default==1"> v-if="item.is_default==1">
</image> </image>
<view class="yuan" v-else @click.stop="defaultC(item)"> <view class="yuan" v-else @click.stop="defaultC(item)">
@ -40,7 +41,7 @@
</view> </view>
<view class=""> <view class="">
默认出行人 默认出行人
</view> </view> -->
</view> </view>
<view class="btn-list"> <view class="btn-list">
<view class="btn-item" @click.stop="edit(item.id)"> <view class="btn-item" @click.stop="edit(item.id)">
@ -89,7 +90,7 @@
<view class="btn-box"> <view class="btn-box">
<navigator :url="showType ? '/subPackages/user/myAddressAdd' : '/subPackages/user/myContactsAdd'" class="btn"> <navigator :url="showType ? '/subPackages/user/myAddressAdd' : '/subPackages/user/myContactsAdd'" class="btn">
{{showType ? '添加联系人' : '添加出行人'}} {{showType ? '添加联系人' : '添加收货地址'}}
</navigator> </navigator>
</view> </view>
</view> </view>
@ -185,19 +186,29 @@
display: flex; display: flex;
height: 112rpx; height: 112rpx;
flex-shrink: 0; flex-shrink: 0;
background-color: #fff;
.concat-nav-item{ .concat-nav-item{
ffont-weight: 500; ffont-weight: 500;
font-size: 35rpx; font-size: 35rpx;
color: #000000; color: #000000;
height: 100%;
text-align: center; text-align: center;
position: relative;
padding-top: 35rpx;
} }
.concat-nav-item.active{ .concat-nav-item.active{
color: #000000; color: #000000;
} }
.active-bar{ .active-bar{
width: 100%; width: 73rpx;
height: 11rpx; height: 7rpx;
background: #248BAA; background: #515150;
border-radius: 3rpx;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
} }
} }
@ -205,8 +216,7 @@
width: 697rpx; width: 697rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 13rpx; border-radius: 13rpx;
margin: 0 auto; margin: 28rpx auto 0;
margin-bottom: 28rpx;
padding: 26rpx; padding: 26rpx;
.name, .name,
@ -219,13 +229,13 @@
} }
.name { .name {
view:last-child { view:last-child{
margin-left: 40rpx; margin-left: 40rpx;
} }
span { span {
padding: 3rpx 9rpx; padding: 3rpx 9rpx;
background: #248BAA; background: #515150;
border-radius: 7rpx; border-radius: 7rpx;
font-weight: bold; font-weight: bold;
font-size: 24rpx; font-size: 24rpx;
@ -315,7 +325,7 @@
.btn { .btn {
width: 697rpx; width: 697rpx;
line-height: 80rpx; line-height: 80rpx;
background: #248BAA; background: #C3282E;
border-radius: 37rpx; border-radius: 37rpx;
font-weight: 500; font-weight: 500;
font-size: 36rpx; font-size: 36rpx;

Write Preview
Loading…
Cancel
Save