dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

9.24

Browse Source
This commit is contained in:
cun-nan 2024-09-24 15:50:38 +08:00
parent 50426fa947
commit 507bc794c5
2 changed files with 65 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
gasStation-uni/pagesHome/Address/Address.vue
View File

@ -7,24 +7,35 @@
<view class="my-icons"></view>
</view>
<!-- 顶部区域 -->
<view class="box-xianze" v-for="(item,index) in dataList" :key="index">
<view class="box-left" @click="choose(item)">
<view class="box-xianze" v-for="(item,index) in 3" :key="index">
<view class="" @click="choose(item)">
<view style="display: flex;align-items: center;margin-bottom: 5px;">
<view v-if="item.ifDefault == 1" class="tapl">默认</view>
<view class="">{{item.address}}</view>
</view>
<view style="display: flex;align-items: center; font-size: 14px; color: #666666;">
<view class=""> {{item.name}}</view>
<view class=""> {{item.mobile}}</view>
<view class="">{{item.address || '小王'}}</view>
<view style="margin: 0 10px;"> {{item.name || '先生'}}</view>
<view class=""> {{item.mobile || '15426886361'}}</view>
</view>
</view>
<view class="box-right" @click="goedit(item)">
<u-icon name="edit-pen-fill" size="22"></u-icon>
<view class="box-xia">
<view class="box-left">
<u-checkbox v-model="checked" shape="circle" label="默认信息"></u-checkbox>
</view>
<view class="box-right">
<view style="display: flex;" @click="goedit(item)">
<u-icon name="edit-pen-fill" size="12"></u-icon>
<view style="margin-left: 5px;">编辑</view>
</view>
<view style="display: flex;">
<u-icon name="trash" size="12"></u-icon>
<view style="margin-left: 5px;">删除</view>
</view>
</view>
</view>
</view>
<view class="bottom-anniu" @click="goedit()">
<view class="">新增收货地址</view>
<view class="">新增预留信息</view>
</view>
</view>
@ -40,7 +51,7 @@
return {
title: '',
dataList: '',
checked: false,
}
},
onShow() {
@ -122,18 +133,18 @@
.bottom-anniu {
width: 90%;
height: 50px;
height: 40px;
display: flex;
align-items: center;
background: #1678ff;
background: #FF9655;
color: white;
justify-content: center;
position: fixed;
bottom: 15px;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
border-radius: 8px;
border-radius: 50px;
}
@ -143,20 +154,17 @@
margin: 10px auto;
padding: 10px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
.box-left {
width: 85%;
}
.box-left {}
.box-right {
width: 15px;
width: 30%;
display: flex;
align-items: center;
justify-content: center;
justify-content: space-between;
font-size: 14px;
color: #333333;
}
.tapl {
@ -170,4 +178,10 @@
border: 1px solid #1678ff;
font-size: 14px;
}
.box-xia {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
</style>

46
gasStation-uni/pagesHome/editress/editress.vue
View File

@ -3,34 +3,40 @@
<view class="container">
<view class="my-header">
<view class="my-icons" @click="goback"> <uni-icons type="left" size="16"></uni-icons> </view>
<view class="my-text">收获信息</view>
<view class="my-text">编辑预留信息</view>
<view class="my-icons"></view>
</view>
<view class="box-gang">
<view class="g-name">联系人</view>
<input type="text" placeholder="请填写收货人" v-model='dataForm.name' />
<view class="g-name">姓名</view>
<input type="text" placeholder="请输入联系人姓名" style="text-align: right;" v-model='dataForm.name' />
</view>
<view class="box-gang">
<view class="g-name">手机号</view>
<input type="text" placeholder="请填写手机号" v-model='dataForm.mobile' />
<view class="g-name">性别</view>
<view >
<u-radio-group v-model="dataForm.sex" >
<u-radio label="0">先生</u-radio>
<u-radio label="1">女士</u-radio>
</u-radio-group>
</view>
</view>
<view class="box-gang">
<view class="g-name">电话</view>
<input type="text" placeholder="请输入联系人手机号码" style="text-align: right;" v-model='dataForm.mobile' />
</view>
<!-- <view class="box-gang">
<view class="g-name">所在地区</view>
<input type="text" placeholder="请填写所在地区" v-model='dataForm.address' />
</view>
<view class="box-gang">
<view class="g-name">详细地区</view>
<input type="text" placeholder="请填写详细地区" v-model='dataForm.fullAddress' />
</view>
<view class="box-gang-bt">
<view class="g-name">默认地址</view>
<u-switch v-model="value" @change="change"></u-switch>
</view>
</view> -->
<!-- 顶部区域 -->
<view class="bottom-anniu" @click="goedit()">
<view class="">提交</view>
<view class="">保存</view>
</view>
</view>
</view>
@ -132,7 +138,7 @@
width: 100%;
height: 100vh;
box-sizing: border-box;
padding-top: 88px;
padding-top: 89px;
}
.my-header {
@ -164,7 +170,7 @@
display: flex;
align-items: center;
border-bottom: 1px solid #f4f5f6;
justify-content: space-between;
}
.g-name {
@ -189,16 +195,18 @@
}
.bottom-anniu {
width: 90%;
height: 50px;
width: 84%;
height: 40px;
display: flex;
align-items: center;
background: #1678ff;
background: #FF9655;
color: white;
justify-content: center;
bottom: 15px;
margin: 20px auto;
border-radius: 8px;
position: fixed;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
border-radius: 50px;
}
</style>