Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
S
self-support
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
李俊赕
self-support
Commits
d8dc5dd7
Commit
d8dc5dd7
authored
Apr 20, 2021
by
Morson
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' of
https://git.banshouhui.com/lijundan/self-support
parents
aaa6d7dc
3f7ff4bd
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
78 additions
and
62 deletions
+78
-62
pages.json
src/pages.json
+1
-2
index.vue
src/pages/index/index.vue
+77
-60
No files found.
src/pages.json
View file @
d8dc5dd7
...
...
@@ -7,8 +7,7 @@
"path"
:
"pages/index/index"
,
"style"
:
{
"navigationBarTitleText"
:
"首页"
,
"navigationStyle"
:
"custom"
,
"disableScroll"
:
true
"navigationStyle"
:
"custom"
}
},
{
...
...
src/pages/index/index.vue
View file @
d8dc5dd7
<
template
>
<view
class=
"content"
>
<scroll-view
class=
"scroll-view"
scroll-y
style=
"height: 100%; width: 100%"
@
scrolltolower=
"reachBottom"
<!--
<scroll-view
class=
"scroll-view"
scroll-y
style=
"height: 100%; width: 100%"
@
scrolltolower=
"reachBottom"
@
scroll=
"handleScroll"
refresher-enabled
:refresher-triggered=
"triggered"
@
refresherrefresh=
"onRefresh"
scroll-anchoring
@
refresherrestore=
"onRestore"
@
refresherpulling=
"triggered = true"
:show-scrollbar=
"false"
enable-back-to-top
>
<!--
<view
class=
"title-view"
>
充电桩自营平台
</view>
-->
<u-navbar
:is-back=
"false"
background=
"
{background: transparent}" :border-bottom="false" :is-fixed="false">
<text
class=
"title-view"
>
充电桩自营平台
</text>
</u-navbar>
<u-swiper
:height=
"240"
:list=
"list"
:indicator-pos=
"indicatorPos"
:mode=
"mode"
:interval=
"3000"
@
click=
"clickSwiper"
>
</u-swiper>
<view
class=
"msg-view"
>
<view
class=
"msg-title"
>
最新消息
</view>
<view
class=
"msg-list-view"
>
<view
class=
"msg-content"
v-for=
"(item, index) in messageList"
:key=
"index"
>
<view
class=
"msg-content-view"
>
<view
class=
"left-view"
>
<image
class=
"msg-icon"
></image>
<text>
{{
item
.
body
}}
</text>
enable-back-to-top
>
-->
<view
style=
"width: 700rpx; height: 800rpx;"
>
<!--
<view
class=
"title-view"
>
充电桩自营平台
</view>
-->
<u-navbar
:is-back=
"false"
background=
"
{background: transparent}" :border-bottom="false"
:is-fixed="false">
<text
class=
"title-view"
>
充电桩自营平台
</text>
</u-navbar>
<u-swiper
:height=
"240"
:list=
"list"
:indicator-pos=
"indicatorPos"
:mode=
"mode"
:interval=
"3000"
@
click=
"clickSwiper"
>
</u-swiper>
<view
class=
"msg-view"
>
<view
class=
"msg-title"
>
最新消息
</view>
<view
class=
"msg-list-view"
>
<view
class=
"msg-content"
v-for=
"(item, index) in messageList"
:key=
"index"
>
<view
class=
"msg-content-view"
>
<view
class=
"left-view"
>
<image
class=
"msg-icon"
></image>
<text>
{{
item
.
body
}}
</text>
</view>
<image
class=
"right-icon"
></image>
</view>
<
image
class=
"right-icon"
></image
>
<
view
class=
"line-view"
v-if=
"messageList.length > index + 1"
></view
>
</view>
<view
class=
"line-view"
v-if=
"messageList.length > index + 1"
></view>
</view>
</view>
</view>
<view
class=
"order-view"
>
<!-- 订单推荐吸顶 -->
<u-sticky>
<view
class=
"sticky"
>
<text>
订单推荐
</text>
</view>
<view
class=
"sticky"
>
<text>
订单推荐
</text>
</view>
</u-sticky>
<!-- 入驻成功之后显示推荐订单列表 -->
<view
class=
"order-list-view"
>
<view
v-if=
"status == 7 && orderList.length > 0"
class=
"order-item-view"
>
<view
v-for=
"(item, index) in orderList"
:key=
"index"
>
<OrderCell
:orderData=
"item"
>
</OrderCell>
<view
class=
"order-view"
>
<!-- 入驻成功之后显示推荐订单列表 -->
<view
class=
"order-list-view"
>
<view
v-if=
"status == 7 && orderList.length > 0"
class=
"order-item-view"
>
<view
v-for=
"(item, index) in orderList"
:key=
"index"
>
<OrderCell
:orderData=
"item"
>
</OrderCell>
</view>
<u-loadmore
:status=
"currentLoadStatus"
bgColor=
"#f2f2f2"
></u-loadmore>
</view>
<!-- 入驻成功之后无推荐订单 -->
<view
v-else-if=
"status == 7 && orderList.length
<
=
0
"
class=
"no-order-view"
>
暂无订单
</view>
<!-- 入驻前-->
<view
v-else-if=
"loaded"
class=
"tip-view"
>
<view
class=
"tip-title"
>
当前订单(笔)
</view>
<view
class=
"tip-count"
>
{{
count
}}
</view>
<view
class=
"tip-other"
>
入驻通过后平台将向您推荐订单
</view>
<u-button
class=
"settle-button"
type=
"primary"
shape=
"circle"
@
click=
"immediatelyIn"
:custom-style=
"buttonStyle"
>
立即入驻
</u-button>
</view>
<u-loadmore
:status=
"currentLoadStatus"
bgColor=
"#f2f2f2"
></u-loadmore>
</view>
<!-- 入驻成功之后无推荐订单 -->
<view
v-else-if=
"status == 7 && orderList.length
<
=
0
"
class=
"no-order-view"
>
暂无订单
</view>
<!-- 入驻前-->
<view
v-else-if=
"loaded"
class=
"tip-view"
>
<view
class=
"tip-title"
>
当前订单(笔)
</view>
<view
class=
"tip-count"
>
{{
count
}}
</view>
<view
class=
"tip-other"
>
入驻通过后平台将向您推荐订单
</view>
<u-button
class=
"settle-button"
type=
"primary"
shape=
"circle"
@
click=
"immediatelyIn"
:custom-style=
"buttonStyle"
>
立即入驻
</u-button>
</view>
</view>
</view>
<
/scroll-view
>
<
!--
</scroll-view>
--
>
</view>
</
template
>
...
...
@@ -127,6 +131,8 @@
return
{
'width'
:
'400rpx'
,
'height'
:
'104rpx'
,
'font-size'
:
'32rpx'
,
'font-weight'
:
'bold'
};
},
msgStyle
()
{
...
...
@@ -226,10 +232,11 @@
background-color
:
#F4F5F7
;
padding
:
0rpx
30rpx
0
30rpx
;
.scroll-view
{
::-webkit-scrollbar
{
/*隐藏滚轮*/
display
:
none
;
}
.scroll-view
{
::-webkit-scrollbar
{
/*隐藏滚轮*/
display
:
none
;
}
}
.title-view
{
...
...
@@ -305,19 +312,29 @@
color
:
#8f8f94
;
}
// .sticky-view {
// position: sticky;
// position: -webkit-sticky;
// top: 0rpx;
// width: 100%;
// height: 200rpx;
// background-color: black;
// }
.sticky
{
background-color
:
#F4F5F7
;
color
:
#fff
;
padding
:
24
rpx
;
text-align
:
left
;
font-size
:
32rpx
;
font-weight
:
bold
;
color
:
#333333
;
padding
:
46rpx
0
28rpx
0
;
}
.order-view
{
text-align
:
center
;
.sticky
{
background-color
:
#F4F5F7
;
color
:
#fff
;
padding
:
24
rpx
;
text-align
:
left
;
font-size
:
32rpx
;
font-weight
:
bold
;
color
:
#333333
;
padding
:
46rpx
0
28rpx
0
;
}
.order-list-view
{
background-color
:
#FFFFFF
;
...
...
@@ -350,7 +367,7 @@
.tip-other
{
font-size
:
28rpx
;
color
:
#333333
;
margin-bottom
:
5
0
rpx
;
margin-bottom
:
5
6
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