Skip to content

S
self-support
Commit e4cb01f0 authored by Facius's avatar Facius
Browse files
Options

首页

parent 086352ec
Show whitespace changes
Inline Side-by-side
Showing with 146 additions and 43 deletions
src/pages.json
View file @ e4cb01f0
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "首页", "navigationBarTitleText": "首页",
"navigationStyle": "custom" "navigationStyle": "custom",
"disableScroll": true
} }
}, },
{ {
......
src/pages/index/index.vue
View file @ e4cb01f0
<template> <template>
<view class="content"> <view class="content">
<scroll-view scroll-y style="height: 100%; width: 100%" @scrolltolower="reachBottom" @scroll="handleScroll" <scroll-view class="scroll-view" scroll-y style="height: 100%; width: 100%" @scrolltolower="reachBottom"
refresher-enabled :refresher-triggered="triggered" @refresherrefresh="onRefresh" scroll-anchoring @scroll="handleScroll" refresher-enabled :refresher-triggered="triggered" @refresherrefresh="onRefresh"
@refresherrestore="onRestore" @refresherpulling="triggered = true"> scroll-anchoring @refresherrestore="onRestore" @refresherpulling="triggered = true" :show-scrollbar="false"
<u-swiper :height="250" :list="list" :indicator-pos="indicatorPos" :mode="mode" :interval="3000" 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"> @click="clickSwiper">
</u-swiper> </u-swiper>
<view class="msg-view"> <view class="msg-view">
<text class="msg-title">最新消息</text> <view class="msg-title">最新消息</view>
<u-cell-group> <view class="msg-list-view">
<u-cell-item class="msg-content" v-for="(item, index) in messageList" :key="index" <view class="msg-content" v-for="(item, index) in messageList" :key="index">
:title="item.message"> <view class="msg-content-view">
<image class="msg-icon" slot="icon"></image> <view class="left-view">
</u-cell-item> <image class="msg-icon"></image>
</u-cell-group> <text>{{item.body}}</text>
</view>
<image class="right-icon"></image>
</view>
<view class="line-view" v-if="messageList.length > index + 1"></view>
</view>
</view>
</view> </view>
<view class="order-view"> <view class="order-view">
<!-- 订单推荐吸顶 --> <!-- 订单推荐吸顶 -->
...@@ -23,25 +34,29 @@ ...@@ -23,25 +34,29 @@
</view> </view>
</u-sticky> </u-sticky>
<!-- 入驻成功之后显示推荐订单列表 --> <!-- 入驻成功之后显示推荐订单列表 -->
<view v-if="status == 7 && orderList.length > 0"> <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"> <view v-for="(item, index) in orderList" :key="index">
<OrderCell :orderData="item"> </OrderCell> <OrderCell :orderData="item"> </OrderCell>
</view> </view>
<u-loadmore :status="currentLoadStatus" bgColor="#f2f2f2"></u-loadmore> <u-loadmore :status="currentLoadStatus" bgColor="#f2f2f2"></u-loadmore>
</view> </view>
<!-- 入驻成功之后无推荐订单 --> <!-- 入驻成功之后无推荐订单 -->
<view v-else-if="status == 7 && orderList.length <= 0"> <view v-else-if="status == 7 && orderList.length <= 0" class="no-order-view">
暂无订单 暂无订单
</view> </view>
<!-- 入驻前--> <!-- 入驻前-->
<view v-else-if="loaded"> <view v-else-if="loaded" class="tip-view">
<text class="title">当前订单{{ count }}笔\n入驻通过后，平台将向您推荐订单</text> <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" <u-button class="settle-button" type="primary" shape="circle" @click="immediatelyIn"
:custom-style="buttonStyle"> :custom-style="buttonStyle">
立即入驻 立即入驻
</u-button> </u-button>
</view> </view>
</view> </view>
</view>
</scroll-view> </scroll-view>
</view> </view>
</template> </template>
...@@ -110,7 +125,8 @@ ...@@ -110,7 +125,8 @@
computed: { computed: {
buttonStyle() { buttonStyle() {
return { return {
width: "300rpx", 'width': '400rpx',
'height': '104rpx',
}; };
}, },
msgStyle() { msgStyle() {
...@@ -206,20 +222,68 @@ ...@@ -206,20 +222,68 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.content { .content {
height: 100%; height: 100vh;
padding: 30rpx; background-color: #F4F5F7;
padding: 0rpx 30rpx 0 30rpx;
.scroll-view {
::-webkit-scrollbar {/*隐藏滚轮*/
display: none;
}
}
.title-view {
color: #333333;
font-weight: bold;
font-size: 40rpx;
}
.msg-view { .msg-view {
.msg-title { .msg-title {
color: #333333; color: #333333;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
padding: 50rpx 0rpx 30rpx 0rpx;
}
.msg-list-view {
border-radius: 12rpx;
background-color: #FFFFFF;
padding: 6rpx 30rpx;
} }
.msg-content { .msg-content {
color: #333333; color: #333333;
font-size: 26rpx; font-size: 26rpx;
.mas-icon {}
.msg-content-view {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20rpx;
margin-bottom: 20rpx;
.left-view {
display: flex;
align-items: center;
.msg-icon {
width: 80rpx;
height: 36rpx;
}
}
.right-icon {
width: 14rpx;
height: 24px;
}
}
.line-view {
height: 2rpx;
background-color: #F4F5F7;
}
} }
} }
...@@ -241,15 +305,54 @@ ...@@ -241,15 +305,54 @@
color: #8f8f94; color: #8f8f94;
} }
.order-view {
text-align: center;
.sticky { .sticky {
height: 120 rpx; background-color: #F4F5F7;
background-color: #2979ff;
color: #fff; color: #fff;
padding: 24 rpx; padding: 24 rpx;
text-align: left; text-align: left;
font-size: 32rpx;
font-weight: bold;
color: #333333;
padding: 46rpx 0 28rpx 0;
} }
.order-view { .order-list-view {
text-align: center; background-color: #FFFFFF;
border-radius: 12rpx;
min-height: 460rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.order-item-view {}
.no-order-view {}
.tip-view {
.tip-title {
font-size: 32rpx;
font-weight: bold;
color: #333333;
margin-top: 30rpx;
}
.tip-count {
color: #2272FF;
font-size: 70rpx;
font-weight: bold;
margin-top: 50rpx;
margin-bottom: 20rpx;
}
.tip-other {
font-size: 28rpx;
color: #333333;
margin-bottom: 50rpx;
}
}
}
} }
</style> </style>
src/pages/settle/prompt.vue
View file @ e4cb01f0
...@@ -127,7 +127,6 @@ ...@@ -127,7 +127,6 @@
} }
let settledInfo = await app.getBaseInfo(this, callBack) let settledInfo = await app.getBaseInfo(this, callBack)
this.settledInfo = settledInfo this.settledInfo = settledInfo
this.settledInfo.record.status = 8
this.status = settledInfo.record.status this.status = settledInfo.record.status
uni.hideLoading() uni.hideLoading()
this.initInfo(settledInfo.record) this.initInfo(settledInfo.record)
......
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