Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
U
user
Overview
Overview
Details
Activity
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
hooloo
mp
user
Commits
778a9a79
Commit
778a9a79
authored
Jun 30, 2022
by
songbingqi
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改页面样式效果
parent
a8f2f486
Hide whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
132 additions
and
111 deletions
+132
-111
components/menuAssembly/index.vue
+21
-21
components/tabBar/tabBar.vue
+1
-1
menuSubPackage/pages/areaSelect/areaSelect.vue
+19
-10
menuSubPackage/pages/goodsDetail/goodsDetail.vue
+16
-13
mineSubPackage/pages/msg/index.vue
+15
-14
orderSubPackage/pages/orderInfo/index.vue
+1
-1
orderSubPackage/pages/settlement/index.vue
+14
-13
pages/menu/menu.vue
+5
-4
pages/mine/mine.vue
+37
-31
pages/order/order.vue
+3
-3
No files found.
components/menuAssembly/index.vue
View file @
778a9a79
<
template
>
<view
class=
"page-body"
>
<scroll-view
class=
"nav-left"
:style=
"[heightStyle]"
:class=
"[shopCarFlag?'shopCarcss':'' ]"
scroll-y
:scroll-top=
"scrollLeftTop"
scroll-with-animation
>
<view
class=
"nav-left-item"
v-for=
"item in classifyData"
@
click=
"categoryClickMain(item.id)"
:key=
"item.id"
<view
class=
"nav-left-item"
v-for=
"item in classifyData"
@
click=
"categoryClickMain(item.id)"
:key=
"item.id"
:class=
"item.id == categoryId ? 'active' : ''"
>
<span>
{{
item
.
name
}}
</span>
<
view
:class=
"item.id == categoryId ? 'active-line' : ''"
></view
>
<
!--
<view
:class=
"item.id == categoryId ? 'active-line' : ''"
></view>
--
>
</view>
</scroll-view>
<scroll-view
class=
"nav-right"
:style=
"[heightStyle]"
:class=
"[shopCarFlag?'shopCarcss':'' ]"
scroll-y
:scroll-top=
"scrollTop"
@
scroll=
"scroll"
@
touchstart=
"openScroll"
...
...
@@ -390,7 +390,7 @@ export default {
.nav-left
{
box-sizing
:
border-box
;
width
:
16
0
rpx
;
width
:
16
4
rpx
;
background
:
#fff
;
border-right
:
2
rpx
solid
#F0F0F0
;
height
:
calc
(
100vh
-
var
(
--scroll-height
));
...
...
@@ -400,7 +400,7 @@ export default {
.nav-left-item
{
position
:
relative
;
height
:
14
3
rpx
;
height
:
14
5
rpx
;
font-size
:
24
rpx
;
font-weight
:
400
;
color
:
#666666
;
...
...
@@ -447,7 +447,7 @@ export default {
padding-left
:
31
rpx
;
margin-bottom
:
30
rpx
;
height
:
40
rpx
;
font-size
:
28
rpx
;
font-size
:
32
rpx
;
font-weight
:
600
;
color
:
#333333
;
line-height
:
40
rpx
;
...
...
@@ -456,7 +456,7 @@ export default {
.nav-right-item
{
display
:
flex
;
align-items
:
center
;
padding
:
0
rpx
32
rpx
0
rpx
3
2
rpx
;
padding
:
0
rpx
32
rpx
0
rpx
3
1.37
rpx
;
margin-bottom
:
70
rpx
;
background
:
#fff
;
position
:
relative
;
...
...
@@ -488,21 +488,21 @@ export default {
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-size
:
28
rpx
;
height
:
40
rpx
;
line-height
:
40
rpx
;
font-weight
:
500
;
color
:
#333333
;
}
.tags
{
height
:
28
rpx
;
margin-top
:
7.91
rpx
;
.tag-item
{
margin-top
:
8.9
rpx
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
height
:
28
rpx
;
background-color
:
#F0F0F0
;
margin-right
:
16
rpx
;
padding
:
0
rpx
8
rpx
;
font-size
:
20
rpx
;
color
:
#999999
;
line-height
:
28
rpx
;
vertical-align
:
top
;
display
:
inline-block
;
}
}
...
...
@@ -512,29 +512,29 @@ export default {
font-size
:
20
rpx
;
font-weight
:
400
;
color
:
#666666
;
line-height
:
40
rpx
;
margin-top
:
13
rpx
;
margin-top
:
13.46
rpx
;
height
:
22
rpx
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
.desc
{
flex
:
1
;
height
:
22
rpx
;
vertical-align
:
top
;
line-height
:
26
rpx
;
}
}
.mon
{
height
:
40
rpx
;
height
:
38
rpx
;
display
:
flex
;
justify-content
:
space-between
;
align-items
:
center
;
margin-top
:
22
rpx
;
margin-top
:
22
.64
rpx
;
.discount
{
font-family
:
Futura-Medium
,
Futura
;
height
:
40
rpx
;
height
:
38
rpx
;
font-size
:
28
rpx
;
color
:
#333333
;
line-height
:
40
rpx
;
line-height
:
54
rpx
;
margin-right
:
4.2
rpx
;
font-weight
:
500
;
...
...
@@ -545,11 +545,11 @@ export default {
.price
{
flex
:
1
;
height
:
40
rpx
;
height
:
38
rpx
;
font-size
:
20
rpx
;
color
:
#999999
;
font-family
:
Futura-Medium
,
Futura
;
line-height
:
48
rpx
;
line-height
:
60
rpx
;
.num
{
text-decoration
:
line-through
;
...
...
@@ -563,7 +563,7 @@ export default {
}
.addbox
{
line-height
:
26
rpx
;
margin-top
:
20
rpx
;
.add{
width
:
40
rpx
;
height
:
40
rpx
;
...
...
@@ -595,10 +595,10 @@ export default {
box-shadow
:
0px
4px
8px
0px
rgba
(
102
,
102
,
102
,
0.1
);
font-weight
:
500
;
color
:
#333333
;
width
:
164
rpx
;
background
:
#FFFFFF
;
font-size
:
24
rpx
;
background
:
#fff
;
border-right
:
4
rpx
solid
#0050F6
;
}
.active-line
{
...
...
components/tabBar/tabBar.vue
View file @
778a9a79
...
...
@@ -96,7 +96,7 @@
}
.item-text
{
margin-top
:
1
2
rpx
;
margin-top
:
1
4
rpx
;
color
:
#999999
;
font-size
:
20
rpx
;
}
...
...
menuSubPackage/pages/areaSelect/areaSelect.vue
View file @
778a9a79
...
...
@@ -12,7 +12,7 @@
</view>
<div
v-for=
"item in list"
:key=
"item.id"
@
click=
"selectedShop(item)"
class=
"shop_item"
>
<div
class=
"header"
>
<
h3>
{{
item
.
name
}}
</h3
>
<
view
class=
"name"
>
{{
item
.
name
}}
</view
>
<view
class=
"adressBox"
>
<view>
<u-icon
class=
"map"
name=
"map"
color=
"#999999"
size=
"14"
></u-icon>
...
...
@@ -30,7 +30,7 @@
<div
class=
"dec"
>
<view
:style=
"
{'height':'34rpx'}" v-show="item.distance
&&
item.distance!=-1">
</view>
<view
class=
"goshop"
>
去品尝
</view>
<view
:style=
"
{'height':'3
4
rpx'}" class="distance" v-show="item.distance
&&
item.distance!=-1">距离
{{
item
.
distance
}}
</view>
<view
:style=
"
{'height':'3
0
rpx'}" class="distance" v-show="item.distance
&&
item.distance!=-1">距离
{{
item
.
distance
}}
</view>
</div>
</div>
</view>
...
...
@@ -84,7 +84,7 @@ export default {
line-height
:
36
rpx
;
}
.icon
{
width
:
22
rpx
;
width
:
16
rpx
;
margin-left
:
16
rpx
;
height
:
24
rpx
;
display
:
flex
;
...
...
@@ -95,7 +95,7 @@ export default {
width
:
90%
;
background
:
#FFFFFF
;
border
:
1px
solid
#003AE9
;
padding
:
4
0
rpx
30
rpx
40
rpx
32
rpx
;
padding
:
4
4
rpx
30
rpx
44
rpx
32
rpx
;
box-sizing
:
border-box
;
margin
:
30
rpx
auto
;
display
:
flex
;
...
...
@@ -104,15 +104,20 @@ export default {
.header
{
margin-right
:
30
rpx
;
h3
{
font-size
:
28
rpx
;
//
border-right
:
2
rpx
solid
red
;
.name
{
font-size
:
28
rpx
;
height
:
42
rpx
;
line-height
:
40
rpx
;
width
:
348
rpx
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
color
:
#333333
;
}
.adressBox
{
width
:
348
rpx
;
margin-top
:
1
4
rpx
;
margin-top
:
1
6
rpx
;
display
:
flex
;
justify-content
:
flex-start
;
.address{
...
...
@@ -121,10 +126,11 @@ export default {
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
#999999
;
margin-top
:
-5
rpx
;
}
}
.timeBox
{
margin-top
:
1
1
rpx
;
margin-top
:
1
6
rpx
;
display
:
flex
;
align-items
:
center
;
justify-content
:
flex-start
;
...
...
@@ -133,12 +139,14 @@ export default {
font-size
:
24
rpx
;
font-family
:
ArialMT
;
color
:
#999999
;
margin-top
:
-2
rpx
;
}
}
}
.line
{
height
:
146
rpx
;
border
:
1
rpx
solid
#979797
;
width
:
2
rpx
;
border
:
1
rpx
solid
#ECECEC
;
}
.dec
{
margin-left
:
43
rpx
;
...
...
@@ -146,6 +154,7 @@ export default {
flex-direction
:
column
;
height
:
146
rpx
;
justify-content
:
space-around
;
border-radius
:
2px
;
view{
vertical-align
:
baseline
;
}
...
...
@@ -168,7 +177,7 @@ export default {
font-weight
:
400
;
color
:
#999999
;
text-align
:
center
;
line-height
:
5
0
rpx
;
line-height
:
4
0
rpx
;
}
}
...
...
menuSubPackage/pages/goodsDetail/goodsDetail.vue
View file @
778a9a79
...
...
@@ -28,7 +28,7 @@
<button
class=
"good-spec-rule-item"
:disabled=
"UseIt(specItemRule.ruleId)"
@
click=
"selectRoles(specItemRule, specItem)"
:class=
"
{ active: isActvie(specItemRule) }">
<view>
{{
specItemRule
.
ruleName
}}
</view>
{{
specItemRule
.
ruleName
}}
</button>
</div>
</view>
...
...
@@ -52,7 +52,7 @@
<view
class=
"good-select good-select-height"
:style=
"
{'padding-bottom':BottomSafeHeight+'px'}">
<view
class=
"good-select-price"
>
<div
class=
"price"
>
<view
class=
"good-select-price-normal"
>
¥
{{
Utils
.
isInteger
(
priceTotal
.
discount
)
}}
</view>
<view
class=
"good-select-price-normal"
>
<text
class=
"moneyLog"
>
¥
</text>
{{
Utils
.
isInteger
(
priceTotal
.
discount
)
}}
</view>
<view
class=
"good-select-price-small"
v-show=
"priceTotal.price!=priceTotal.discount"
>
¥
{{
Utils
.
isInteger
(
priceTotal
.
price
)
}}
</view>
</div>
<div
v-if=
"!size > 0"
style=
"color: orangered"
>
已售罄
</div>
...
...
@@ -414,12 +414,12 @@ export default {
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
#333333
;
line-height
:
4
4
rpx
;
line-height
:
4
0
rpx
;
margin-top
:
24
rpx
;
}
.good-spec-name
{
margin-top
:
28.98
rpx
;
margin-top
:
51
rpx
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
color
:
#999999
;
font-weight
:
400
;
...
...
@@ -432,7 +432,7 @@ export default {
display
:
flex
;
flex-direction
:
row
;
justify-content
:
flex-start
;
margin-top
:
26
rpx
;
margin-top
:
26
.02
rpx
;
flex-wrap
:
wrap
;
border-radius
:
0
rpx
;
...
...
@@ -446,7 +446,7 @@ export default {
.default
{
width
:
45
rpx
;
height
:
3
8
rpx
;
height
:
4
8
rpx
;
background
:
url('@/static/imgs/tuijian.png')
center
center
no-repeat
;
background-size
:
100%
;
position
:
absolute
;
...
...
@@ -461,7 +461,7 @@ export default {
}
.good-spec-rule-item
{
padding
:
0
rpx
20
rpx
;
padding
:
7
rpx
48
rpx
;
width
:
100%
;
height
:
100%
;
font-size
:
24
rpx
;
...
...
@@ -471,17 +471,16 @@ export default {
display
:
inline-block
;
margin
:
0
;
margin
:
0
;
line-height
:
5
0
rpx
;
line-height
:
4
0
rpx
;
border-radius
:
0
rpx
;
border
:
none
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
background
:
#EAEAEA
;
&.active
{
font-weight
:
400
;
padding
:
0
rpx
20
rpx
;
padding
:
7
rpx
48
rpx
6
rpx
48
rpx
;
background
:
#0050F6
;
color
:
#
fff
;
color
:
#
FFFFFF
;
border-radius
:
0
rpx
;
border
:
0
rpx
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
...
...
@@ -509,7 +508,7 @@ button[disabled]:not([type]) {
font-size
:
28
rpx
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
color
:
#333333
;
padding-top
:
4
2
rpx
!important
;
padding-top
:
3
2
rpx
!important
;
padding-bottom
:
22
rpx
!important
}
...
...
@@ -563,12 +562,16 @@ button[disabled]:not([type]) {
margin-right
:
12
rpx
;
font-weight
:
500
;
line-height
:
38
rpx
;
.moneyLog
{
font-size
:
28
rpx
;
}
}
.good-select-price-small
{
font-size
:
20
rpx
;
text-decoration
:
line-through
;
font-family
:
ArialMT
;
line-height
:
32
rpx
;
color
:
#999999
;
}
}
...
...
@@ -630,7 +633,7 @@ button[disabled]:not([type]) {
background-size
:
100%
100%
;
}
span
{
margin
:
0
26
rpx
;
margin
:
0
2
2
rpx
0
2
6
rpx
;
font-size
:
32
rpx
;
font-family
:
ArialMT
;
color
:
#000000
;
...
...
mineSubPackage/pages/msg/index.vue
View file @
778a9a79
...
...
@@ -101,10 +101,10 @@ export default {
.msg_item
{
width
:
100%
;
height
:
116
rpx
;
background
:
#FFFFFF
;
padding
:
24
rpx
6
2
rpx
;
padding
:
24
rpx
3
2
rpx
;
box-sizing
:
border-box
;
margin-left
:
30
rpx
;
.msg_item_title_time
{
display
:
flex
;
...
...
@@ -115,7 +115,7 @@ export default {
.sign
{
width
:
16
rpx
;
height
:
16
rpx
;
background
:
#00
6ECF
;
background
:
#00
50F6
;
border-radius
:
50%
;
position
:
absolute
;
left
:
-30
rpx
;
...
...
@@ -127,25 +127,26 @@ export default {
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
#000000
;
line-height
:
34
rpx
line-height
:
34
rpx
;
}
.time
{
font-size
:
20
rpx
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
#333333
;
line-height
:
28
rpx
;
font-family
:
ArialMT
;
color
:
#999999
;
line-height
:
22
rpx
;
margin-right
:
32
rpx
;
}
}
.msg_content
{
font-size
:
20
rpx
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
#333333
;
line-height
:
28
rpx
;
width
:
438
rpx
;
font-size
:
20
rpx
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
#666666
;
margin-top
:
8
rpx
;
line-height
:
28
rpx
;
}
...
...
orderSubPackage/pages/orderInfo/index.vue
View file @
778a9a79
...
...
@@ -751,7 +751,7 @@ export default {
align-items
:
center
;
}
.icno-arrow
{
width
:
9
.27
rpx
;
width
:
15
.27
rpx
;
height
:
21.68
rpx
;
}
}
...
...
orderSubPackage/pages/settlement/index.vue
View file @
778a9a79
...
...
@@ -68,7 +68,7 @@
<div
class=
"footer"
:style=
"
{'padding-bottom':BottomSafeHeight+'px'}">
<div
class=
"total"
>
<div
class=
"the_sum"
>
<span
class=
"name"
>
合计
</span>
<span
class=
"name"
>
实付
</span>
<span
class=
"price"
>
¥
{{
Utils
.
isInteger
(
totalPrice
)
}}
</span>
</div>
<!--
<div
class=
"sun"
>
...
...
@@ -283,7 +283,7 @@ export default {
}
.address
{
margin-top
:
1
8
rpx
;
margin-top
:
1
7.81
rpx
;
.address_1
{
...
...
@@ -323,7 +323,8 @@ export default {
.min
{
color
:
#0050F6
;
font-size
:
28
rpx
;
font-size
:
32
rpx
;
font-family
:
Futura-Medium
,
Futura
;
font-weight
:
700
;
margin
:
0
8
rpx
;
display
:
inline-block
;
...
...
@@ -336,7 +337,7 @@ export default {
background
:
#FFFFFF
;
margin
:
0
auto
;
margin-top
:
32
rpx
;
padding
:
26
rpx
3
2
rpx
24
rpx
32
rpx
;
padding
:
26
rpx
3
0
rpx
24
rpx
30
rpx
;
box-sizing
:
border-box
;
...
...
@@ -348,9 +349,9 @@ export default {
}
.goods
{
margin-top
:
24
rpx
;
margin-top
:
24
.95
rpx
;
border-bottom
:
1px
solid
#ECECEC
;
padding-bottom
:
25
rpx
;
padding-bottom
:
32
rpx
;
.goods_item
{
display
:
flex
;
...
...
@@ -361,7 +362,7 @@ export default {
height
:
112
rpx
;
width
:
112
rpx
;
background-color
:
#eee
;
margin-right
:
3
1
rpx
;
margin-right
:
3
2
rpx
;
}
.goods_text
{
...
...
@@ -402,7 +403,7 @@ export default {
}
.goods_psce
{
margin-top
:
18
rpx
;
margin-top
:
20
rpx
;
}
}
}
...
...
@@ -480,7 +481,7 @@ export default {
}
.priceBox
{
display
:
flex
;
align-items
:
flex-end
;
align-items
:
center
;
.paid_in
{
font-size
:
28
rpx
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
...
...
@@ -503,7 +504,7 @@ export default {
.Payment_method
{
width
:
686
rpx
;
margin
:
3
0
rpx
auto
0
;
margin
:
3
2
rpx
auto
0
;
padding
:
26
rpx
30
rpx
;
background
:
#FFFFFF
;
font-size
:
28
rpx
;
...
...
@@ -545,7 +546,7 @@ export default {
.the_sum
{
display
:
flex
;
align-items
:
flex-end
;
align-items
:
center
;
.name
{
font-size
:
28
rpx
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
...
...
@@ -554,12 +555,12 @@ export default {
}
.price
{
margin-left
:
13
rpx
;
margin-left
:
13
.36
rpx
;
font-size
:
36
rpx
;
font-family
:
Futura-Medium
,
Futura
;
font-weight
:
500
;
color
:
#333333
;
line-height
:
40
rpx
;
line-height
:
40
rpx
;
}
}
...
...
pages/menu/menu.vue
View file @
778a9a79
...
...
@@ -2,7 +2,7 @@
<view
class=
"menu-box"
>
<view
class=
"menu-banner"
:style=
"
{'height':buied?'360rpx':'450rpx'}">
<video
autoplay
muted
loop
:controls=
"false"
:enable-progress-gesture=
"false"
objectFit=
'cover'
src=
"http://songclound.oss-cn-hongkong.aliyuncs.com/2022/06/27/71d36be0ed966.mp4"
></video>
<view
class=
"shop-info"
:style=
"'top:
102
rpx'"
>
<view
class=
"shop-info"
:style=
"'top:
86
rpx'"
>
<view
class=
"shop-box"
>
<text
@
click=
"showArea"
class=
"shop-name"
>
{{
shopInfo
.
name
}}
</text>
<image
class=
"arrow-right-select"
:src=
"'../../static/imgs/jiantoubai.png'"
/>
...
...
@@ -18,7 +18,7 @@
<view
class=
"user-name"
v-if=
"userms"
>
HI!
{{
userInfo
.
customerName
||
'我是谁'
}}
</view>
<view
class=
"user-name"
v-else
>
未登录
</view>
<view
class=
"dialog"
>
<view
class=
"content"
v-if=
"userms"
>
如果以后再也见不到你,那就祝你早安
</view>
<view
class=
"content"
v-if=
"userms"
>
希望你今天,明天,天天都开心~
</view>
<view
class=
"content"
v-if=
"!userms"
>
请您尽快登录~
</view>
</view>
</view>
...
...
@@ -333,7 +333,7 @@ export default {
}
.arrow-right-select
{
width
:
9
.27
rpx
;
width
:
15
.27
rpx
;
height
:
21.68
rpx
;
//
border
:
3
rpx
solid
#FFFFFF
}
...
...
@@ -363,6 +363,7 @@ export default {
.login-area
{
display
:
flex
;
width
:
686
rpx
;
height
:
104
rpx
;
padding
:
18.8
rpx
32
rpx
18.8
rpx
34
rpx
;
background
:
#ffffff
;
position
:
absolute
;
...
...
@@ -415,7 +416,7 @@ export default {
}
}
.arrow-right-select
{
width
:
9
.27
rpx
;
width
:
15
.27
rpx
;
height
:
21.68
rpx
;
}
}
...
...
pages/mine/mine.vue
View file @
778a9a79
...
...
@@ -37,36 +37,36 @@
<view
class=
"right_box"
>
<view
class=
"box"
@
click
.
stop=
"goToPage('coupon')"
>
<view
class=
"left"
>
<
h3>
HOOLOO券
</h3
>
<
view
class=
"text"
>
HOOLOO券
</view
>
</view>
<view
class=
"right"
><image
class=
"icon"
src=
"/static/imgs/youhuijuan.png"
></image></view>
</view>
<view
class=
"line"
></view>
<view
class=
"box_two"
@
click=
"goToPage('msg')"
>
<view
class=
"left"
>
<
h3>
我的消息
</h3
>
<
view
class=
"text"
>
我的消息
</view
>
</view>
<view
class=
"right"
><image
class=
"icon"
src=
"/static/imgs/xiaoxi.png"
></image></view>
</view>
</view>
</view>
<view
class=
"contents"
v-if=
"!userms"
:style=
"
{'padding-bottom':'65rpx'}">
<button
class=
"myOrder"
open-type=
"getPhoneNumber"
@
getphonenumber=
"getPhoneNumber"
style=
"line-height:
1.5
; margin-left:0rpx; margin-right:0rpx; padding-left:0rpx; padding-right:0rpx;"
>
<button
class=
"myOrder"
open-type=
"getPhoneNumber"
@
getphonenumber=
"getPhoneNumber"
style=
"line-height:
30rpx
; margin-left:0rpx; margin-right:0rpx; padding-left:0rpx; padding-right:0rpx;"
>
<view
class=
"text"
>
我的订单
</view>
<view><image
class=
"icon"
src=
"/static/imgs/dingdan.png"
></image></view>
</button>
<view
class=
"line"
></view>
<view
class=
"right_box"
>
<button
class=
"box"
open-type=
"getPhoneNumber"
@
getphonenumber=
"getPhoneNumber"
style=
"line-height:
1.5
; margin-left:0rpx; margin-right:0rpx; padding-left:0rpx; padding-right:0rpx;"
>
<button
class=
"box"
open-type=
"getPhoneNumber"
@
getphonenumber=
"getPhoneNumber"
style=
"line-height:
30rpx
; margin-left:0rpx; margin-right:0rpx; padding-left:0rpx; padding-right:0rpx;"
>
<view
class=
"left"
>
<
h3>
HOOLOO券
</h3
>
<
view
class=
"text"
>
HOOLOO券
</view
>
</view>
<view
class=
"right"
><image
class=
"icon"
src=
"/static/imgs/youhuijuan.png"
></image></view>
</button>
<view
class=
"line"
></view>
<button
class=
"box_two"
open-type=
"getPhoneNumber"
@
getphonenumber=
"getPhoneNumber"
style=
"line-height:
1.5
; margin-left:0rpx; margin-right:0rpx; padding-left:0rpx; padding-right:0rpx;"
>
<button
class=
"box_two"
open-type=
"getPhoneNumber"
@
getphonenumber=
"getPhoneNumber"
style=
"line-height:
30rpx
; margin-left:0rpx; margin-right:0rpx; padding-left:0rpx; padding-right:0rpx;"
>
<view
class=
"left"
>
<
h3>
我的消息
</h3
>
<
view
class=
"text"
>
我的消息
</view
>
</view>
<view
class=
"right"
><image
class=
"icon"
src=
"/static/imgs/xiaoxi.png"
></image></view>
</button>
...
...
@@ -153,7 +153,7 @@ button::after {
.menu-banner
{
position
:
relative
;
.video{
height
:
43
7
rpx
;
height
:
43
6
rpx
;
}
.log
{
...
...
@@ -184,7 +184,7 @@ button::after {
.mod11
{
border-radius
:
0
rpx
;
box-sizing
:
border-box
;
padding
:
36
rpx
30
rpx
36
rpx
32
rpx
;
padding
:
28.5
rpx
30
rpx
28.5
rpx
32
rpx
;
width
:
686
rpx
;
height
:
136
rpx
;
background
:
#FFFFFF
;
...
...
@@ -203,7 +203,7 @@ button::after {
align-items
:
center
;
width
:
72
rpx
;
height
:
72
rpx
;
margin-right
:
3
1
rpx
;
margin-right
:
3
2
rpx
;
border-radius
:
4
rpx
;
image
{
width
:
100%
;
...
...
@@ -223,7 +223,6 @@ button::after {
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
#333333
;
margin-top
:
3.5
rpx
;
}
.dialog
{
...
...
@@ -231,15 +230,15 @@ button::after {
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
#666666
;
margin-top
:
8
rpx
;
margin-top
:
7
rpx
;
.content
{
flex
:
1
;
}
}
.arrow-right-select
{
width
:
9
rpx
;
height
:
2
2
rpx
;
width
:
15.27
rpx
;
height
:
2
1.68
rpx
;
}
}
...
...
@@ -263,8 +262,8 @@ button::after {
.contents
{
display
:
flex
;
padding
:
52
rpx
52
rpx
52
rpx
70
rpx
;
margin
:
16
rpx
32
rpx
26
rpx
32
rpx
;
padding
:
52
rpx
64
rpx
52
rpx
70
rpx
;
margin
:
24
rpx
32
rpx
24
rpx
32
rpx
;
align-items
:
center
;
justify-content
:
space-between
;
background
:
#FFFFFF
;
...
...
@@ -295,15 +294,15 @@ button::after {
}
.icon
{
width
:
94
rpx
;
width
:
94
.94
rpx
;
height
:
110
rpx
;
margin
:
0
auto
;
margin-top
:
3
8
rpx
;
margin-top
:
48.9
8
rpx
;
}
}
.line
{
height
:
197
rpx
;
height
:
216
rpx
;
background
:
#E4E4E4
;
border
:
1
rpx
solid
#E4E4E4
;
}
...
...
@@ -325,6 +324,7 @@ button::after {
overflow
:
initial
;
height
:
69
rpx
;
//
background
:
#FF0000
;
line-height
:
30
rpx
;
background
:
#FFFFFF
;
display
:
flex
;
align-items
:
center
;
...
...
@@ -335,7 +335,7 @@ button::after {
text-align
:
center
;
width
:
154
rpx
;
h3
{
.text
{
font-size
:
28
rpx
;
font-family
:
Arial-BoldMT
,
Arial
;
font-weight
:
normal
;
...
...
@@ -352,16 +352,19 @@ button::after {
.right
{
.icon
{
width
:
9
1
rpx
;
height
:
69
rpx
;
width
:
9
3.89
rpx
;
height
:
72.21
rpx
;
}
}
}
.box_two
::after
{
line-height
:
30
rpx
;
}
.line
{
width
:
306
rpx
;
height
:
2
rpx
;
border
:
1
rpx
solid
#E4E4E4
;
margin
:
34
rpx
0
rpx
;
margin
:
3
9.84
rpx
0
rpx
30.8
4
rpx
0
rpx
;
}
.box
{
overflow
:
initial
;
...
...
@@ -379,7 +382,7 @@ button::after {
text-align
:
center
;
width
:
154
rpx
;
h3
{
.text
{
font-size
:
28
rpx
;
font-family
:
Arial-BoldMT
,
Arial
;
font-weight
:
normal
;
...
...
@@ -396,11 +399,14 @@ button::after {
.right
{
.icon
{
width
:
91
rpx
;
height
:
61
rpx
;
width
:
91
.59
rpx
;
height
:
61
.46
rpx
;
}
}
}
.box
::after
{
line-height
:
30
rpx
;
}
}
}
...
...
@@ -408,7 +414,7 @@ button::after {
width
:
686
rpx
;
background
:
#FFFFFF
;
margin
:
0
auto
;
padding
:
2
2
rpx
26
rpx
;
padding
:
2
1
rpx
30
rpx
29
rpx
26
rpx
;
box-sizing
:
border-box
;
.title
{
...
...
@@ -432,7 +438,7 @@ button::after {
.function_item_text
{
flex
:
1
;
margin
:
0
;
margin-left
:
1
6
rpx
;
margin-left
:
1
2
rpx
;
padding
:
10
rpx
;
text-align
:
left
;
line-height
:
1
;
...
...
@@ -450,9 +456,9 @@ button::after {
}
.function_item_icon
{
margin-left
:
auto
;
width
:
1
2
rpx
;
height
:
21
rpx
;
margin-left
:
6
rpx
;
width
:
1
5.27
rpx
;
height
:
21
.68
rpx
;
}
}
}
...
...
pages/order/order.vue
View file @
778a9a79
...
...
@@ -13,7 +13,7 @@
<image
class=
"empty_icon"
src=
"/static/imgs/weidengluzhanweitu.png"
></image>
</view>
<view
class=
"empty_text"
>
——您还未登录,请先登录——
</view>
<button
class=
"empty_button"
open-type=
"getPhoneNumber"
@
getphonenumber=
"getPhoneNumber"
>
去
品尝
</button>
<button
class=
"empty_button"
open-type=
"getPhoneNumber"
@
getphonenumber=
"getPhoneNumber"
>
去
登录
</button>
</view>
<view
class=
"orders"
:style=
"
{'padding-bottom':orderBottom+'rpx'}">
<view
class=
"order_item"
v-for=
"item in list"
:key=
"item.id"
@
click=
"openInfo(item)"
>
...
...
@@ -250,7 +250,7 @@ export default {
.empty_text
{
width
:
500
rpx
;
margin-top
:
32
rpx
;
margin-top
:
32
.73
rpx
;
text-align
:
center
;
font-size
:
24
rpx
;
...
...
@@ -259,7 +259,7 @@ export default {
color
:
#999999
;
}
.empty_button
{
margin-top
:
3
5
rpx
;
margin-top
:
3
4.29
rpx
;
width
:
167
rpx
;
height
:
64
rpx
;
border-radius
:
2
rpx
;
...
...
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