Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Sign in / Register
Toggle navigation
U
uni-pdtravel
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
panyongping
uni-pdtravel
Commits
07f93fe6
Commit
07f93fe6
authored
Jun 18, 2024
by
潘永坪
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
影集开发
parent
3abdc84e
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
275 additions
and
4 deletions
+275
-4
pages.json
pages.json
+7
-0
albumOrder.vue
pages/album/albumOrder/albumOrder.vue
+160
-4
addressManage.vue
pages/my/addressManage/addressManage.vue
+108
-0
No files found.
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
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment