suojin
/
pillow_customize_app
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

合并地址页面

Browse Source
main
jinna 3 years ago
parent b8b787f5d8
commit 2b6e83bbba
1 changed files with 230 additions and 208 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. 348
      pages/pages_zhentou/myPage/address.vue

348
pages/pages_zhentou/myPage/address.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<view class="add_box"> <view class="add_box">
<view class="address_box" > <view class="address_box">
<view class="address_item" v-for="(item,index) in addressData" :key="index"> <view class="address_item" v-for="(item,index) in addressData" :key="index">
<view class="top_box" @click="turnToOrder(item)"> <view class="top_box" @click="turnToOrder(item)">
<view class="top_item"> <view class="top_item">
@ -20,14 +20,14 @@
</view> </view>
<view class="bottom_item"> <view class="bottom_item">
<view class="no_checked_box" v-if="item.isDefault == 0" @click="handleDefault(item)"> <view class="no_checked_box" v-if="item.isDefault == 0" @click="handleDefault(item)">
<view class="no_checked"></view> <view class="no_checked"></view>
<p class="no_default" >设为默认</p> <p class="no_default">设为默认</p>
</view> </view>
<view class="check_box" v-if="item.isDefault == 1"> <view class="check_box" v-if="item.isDefault == 1">
<view class="checked"> <view class="checked">
<p class="item"></p> <p class="item"></p>
</view> </view>
<p class="default_txt">默认地址</p> <p class="default_txt">默认地址</p>
</view> </view>
</view> </view>
@ -40,8 +40,8 @@
<p class="btn" @click="handleAdd">添加新地址</p> <p class="btn" @click="handleAdd">添加新地址</p>
</view> </view>
<view class="pop_box"> <view class="pop_box">
<uni-popup ref="popup" style="width: 100%;" background-color="#fff" > <uni-popup ref="popup" style="width: 100%;" background-color="#fff">
<view class="popup-content" > <view class="popup-content">
<view class="title_box"> <view class="title_box">
<view class="tit_txt"> <view class="tit_txt">
{{title}} {{title}}
@ -56,7 +56,8 @@
收货人： 收货人：
</view> </view>
<view class="right_item"> <view class="right_item">
<uni-easyinput v-model="buyUser" :inputBorder="false" placeholder="请输入收货人姓名"></uni-easyinput> <uni-easyinput v-model="buyUser" :inputBorder="false"
placeholder="请输入收货人姓名"></uni-easyinput>
</view> </view>
</view> </view>
<view class="content_item"> <view class="content_item">
@ -64,7 +65,8 @@
联系电话： 联系电话：
</view> </view>
<view class="right_item"> <view class="right_item">
<uni-easyinput v-model="buyPhone" :inputBorder="false" placeholder="请输入联系方式"></uni-easyinput> <uni-easyinput v-model="buyPhone" :inputBorder="false"
placeholder="请输入联系方式"></uni-easyinput>
</view> </view>
</view> </view>
<view class="content_item"> <view class="content_item">
@ -74,11 +76,11 @@
<view class="right_item"> <view class="right_item">
<!-- 山东省青岛市市北区 --> <!-- 山东省青岛市市北区 -->
<!-- <view class="right_icon" @click="changeAddress"> <!-- <view class="right_icon" @click="changeAddress">
<image src="../../../static/image/icon-arrow-right.png"></image> <image src="../../../static/image/icon-arrow-right.png"></image>
</view> --> </view> -->
<picker class="picker_box" :range="locationArr" @change="cityChange" mode="multiSelector" <picker class="picker_box" :range="locationArr" @change="cityChange"
@columnchange="columnchange" :value="multiIndex"> mode="multiSelector" @columnchange="columnchange" :value="multiIndex">
<view class="city_box" v-if="province !== '' && city !== ''"> <view class="city_box" v-if="province !== '' && city !== ''">
{{province}} / {{city}} {{district ? '/' : ''}} {{district}} {{province}} / {{city}} {{district ? '/' : ''}} {{district}}
</view> </view>
@ -93,7 +95,8 @@
详细地址： 详细地址：
</view> </view>
<view class="right_item"> <view class="right_item">
<uni-easyinput type="textarea" :inputBorder="false" autoHeight v-model="address" placeholder="请输入详细地址"></uni-easyinput> <uni-easyinput type="textarea" :inputBorder="false" autoHeight v-model="address"
placeholder="请输入详细地址"></uni-easyinput>
</view> </view>
<!-- <view class="right_icon" @click="handlePosition"> <!-- <view class="right_icon" @click="handlePosition">
<image src="../../../static/image/position.png"></image> <image src="../../../static/image/position.png"></image>
@ -117,10 +120,10 @@
export default { export default {
data() { data() {
return { return {
isEdit:false, isEdit: false,
buyUser:'', buyUser: '',
buyPhone:'', buyPhone: '',
address:'', address: '',
imgPrefix: getApp().globalData.imgPrefix, imgPrefix: getApp().globalData.imgPrefix,
locationArr: [ locationArr: [
[], [],
@ -128,9 +131,9 @@
[] []
], ],
multiIndex: [0, 0, 0], multiIndex: [0, 0, 0],
province:'', province: '',
city:'', city: '',
district:'', district: '',
addressData: [ addressData: [
// {name:'张三',phone:'15612345678',address:'山东省青岛市市北区大港街道大港三路8号铁路住宅小区6号楼6单元666室',status:1}, // {name:'张三',phone:'15612345678',address:'山东省青岛市市北区大港街道大港三路8号铁路住宅小区6号楼6单元666室',status:1},
// {name:'张三',phone:'15612345678',address:'山东省青岛市市北区大港街道大港三路8号铁路住宅小区6号楼6单元666室',status:0}, // {name:'张三',phone:'15612345678',address:'山东省青岛市市北区大港街道大港三路8号铁路住宅小区6号楼6单元666室',status:0},
@ -145,10 +148,10 @@
contentrefresh: "正在加载...", contentrefresh: "正在加载...",
contentnomore: "没有更多数据了", contentnomore: "没有更多数据了",
}, },
title:'', title: '',
addressId:'', addressId: '',
userInfo:{}, userInfo: {},
pageFrom:'' pageFrom: ''
} }
}, },
onLoad(options) { onLoad(options) {
@ -166,35 +169,35 @@
}, },
methods: { methods: {
// 保存地址 // 保存地址
handleSave(){ handleSave() {
if(this.userInfo){ if (this.userInfo) {
if(!this.isEdit){ if (!this.isEdit) {
if(this.address == '' || this.province == '' || this.buyUser == '' || this.buyPhone == ''){ if (this.address == '' || this.province == '' || this.buyUser == '' || this.buyPhone == '') {
uni.showToast({ uni.showToast({
title: '请完整填写信息', title: '请完整填写信息',
icon: 'none' icon: 'none'
}) })
}else{ } else {
let params = { let params = {
userId:this.userInfo.id, userId: this.userInfo.id,
consignee:this.buyUser, consignee: this.buyUser,
phone:this.buyPhone, phone: this.buyPhone,
province:this.province, province: this.province,
city:this.city, city: this.city,
area:this.district ? this.district : '', area: this.district ? this.district : '',
address:this.address, address: this.address,
isDefault:0 isDefault: 0
} }
uni.request({ uni.request({
url:getApp().globalData.baseUrl + '/address/save', url: getApp().globalData.baseUrl + '/address/save',
method:'POST', method: 'POST',
header:{ header: {
'Blade-Auth': 'bearer ' + uni.getStorageSync('token') 'Blade-Auth': 'bearer ' + uni.getStorageSync('token')
}, },
data:params, data: params,
success:(res) =>{ success: (res) => {
console.log(res) console.log(res)
if(res.data.code == 200){ if (res.data.code == 200) {
uni.showToast({ uni.showToast({
title: '新增成功', title: '新增成功',
icon: 'none' icon: 'none'
@ -208,33 +211,33 @@
} }
}) })
} }
}else{ } else {
if(this.address == '' || this.province == '' || this.buyUser == '' || this.buyPhone == ''){ if (this.address == '' || this.province == '' || this.buyUser == '' || this.buyPhone == '') {
uni.showToast({ uni.showToast({
title: '请完整填写信息', title: '请完整填写信息',
icon: 'none' icon: 'none'
}) })
}else{ } else {
let params = { let params = {
id:this.addressId, id: this.addressId,
userId:this.userInfo.id, userId: this.userInfo.id,
consignee:this.buyUser, consignee: this.buyUser,
phone:this.buyPhone, phone: this.buyPhone,
province:this.province, province: this.province,
city:this.city, city: this.city,
area:this.district ? this.district : '', area: this.district ? this.district : '',
address:this.address, address: this.address,
} }
uni.request({ uni.request({
url:getApp().globalData.baseUrl + '/address/update', url: getApp().globalData.baseUrl + '/address/update',
method:"POST", method: "POST",
header:{ header: {
'Blade-Auth': 'bearer ' + uni.getStorageSync('token') 'Blade-Auth': 'bearer ' + uni.getStorageSync('token')
}, },
data:JSON.stringify(params), data: JSON.stringify(params),
success:res =>{ success: res => {
console.log(res) console.log(res)
if(res.data.code == 200){ if (res.data.code == 200) {
uni.showToast({ uni.showToast({
title: '地址修改成功', title: '地址修改成功',
icon: 'none' icon: 'none'
@ -244,7 +247,7 @@
this.hasMore = true; this.hasMore = true;
this.current = 0; this.current = 0;
this.loadMore() this.loadMore()
}else{ } else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'none' icon: 'none'
@ -258,7 +261,7 @@
console.log(this.address) console.log(this.address)
}, },
// 编辑地址 // 编辑地址
handleEdit(item){ handleEdit(item) {
console.log(item) console.log(item)
this.title = '编辑地址' this.title = '编辑地址'
this.addressId = item.id this.addressId = item.id
@ -273,29 +276,29 @@
this.$refs.popup.open('bottom') this.$refs.popup.open('bottom')
}, },
// 编辑页面时获取省市区数据 // 编辑页面时获取省市区数据
getCurrentArea(value){ getCurrentArea(value) {
this.locationArr[1] = [] this.locationArr[1] = []
this.locationArr[2] = [] this.locationArr[2] = []
this.allCityData.map((item,index) =>{ this.allCityData.map((item, index) => {
if(item.province == this.province){ if (item.province == this.province) {
this.multiIndex[0] = index; this.multiIndex[0] = index;
item.citys.map((item1,index1) =>{ item.citys.map((item1, index1) => {
if(item1.city == this.province){ if (item1.city == this.province) {
console.log(item1) console.log(item1)
item1.areas.map((item2,index2) =>{ item1.areas.map((item2, index2) => {
if(item2.area == this.city){ if (item2.area == this.city) {
this.multiIndex[1] = index2; this.multiIndex[1] = index2;
} }
this.locationArr[1].push(item2.area); this.locationArr[1].push(item2.area);
}) })
}else{ } else {
if(item1.city == this.city){ if (item1.city == this.city) {
this.multiIndex[1] = index1; this.multiIndex[1] = index1;
item1.areas.map((item3,index3) =>{ item1.areas.map((item3, index3) => {
this.locationArr[2].push(item3.area) this.locationArr[2].push(item3.area)
if(item3.area == this.district){ if (item3.area == this.district) {
console.log('item3 ==>',item3) console.log('item3 ==>', item3)
console.log('index3 ==>',index3) console.log('index3 ==>', index3)
this.multiIndex[2] = index3; this.multiIndex[2] = index3;
} }
}) })
@ -307,25 +310,26 @@
} }
}) })
console.log('multiIndex',this.multiIndex) console.log('multiIndex', this.multiIndex)
console.log('locationArr',this.locationArr) console.log('locationArr', this.locationArr)
}, },
// 删除地址 // 删除地址
handleDelete(){ handleDelete() {
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: '确认删除该地址？', content: '确认删除该地址？',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
uni.request({ uni.request({
url:getApp().globalData.baseUrl + '/address/delete?ids=' + this.addressId, url: getApp().globalData.baseUrl + '/address/delete?ids=' + this
method:"POST", .addressId,
header:{ method: "POST",
header: {
'Blade-Auth': 'bearer ' + uni.getStorageSync('token') 'Blade-Auth': 'bearer ' + uni.getStorageSync('token')
}, },
success:(res) =>{ success: (res) => {
console.log(res) console.log(res)
if(res.data.code == 200){ if (res.data.code == 200) {
uni.showToast({ uni.showToast({
title: '删除成功', title: '删除成功',
icon: 'none' icon: 'none'
@ -335,7 +339,7 @@
this.hasMore = true; this.hasMore = true;
this.current = 0; this.current = 0;
this.loadMore() this.loadMore()
}else{ } else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'none' icon: 'none'
@ -350,27 +354,27 @@
}) })
}, },
// 添加默认 // 添加默认
handleDefault(item){ handleDefault(item) {
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: '确认将该地址设置为默认地址？', content: '确认将该地址设置为默认地址？',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
let params = { let params = {
id:item.id, id: item.id,
userId:this.userInfo.id, userId: this.userInfo.id,
isDefault:1 isDefault: 1
} }
uni.request({ uni.request({
url:getApp().globalData.baseUrl + '/address/update', url: getApp().globalData.baseUrl + '/address/update',
method:"POST", method: "POST",
header:{ header: {
'Blade-Auth': 'bearer ' + uni.getStorageSync('token') 'Blade-Auth': 'bearer ' + uni.getStorageSync('token')
}, },
data:JSON.stringify(params), data: JSON.stringify(params),
success:res =>{ success: res => {
console.log(res) console.log(res)
if(res.data.code == 200){ if (res.data.code == 200) {
uni.showToast({ uni.showToast({
title: '默认地址设置成功', title: '默认地址设置成功',
icon: 'none' icon: 'none'
@ -380,7 +384,7 @@
this.hasMore = true; this.hasMore = true;
this.current = 0; this.current = 0;
this.loadMore() this.loadMore()
}else{ } else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'none' icon: 'none'
@ -388,33 +392,37 @@
} }
} }
}) })
}else if(res.cancel){ } else if (res.cancel) {
} }
} }
}) })
}, },
// 跳转到提交订单页面 // 跳转到提交订单页面
turnToOrder(item){ turnToOrder(item) {
if(this.pageFrom == 1){ if (this.pageFrom == 1) {
var pages = getCurrentPages(); // 获取页面栈 var pages = getCurrentPages(); // 获取页面栈
var currPage = pages[pages.length - 1]; // 当前页面 var currPage = pages[pages.length - 1]; // 当前页面
var prevPage = pages[pages.length - 2]; // 上一个页面 var prevPage = pages[pages.length - 2]; // 上一个页面
console.log(pages) console.log(pages)
console.log(prevPage) console.log(prevPage)
if(prevPage.__route__ == 'pages/pages_zhentou/order/confirmOrder'){ if (prevPage.route == 'pages/pages_zhentou/order/confirmOrder') {
prevPage.__data__.changeAddress(item); uni.setStorageSync('address', JSON.stringify(item))
uni.navigateBack() uni.navigateBack();
} }
} }
}, },
// 取消新增 // 取消新增
closePop(){ closePop() {
this.$refs.popup.close(); this.$refs.popup.close();
}, },
// 获取地区数据 // 获取地区数据
getData() { getData() {
this.locationArr = [[],[],[]] this.locationArr = [
[],
[],
[]
]
this.allCityData.map(item => { this.allCityData.map(item => {
this.locationArr[0].push(item.province); this.locationArr[0].push(item.province);
}) })
@ -474,7 +482,7 @@
} }
}, },
// 添加地址 // 添加地址
handleAdd(){ handleAdd() {
this.isEdit = false; this.isEdit = false;
this.title = '新增地址' this.title = '新增地址'
this.buyUser = ''; this.buyUser = '';
@ -484,51 +492,52 @@
this.city = ''; this.city = '';
this.district = ''; this.district = '';
this.getData(); this.getData();
this.multiIndex = [0,0,0] this.multiIndex = [0, 0, 0]
this.$refs.popup.open('bottom') this.$refs.popup.open('bottom')
}, },
// 定位 // 定位
handlePosition(){ handlePosition() {
uni.getLocation({ uni.getLocation({
type:" wgs84", type: " wgs84",
isHighAccuracy:true, isHighAccuracy: true,
success: (res) => { success: (res) => {
console.log('当前位置的经度：' + res.longitude); console.log('当前位置的经度：' + res.longitude);
console.log('当前位置的纬度：' + res.latitude); console.log('当前位置的纬度：' + res.latitude);
uni.request({ uni.request({
url:`https://restapi.amap.com/v3/geocode/regeo?location=${res.longitude},${res.latitude}&key=b8e2796701c731e4a97f4d0bc4e51385&radius=1000&extensions=all`, url: `https://restapi.amap.com/v3/geocode/regeo?location=${res.longitude},${res.latitude}&key=b8e2796701c731e4a97f4d0bc4e51385&radius=1000&extensions=all`,
method:"get", method: "get",
success: res => { success: res => {
console.log(res.data) console.log(res.data)
this.province = res.data.regeocode.addressComponent.province; this.province = res.data.regeocode.addressComponent.province;
this.city = res.data.regeocode.addressComponent.city; this.city = res.data.regeocode.addressComponent.city;
this.district = res.data.regeocode.addressComponent.district; this.district = res.data.regeocode.addressComponent.district;
console.log(this.province) console.log(this.province)
this.allCityData.map(item1 =>{ this.allCityData.map(item1 => {
if(item1.province == this.province){ if (item1.province == this.province) {
item1.citys.map(item2 =>{ item1.citys.map(item2 => {
this.locationArr[1].push(item2.city) this.locationArr[1].push(item2.city)
if(item2.city == this.city){ if (item2.city == this.city) {
item2.areas.map(item3 =>{ item2.areas.map(item3 => {
this.locationArr[2].push(item3.area) this.locationArr[2]
.push(item3.area)
}) })
} }
}) })
} }
}) })
console.log(this.locationArr) console.log(this.locationArr)
this.locationArr[0].map((item,index) =>{ this.locationArr[0].map((item, index) => {
if(item == this.province){ if (item == this.province) {
this.multiIndex[0] = index this.multiIndex[0] = index
} }
}); });
this.locationArr[1].map((item,index) =>{ this.locationArr[1].map((item, index) => {
if(item == this.city){ if (item == this.city) {
this.multiIndex[1] = index this.multiIndex[1] = index
} }
}); });
this.locationArr[2].map((item,index) =>{ this.locationArr[2].map((item, index) => {
if(item == this.district){ if (item == this.district) {
this.multiIndex[2] = index this.multiIndex[2] = index
} }
}) })
@ -544,10 +553,11 @@
this.current = this.current + 1; this.current = this.current + 1;
this.staus = 'loading'; this.staus = 'loading';
uni.request({ uni.request({
url: getApp().globalData.baseUrl + '/address/list?id=' + this.userInfo.id + '&current=' + this url: getApp().globalData.baseUrl + '/address/list?id=' + this.userInfo.id + '&current=' +
this
.current + '&size=' + this.size, .current + '&size=' + this.size,
method: 'GET', method: 'GET',
header:{ header: {
'Blade-Auth': 'bearer ' + uni.getStorageSync('token') 'Blade-Auth': 'bearer ' + uni.getStorageSync('token')
}, },
success: (res) => { success: (res) => {
@ -594,15 +604,17 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.bottom_item{ .bottom_item {
width: 100%; width: 100%;
height: 25%; height: 25%;
display: flex; display: flex;
align-items: center; align-items: center;
.no_checked_box{
.no_checked_box {
width: 100%; width: 100%;
display: flex; display: flex;
.no_checked{
.no_checked {
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
background: #FFFFFF; background: #FFFFFF;
@ -613,10 +625,11 @@
} }
.check_box{ .check_box {
width: 100%; width: 100%;
display: flex; display: flex;
.checked{
.checked {
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
background: #FFFFFF; background: #FFFFFF;
@ -627,7 +640,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.item{ .item {
width: 16rpx; width: 16rpx;
height: 16rpx; height: 16rpx;
background: #D73232; background: #D73232;
@ -638,36 +651,39 @@
.default_txt{ .default_txt {
font-size: 22rpx; font-size: 22rpx;
color: #D73232; color: #D73232;
} }
.no_default{
.no_default {
color: #B8B8B8; color: #B8B8B8;
font-size: 22rpx; font-size: 22rpx;
} }
} }
.top_box{ .top_box {
width: 100%; width: 100%;
height: 75%; height: 75%;
display: flex; display: flex;
.top_item{
.top_item {
width: 85%; width: 85%;
margin-left: 30rpx; margin-left: 30rpx;
.top{
.top {
margin-top: 30rpx; margin-top: 30rpx;
display: flex; display: flex;
height: 40rpx; height: 40rpx;
align-items: flex-end; align-items: flex-end;
.name_txt{ .name_txt {
font-size: 28rpx; font-size: 28rpx;
color: #333; color: #333;
font-weight: bold; font-weight: bold;
} }
.phone_txt{ .phone_txt {
font-size: 22rpx; font-size: 22rpx;
color: #999; color: #999;
margin-left: 20rpx; margin-left: 20rpx;
@ -684,17 +700,18 @@
} }
} }
} }
.edit_box{
.edit_box {
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
.img_box{ .img_box {
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
} }
.img{ .img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
@ -702,7 +719,8 @@
} }
} }
.btn_box{
.btn_box {
width: 100%; width: 100%;
height: 150rpx; height: 150rpx;
background: #FFFFFF; background: #FFFFFF;
@ -711,7 +729,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
.btn{ .btn {
width: 690rpx; width: 690rpx;
height: 78rpx; height: 78rpx;
background: #D73232; background: #D73232;
@ -724,26 +742,29 @@
margin-top: 30rpx; margin-top: 30rpx;
} }
} }
.pop_box{
.pop_box {
width: 100%; width: 100%;
/deep/ .uni-popup{
/deep/ .uni-popup {
width: 100%; width: 100%;
} }
.popup-content{
.popup-content {
width: 100%; width: 100%;
background: #fff; background: #fff;
padding-top: 40rpx; padding-top: 40rpx;
border-radius: 30rpx 30rpx 0rpx 0rpx; border-radius: 30rpx 30rpx 0rpx 0rpx;
.title_box{ .title_box {
width:100%; width: 100%;
height: 50rpx; height: 50rpx;
display: flex; display: flex;
align-items: center; align-items: center;
// justify-content: space-between; // justify-content: space-between;
.tit_txt{ .tit_txt {
width: 90%; width: 90%;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
@ -751,29 +772,30 @@
color: #000; color: #000;
} }
.image_box{ .image_box {
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
.img{ .img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
} }
.content_box{ .content_box {
width: 100%; width: 100%;
margin-top: 20rpx; margin-top: 20rpx;
.content_item{
.content_item {
width: 100%; width: 100%;
padding: 30rpx 0; padding: 30rpx 0;
display: flex; display: flex;
align-items: center; align-items: center;
border: 1rpx solid #F2F2F2; border: 1rpx solid #F2F2F2;
.left_item{ .left_item {
width:140rpx; width: 140rpx;
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -783,7 +805,7 @@
} }
.right_item{ .right_item {
width: 406rpx; width: 406rpx;
height: 100%; height: 100%;
display: flex; display: flex;
@ -792,26 +814,26 @@
font-size: 26rpx; font-size: 26rpx;
color: #333; color: #333;
.picker_box{ .picker_box {
padding-left: 20rpx; padding-left: 20rpx;
} }
/deep/.uni-easyinput__content{ /deep/.uni-easyinput__content {
// padding-left: 30rpx; // padding-left: 30rpx;
.uni-easyinput__content-textarea{ .uni-easyinput__content-textarea {
min-height: 40rpx !important; min-height: 40rpx !important;
padding-left: 20rpx; padding-left: 20rpx;
} }
} }
} }
.right_icon{ .right_icon {
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
margin-left: 66rpx; margin-left: 66rpx;
image{ image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
@ -819,7 +841,7 @@
} }
} }
.button_box{ .button_box {
width: 100%; width: 100%;
height: 120rpx; height: 120rpx;
display: flex; display: flex;
@ -827,7 +849,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.btn{ .btn {
width: 320rpx; width: 320rpx;
height: 78rpx; height: 78rpx;
background: #FFFFFF; background: #FFFFFF;
@ -839,7 +861,7 @@
font-size: 26rpx; font-size: 26rpx;
color: #D73232; color: #D73232;
&:last-child{ &:last-child {
background: #D73232; background: #D73232;
margin-left: 50rpx; margin-left: 50rpx;
color: #FFFFFF; color: #FFFFFF;

Write Preview
Loading…
Cancel
Save