From 1a0d015ebde58481bc9bba4bc7a2b5154fcabfe5 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 26 六月 2026 18:06:07 +0800
Subject: [PATCH] 页面
---
bicycle/pages/index/index.vue | 128 +++++++++++++++++++++++++++++++++++++-----
1 files changed, 111 insertions(+), 17 deletions(-)
diff --git a/bicycle/pages/index/index.vue b/bicycle/pages/index/index.vue
index 185873f..bf6ffe8 100644
--- a/bicycle/pages/index/index.vue
+++ b/bicycle/pages/index/index.vue
@@ -38,7 +38,7 @@
</image>
</view>
<view class="index_box_function">
- <view class="cXYC" v-for="(item, index) in functionList" :key="index" @click.stop="jump(item)">
+ <view class="cXYC" :style="{ marginTop: item.id === 5 ? '30rpx' : '' }" v-for="(item, index) in functionList" :key="index" @click.stop="jump(item)">
<button open-type="getPhoneNumber" @getphonenumber="getPhone" v-if="!userInfo.mobile"></button>
<image class="img80" :src="item.icon" mode="widthFix"></image>
<text class="f26 c3 mt10">{{item.name}}</text>
@@ -99,12 +99,22 @@
</view>
<image src="@/static/images/ic_safe@2x.png" mode="widthFix"></image>
</view>
+ <view class="index_scancode_fl">
+ <view class="index_scancode_fl_tips">绂忓埄</view>
+ <view class="index_scancode_fl_text">浠呴渶199鍏� 鍙緱鈥滅晠楠戜竴澶忊�濋獞琛屽崱</view>
+ <view class="index_scancode_fl_btn">鍘荤湅鐪�</view>
+ </view>
<button class="index_scancode_bottom" open-type="getPhoneNumber" @getphonenumber="getPhone" v-if="!userInfo.mobile">鎵爜绉熻溅</button>
<view class="index_scancode_bottom" @click="carRental" v-else>鎵爜绉熻溅</view>
+ <view class="index_scancode_xieyi">
+ <text>璁¤垂瑙勫垯</text>
+ 锝�
+ <text>绉熻祦椤荤煡</text>
+ </view>
<view class="index_scancode_zw"></view>
</view>
<!-- 鑷杞�-缂寸撼鎶奸噾 -->
- <u-popup :show="show1" :closeOnClickOverlay="false" mode="bottom" bgColor="#fff" :round="10"
+ <u-popup :show="show1" :closeOnClickOverlay="true" mode="bottom" bgColor="#fff" :round="10"
@close="show1 = false">
<view class="deposit">
<view class="deposit_text">
@@ -126,7 +136,7 @@
</view>
</u-popup>
<!-- 鑷杞�-寮�閿� -->
- <u-popup :show="show5" :closeOnClickOverlay="false" mode="bottom" bgColor="#fff" :round="10"
+ <u-popup :show="show5" :overlay="false" :closeOnClickOverlay="true" mode="bottom" bgColor="#fff" :round="10"
@close="show5 = false">
<view class="loading">
<view class="loading_box">
@@ -143,7 +153,7 @@
</view>
</u-popup>
<!-- 鑷杞�-楠戣涓� -->
- <u-popup :show="show2" :overlay="false" overlayOpacity="0" :closeOnClickOverlay="false" mode="bottom" bgColor="#fff" :round="10"
+ <u-popup :show="show2" overlayOpacity="0" :closeOnClickOverlay="true" mode="bottom" bgColor="#fff" :round="10"
@close="show2 = false">
<view class="ride">
<view class="ride_head">
@@ -188,7 +198,7 @@
</view>
</u-popup>
<!-- 鑷杞�-宸茶繕杞� -->
- <u-popup :show="show6" :overlay="false" overlayOpacity="0" :closeOnClickOverlay="false" mode="bottom" bgColor="#fff" :round="10"
+ <u-popup :show="show6" overlayOpacity="0" :closeOnClickOverlay="true" mode="bottom" bgColor="#fff" :round="10"
@close="show6 = false">
<view class="ride">
<view class="ride_head">
@@ -231,7 +241,7 @@
</view>
</u-popup>
<!-- 鑷杞�-纭缁撶畻 -->
- <u-popup :show="show3" :overlay="false" :closeOnClickOverlay="false" mode="bottom" bgColor="#fff" :round="10" @close="show3 = false">
+ <u-popup :show="show3" :closeOnClickOverlay="true" mode="bottom" bgColor="#fff" :round="10" @close="show3 = false">
<template>
<view class="deposit1">
<view class="deposit_text">
@@ -251,7 +261,7 @@
<!-- 鑷杞�-纭缁撶畻寮规 -->
<u-modal :show="show7" title="鎻愮ず" content='纭缁撶畻鍚楋紵' :showCancelButton="true" cancelText="鍙栨秷" @confirm="settlement1" @cancel="show7 = false"></u-modal>
<!-- 骞垮憡 -->
- <u-popup :show="show" mode="center" :overlayStyle="{ zIndex: '99999' }" :closeOnClickOverlay="false" zIndex="99999" bgColor="transparent" :round="10" @close="show = false">
+ <u-popup :show="show" mode="center" :overlayStyle="{ zIndex: '99999' }" :closeOnClickOverlay="true" zIndex="99999" bgColor="transparent" :round="10" @close="show = false">
<view class="popupbox">
<view class="advertisement">
<image :src="info.adList[0].imgfullurl" mode="widthFix"></image>
@@ -307,14 +317,29 @@
},
{
id: 3,
- name: '璁′环瑙勫垯',
- icon: require('@/static/images/home_ic_guize@2x.png')
+ name: '鍥㈣喘楠屽埜',
+ icon: require('@/static/images/home_ic_yajing@x.png')
},
{
id: 4,
- name: '娑堣垂鏄庣粏',
- icon: require('@/static/images/home_ic_mingxi@2x.png')
+ name: '涓汉涓績',
+ icon: require('@/static/images/home_ic_jiesuan@x.png')
},
+ // {
+ // id: 3,
+ // name: '璁′环瑙勫垯',
+ // icon: require('@/static/images/home_ic_guize@2x.png')
+ // },
+ // {
+ // id: 4,
+ // name: '娑堣垂鏄庣粏',
+ // icon: require('@/static/images/home_ic_mingxi@2x.png')
+ // },
+ // {
+ // id: 5,
+ // name: '杩愯惀涓績',
+ // icon: require('@/static/icon/home_ic_mingxi.png')
+ // },
],
info: {},
@@ -360,6 +385,10 @@
.then(async res => {
if (res.code === 200) {
let code = decodeURIComponent(options.scene)
+ // 鏄惁寮瑰嚭骞垮憡鍥�
+ if (res.data.adList.length > 0 && !res.data.memberRidesResponse) {
+ this.show = true
+ }
if (res.data.memberRidesResponse && res.data.memberRidesResponse.ridesType === 0 && code !== 'undefined' && res.data.rideStatus !== 2) {
let typeName = ''
if (code.substring(0, code.indexOf('-')) === 'ebike') {
@@ -708,13 +737,26 @@
async jump(item) {
await this.refresh()
if (item.id === 3) {
+ // uni.navigateTo({
+ // url: '/pages/pricingRules/pricingRules'
+ // });
uni.navigateTo({
- url: '/pages/pricingRules/pricingRules'
+ url: '/pages/couponRedemption/couponRedemption'
});
} else if (item.id === 4) {
uni.navigateTo({
- url: '/pages/consumptionDetails/consumptionDetails'
+ url: '/pages/personalCenter/personalCenter'
});
+ } else if (item.id === 5) {
+ if (!this.userInfo.sysuser) {
+ uni.navigateTo({
+ url: '/pages/operationLogin/operationLogin'
+ });
+ } else {
+ uni.navigateTo({
+ url: '/pages/operationsCenter/operationsCenter'
+ });
+ }
} else if (item.id === 2) {
if (!this.userInfo.mobile) return
if (this.info.rideStatus === 1) {
@@ -1059,6 +1101,7 @@
.then(async res => {
if (res.code === 200) {
this.info = res.data
+ console.log('鏄惁寮瑰嚭骞垮憡鍥�', res.data.adList.length > 0 && !res.data.memberRidesResponse)
// 鏄惁寮瑰嚭骞垮憡鍥�
if (res.data.adList.length > 0 && !res.data.memberRidesResponse) {
this.show = true
@@ -1419,12 +1462,14 @@
display: flex;
align-items: center;
justify-content: space-between;
+ flex-wrap: wrap;
position: relative;
top: -24rpx;
text {
font-weight: 400;
}
.cXYC {
+ width: 23%;
position: relative;
button {
width: 100%;
@@ -1582,7 +1627,7 @@
.index_zw1 {
width: 100%;
- height: calc(env(safe-area-inset-bottom) + 310rpx);
+ height: calc(env(safe-area-inset-bottom) + 360rpx);
}
.index_zw {
@@ -1595,14 +1640,14 @@
.index_scancode {
width: 100%;
- height: 306rpx;
+ // height: 306rpx;
background: linear-gradient(360deg, #FFFFFF 0%, #FFFFFF 58%, #D0FFFD 100%);
box-shadow: 0rpx -6rpx 16rpx 0rpx rgba(0, 0, 0, 0.1);
border-radius: 32rpx 32rpx 0rpx 0rpx;
position: fixed;
bottom: 0;
left: 0;
- padding: 30rpx 20rpx;
+ padding: 30rpx 20rpx 30rpx 20rpx;
box-sizing: border-box;
.index_scancode_top {
@@ -1639,6 +1684,42 @@
flex-shrink: 0;
}
}
+
+ .index_scancode_fl {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ margin-top: 18rpx;
+ .index_scancode_fl_tips {
+ width: 64rpx;
+ height: 36rpx;
+ line-height: 36rpx;
+ text-align: center;
+ background: #FF5A31;
+ border-radius: 2rpx 12rpx 2rpx 12rpx;
+ margin-right: 16rpx;
+ font-weight: 400;
+ font-size: 24rpx;
+ color: #FFFFFF;
+ }
+ .index_scancode_fl_text {
+ font-weight: 400;
+ font-size: 26rpx;
+ color: #FF5A31;
+ }
+ .index_scancode_fl_btn {
+ width: 88rpx;
+ height: 36rpx;
+ line-height: 36rpx;
+ text-align: center;
+ background: #EAF9F8;
+ border-radius: 4rpx;
+ font-weight: 400;
+ font-size: 24rpx;
+ color: #01B6AD;
+ margin-left: 8rpx;
+ }
+ }
.index_scancode_bottom {
width: 100%;
@@ -1653,6 +1734,19 @@
font-weight: 500;
color: #FFFFFF;
margin-top: 30rpx;
+ }
+
+ .index_scancode_xieyi {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 30rpx;
+ text {
+ font-weight: 400;
+ font-size: 26rpx;
+ color: #999999;
+ }
}
}
@@ -2127,4 +2221,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3