Skip to content

U
uni-pdtravel
Commit 07f93fe6 authored by 潘永坪's avatar 潘永坪
Browse files
Options

影集开发

parent 3abdc84e
Hide whitespace changes
Inline Side-by-side
Showing with 275 additions and 4 deletions
pages.json
View file @ 07f93fe6
......@@ -262,6 +262,13 @@
"enablePullDownRefresh": false
}
},
{
"path" : "addressManage/addressManage",
"style" :
{
"navigationBarTitleText" : "地址管理"
}
}
]
},
......
pages/album/albumOrder/albumOrder.vue
View file @ 07f93fe6
......@@ -27,7 +27,7 @@
</view>
</view>
<view class="top-three">
<view class="top-three" @click="productPop=true">
<view class="top-three-first">
<u-icon name="plus-circle-fill" color="#FC6703" size='40'></u-icon>
</view>
......@@ -88,16 +88,123 @@
提交订单
</text>
</view>
<!-- 产品弹窗 -->
<u-popup :show="productPop" :round="20" @close="productPop=false" closeable>
<view class="son-wrap">
<view class="product-head">
修改收货地址
</view>
<view style="flex: 1;overflow-y: scroll;">
<view class="top">
<view class='top-one'>
<view class="top-one-first">
<u-icon name="map-fill" color="#FC6703" size='40'></u-icon>
</view>
<view class="top-one-two">
取件地址
</view>
<view class="top-one-last">
现场取件
<u-icon name="arrow-right" color="#666666"></u-icon>
</view>
</view>
<view class="top-two">
<view class="top-two-first">
</view>
<view class="top-two-last">
<view>重庆市渝中区长江索道南站观景台旁</view>
<view>15808046328</view>
</view>
</view>
</view>
<view class="middle">
<view class="middle-list" v-for="(item,index) in 3" :key='index'>
<view class="list-title">
云相册
</view>
<view class="product-list" v-for="(item,a) in 2" :key='a'>
<view class="product-left">
<image src="../static/album/custom.png"></image>
</view>
<view class="product-right">
<view class="product-number">
<text>
单张照片
</text>
<text>
x1
</text>
</view>
<view class="product-price">
<text style="font-size: 32rpx;">¥</text>
20
</view>
<view class="product-btnWrap">
<text>下载/打印</text>
<text class="product-btn" @click="addressPop=true">修改地址</text>
</view>
</view>
</view>
</view>
</view>
<view class="bottom">
<text class="pop-btn">
提交订单
</text>
</view>
</view>
</view>
</u-popup>
<!-- 地址弹窗 -->
<u-popup :show="addressPop" :round="20" @close="addressPop=false" closeable>
<view class="son-wrap">
<view class="address-head">
<text v-for="(item,index) in addressTabList" :key="index" :class="{on:active==index}" @click="tabChange(index)">
{{item}}
</text>
</view>
<view style="flex: 1;overflow-y: scroll;">
<!-- 现场取件 -->
<view>
</view>
<!-- 邮寄到家 -->
<view>
</view>
</view>
</view>
</u-popup>
</view>
</template>
<script>
export default {
data() {
return{
productPop:false,//产品弹窗
addressPop:false,//地址弹窗
addressTabList:['现场取件','邮寄到家'],//导航栏标题列表
active:0,//导航栏下标
}
},
methods: {
//地址导航栏变化
tabChange(index){
this.active=index
}
}
}
</script>
......@@ -226,5 +333,54 @@ export default {
font-size: 32rpx;
line-height: 80rpx;
}
// 产品弹窗
.product-head{
text-align: center;
font-size: 32rpx;
font-weight: bold;
padding: 30rpx;
background: #f1f1f1;
border-radius: 20rpx 20rpx 0 0;
}
.son-wrap{
height:80vh;
display: flex;
flex-direction:column;
}
.pop-btn{
display: inline-block;
width: 100%;
text-align: center;
height: 88rpx;
line-height: 88rpx;
background: $red;
font-size: 32rpx;
border-radius: 44rpx;
color: #ffffff;
}
.product-btnWrap{
display: flex;
justify-content: space-between;
}
.product-btn{
display: inline-block;
width: 136rpx;
text-align: center;
height: 52rpx;
line-height: 50rpx;
border: 1px solid #eeeeee;
border-radius: 26rpx;
font-size: 24rpx;
}
// 修改地址弹窗
.address-head{
font-size: 32rpx;
font-weight: bold;
padding: 30rpx 40rpx;
background: #f1f1f1;
border-radius: 20rpx 20rpx 0 0;
text:last-child{
margin-left: 80rpx;
}
}
</style>
\ No newline at end of file
pages/my/addressManage/addressManage.vue 0 → 100644
View file @ 07f93fe6
<template>
<view>
<view class="top">
<view class="top-list">
<view class="list-left">
收件人
<text>*</text>
</view>
<input placeholder="收件人姓名" placeholder-class="plaClass" />
</view>
<view class="top-list">
<view class="list-left">
手机号
<text>*</text>
</view>
<input placeholder="手机号" placeholder-class="plaClass" />
</view>
<view class="top-list">
<view class="list-left">
所在地区
<text>*</text>
</view>
<input placeholder="所在地区" placeholder-class="plaClass" />
</view>
<view class="top-list">
<view class="list-left">
详细地址
<text>*</text>
</view>
<input placeholder="详细地址" placeholder-class="plaClass" />
</view>
<view class="top-list">
<view class="list-left">
设为默认地址
</view>
<u-switch v-model="defaultDddress" size='50' activeColor='#FC6703'></u-switch>
</view>
</view>
<view class="bottom">
<text>保存</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
defaultDddress:false
}
},
methods: {
}
}
</script>
<style scoped lang="scss">
.top{
background: #ffffff;
margin-top: 20rpx;
}
.top-list{
padding: 30rpx 40rpx;
border-bottom:1px solid #eaeaea;
display: flex;
align-items: center;
justify-content: space-between;
input{
text-align: right;
flex: 1;
}
}
.list-left{
font-weight: bold;
text{
color: #ff0000;
}
}
.bottom{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 128rpx;
z-index: 1;
background: #ffffff;
display: flex;
align-items: center;
padding: 0 40rpx;
text{
display: inline-block;
width: 100%;
text-align: center;
height: 88rpx;
line-height: 88rpx;
background:$red;
color: #ffffff;
font-size: 32rpx;
border-radius:44rpx;
}
}
// 设置了scoped必须加上/deep/才有效
/deep/ .plaClass{
text-align: right;
}
</style>
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 to comment