xinyi/roamfuding-xcx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

福鼎 首页修改

Browse Source
This commit is contained in:
吴鹏 2026-04-28 14:00:54 +08:00
parent 246e8f9a3b
commit 6582451f59
4 changed files with 208 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/tab-bar/tab-bar.vue
View File

@ -11,8 +11,11 @@
<!-- <div class="txt" :class="indexs==1?'act1':''">资讯</div> --> <!-- <div class="txt" :class="indexs==1?'act1':''">资讯</div> -->
</div> </div>
<div class="tab" style="width: 102rpx;" @tap.stop="changeTabbar(2)" v-if="ver"> <div class="tab" style="width: 102rpx;" @tap.stop="changeTabbar(2)" v-if="ver">
<image src="https://api.ccttiot.com/smartmeter/img/static/uJg4j3G5wVwDYTpH42ch" mode="" v-show="indexs!=2" style="width:140rpx;height:146rpx;position: absolute;top: -100rpx;"></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uJg4j3G5wVwDYTpH42ch" mode="" v-show="indexs!=2" style="width:140rpx;height:146rpx;position: absolute;top: -150rpx;z-index: 999;"></image>
<image src="https://api.ccttiot.com/smartmeter/img/static/uJg4j3G5wVwDYTpH42ch" mode="" v-show="indexs==2" style="width:140rpx;height:146rpx;position: absolute;top: -100rpx;"></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uJg4j3G5wVwDYTpH42ch" mode="" v-show="indexs==2" style="width:140rpx;height:146rpx;position: absolute;top: -150rpx;z-index: 999;"></image>
<view class="" style="position: absolute;bottom: -40rpx;color: #6f6f6f;">
福崽
</view>
</div> </div>
<!-- <div class="txt" :class="indexs==2?'act1':''">玩福鼎</div> --> <!-- <div class="txt" :class="indexs==2?'act1':''">玩福鼎</div> -->
<div class="tab" @tap.stop="changeTabbar(3)" v-if="ver"> <div class="tab" @tap.stop="changeTabbar(3)" v-if="ver">

289
pages/index/index.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<view class="page"> <view class="page">
<view class="fenlei-container fixed-container" :class="{'fade-in': fixedTabVisible && !isHiding, 'fade-out': isHiding}" v-show="fixedTabVisible || isAnimating"> <view class="fenlei-container fixed-container" :class="{'fade-in': fixedTabVisible && !isHiding, 'fade-out': isHiding}" v-show="fixedTabVisible || isAnimating">
<scroll-view class="fenlei-scroll" style="height: 400rpx;" <scroll-view class="fenlei-scroll" style="height: 320rpx;"
scroll-x="true" scroll-x="true"
:scroll-with-animation="true" :scroll-with-animation="true"
show-scrollbar="false"> show-scrollbar="false">
<view class="serach"> <view class="serach" style="position: fixed;">
<view class="touxiang"> <view class="touxiang">
<image style="width: 100%;height: 100%;border-radius: 50%;" src="https://api.ccttiot.com/21zwLDYqBJaa6b68ccc6ea37c67c785fa46193ba46c2.png" mode="aspectFill"></image> <image style="width: 100%;height: 100%;border-radius: 50%;" src="https://api.ccttiot.com/21zwLDYqBJaa6b68ccc6ea37c67c785fa46193ba46c2.png" mode="aspectFill"></image>
</view> </view>
@ -14,38 +14,76 @@
<image src="https://api.ccttiot.com/smartmeter/img/static/uAO3fdmrrHTzqbVx9hYd" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uAO3fdmrrHTzqbVx9hYd" mode=""></image>
</view> </view>
</view> </view>
<view class="fenlei" style="height: 360rpx;padding-top: 100rpx;gap: 16rpx;"> <view class="fenlei" style="height: 360rpx;padding-top: 100rpx;gap: 40rpx;background-color: #f3f3eb;">
<view class="icon" @click="btnpage(1)"> <view class="icon" @click="btnpage(1)" style="margin-top: 30rpx;">
<image src="https://api.ccttiot.com/smartmeter/img/static/uNvp27XBB0SGRJdwBatm" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/u5cFg0iWl8f6IQENoHYu" mode="aspectFit">
</image> </image>
</view> <!-- 导览 --> <view class="">
<view class="icon" @click="btnpage(2)"> 全城导览
<image src="https://api.ccttiot.com/smartmeter/img/static/ujtaJ9yoGaSoU2y7d8o0" mode=""> </view>
</view><!-- 导览 -->
<view class="icon" @click="btnpage(2)" style="margin-top: 30rpx;">
<image src="https://api.ccttiot.com/smartmeter/img/static/us27MgR4vb5jk9HetVWv" mode="aspectFit">
</image> <!-- 攻略 --> </image> <!-- 攻略 -->
<view class="">
游玩攻略
</view>
</view> </view>
<view class="icon" @click="btnpage(3)"> <view class="icon" @click="btnpage(3)" style="margin-top: 30rpx;">
<image src="https://api.ccttiot.com/smartmeter/img/static/uW4U5tAEwKWIF0xk6lD3" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/uysceLYKpHsbsmxXeOzq" mode="aspectFit">
</image> <!-- 住宿 --> </image> <!-- 住宿 -->
<view class="">
品质住宿
</view>
</view> </view>
<view class="icon" @click="btnpage(4)"> <view class="icon" @click="btnpage(4)" style="margin-top: 30rpx;">
<image src="https://api.ccttiot.com/smartmeter/img/static/upFUu8oBSir5xouB7iMV" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/ucj0u4VB46S5ZxTUxJ0w" mode="aspectFit">
</image> <!-- 美食 --> </image> <!-- 美食 -->
<view class="">
特色美食
</view>
</view> </view>
<view class="icon" @click="btnpage(5)"> <view class="icon" @click="btnpage(5)" style="margin-top: 30rpx;">
<image src="https://api.ccttiot.com/smartmeter/img/static/uMOF8Waum001gWd4IQeh" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/uawFN9keG29wFJsMi9mP" mode="aspectFit">
</image> <!-- 文化 --> </image> <!-- 文化 -->
<view class="">
名俗文化
</view>
</view> </view>
<view class="icon" @click="btnpage(6)"> <view class="icon" @click="btnpage(6)" style="margin-top: 30rpx;">
<image src="https://api.ccttiot.com/smartmeter/img/static/uwj8jsmFgQn0Hqh7DsAI" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/uqDATSxwSGHmUzXQlbt9" mode="aspectFit">
</image> <!-- 导游 --> </image> <!-- 导游 -->
<view class="">
导游讲解
</view>
</view> </view>
<view class="icon" @click="btnpage(7)"> <view class="icon" @click="btnpage(7)" style="margin-top: 30rpx;">
<image src="https://api.ccttiot.com/smartmeter/img/static/uHuu33MlQ9uLbTESJkCB" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/uptkLXafrHizWy5F6pKK" mode="aspectFit">
</image> <!-- 停车 --> </image> <!-- 停车 -->
<view class="">
智慧停车
</view>
</view> </view>
<view class="icon" @click="btnpage(8)"> <view class="icon" @click="btnpage(8)" style="margin-top: 30rpx;">
<image src="https://api.ccttiot.com/smartmeter/img/static/utxraBecHOvUZBeWk9pb" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/u52RFL95X4OW28K5RCyn" mode="aspectFit">
</image> <!-- 特产 --> </image> <!-- 特产 -->
<view class="">
名优特产
</view>
</view>
<view class="icon" @click="btnpage(11)" style="margin-top: 30rpx;">
<image src="https://api.ccttiot.com/Jbuc6zuzXmfE9037cdae7e04495fede11921c5603e28.png" mode="aspectFit">
</image> <!-- 景区 -->
<view class="">
景区门票
</view>
</view>
<view class="icon" @click="btnpage(22)" style="margin-top: 30rpx;">
<image src="https://api.ccttiot.com/qV6mRpU9DtZM7fc4bac223209da57abf998a747e0718.png" mode="aspectFit">
</image> <!-- 投诉 -->
<view class="">
投诉意见
</view>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
@ -70,13 +108,10 @@
<image src="https://api.ccttiot.com/smartmeter/img/static/uAO3fdmrrHTzqbVx9hYd" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uAO3fdmrrHTzqbVx9hYd" mode=""></image>
</view> </view>
</view> </view>
<view class="fenlei-container" style="height: 320rpx;"> <view class="fenlei-container" style="height: 420rpx;">
<scroll-view class="fenlei-scroll" <scroll-view class="fenlei-scroll" style="height: 440rpx;">
scroll-x="true"
:scroll-with-animation="true"
show-scrollbar="false">
<view class="gonggao" @click="btngg"> <view class="gonggao" @click="btngg">
<image src="https://api.ccttiot.com/da9WHV7kufhA4c0a87936f08d8bf839b28e2f027fca6.png" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/u21bmiCJ1OXYfbzgqpCO" mode=""></image>
<view class="gonggao-text-wrapper"> <view class="gonggao-text-wrapper">
<view class="gonggao-text-content" :class="{ 'no-transition': noTransition }" :style="{ transform: `translateY(-${scrollIndex * 50}%)` }"> <view class="gonggao-text-content" :class="{ 'no-transition': noTransition }" :style="{ transform: `translateY(-${scrollIndex * 50}%)` }">
<text class="gonggao-text-item">{{formatGonggaoTitle(ggobj[0] && ggobj[0].title)}}</text> <text class="gonggao-text-item">{{formatGonggaoTitle(ggobj[0] && ggobj[0].title)}}</text>
@ -84,45 +119,83 @@
</view> </view>
</view> </view>
</view> </view>
<view class="fenlei"> <view class="fenlei" style="flex-wrap: wrap;margin-top: 40rpx;height: 350rpx;">
<view class="icon" @click="btnpage(1)" style="margin-top: 80rpx;"> <view class="icon" @click="btnpage(1)" style="margin-top: 80rpx;width: 18%;">
<image src="https://api.ccttiot.com/smartmeter/img/static/uNvp27XBB0SGRJdwBatm" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/u5cFg0iWl8f6IQENoHYu" mode="aspectFit">
</image> </image>
<view class="">
全城导览
</view>
</view><!-- 导览 --> </view><!-- 导览 -->
<view class="icon" @click="btnpage(2)" style="margin-top: 80rpx;"> <view class="icon" @click="btnpage(11)" style="margin-top: 80rpx;width: 18%;">
<image src="https://api.ccttiot.com/smartmeter/img/static/ujtaJ9yoGaSoU2y7d8o0" mode=""> <image src="https://api.ccttiot.com/Jbuc6zuzXmfE9037cdae7e04495fede11921c5603e28.png" mode="aspectFit">
</image>
<view class="">
景区门票
</view>
</view><!-- 景区 -->
<view class="icon" @click="btnpage(2)" style="margin-top: 80rpx;width: 18%;">
<image src="https://api.ccttiot.com/smartmeter/img/static/us27MgR4vb5jk9HetVWv" mode="aspectFit">
</image> <!-- 攻略 --> </image> <!-- 攻略 -->
<view class="">
游玩攻略
</view>
</view> </view>
<view class="icon" @click="btnpage(3)" style="margin-top: 80rpx;"> <view class="icon" @click="btnpage(3)" style="margin-top: 80rpx;width: 18%;">
<image src="https://api.ccttiot.com/smartmeter/img/static/uW4U5tAEwKWIF0xk6lD3" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/uysceLYKpHsbsmxXeOzq" mode="aspectFit">
</image> <!-- 住宿 --> </image> <!-- 住宿 -->
<view class="">
品质住宿
</view>
</view> </view>
<view class="icon" @click="btnpage(4)" style="margin-top: 80rpx;"> <view class="icon" @click="btnpage(4)" style="margin-top: 80rpx;width: 18%;">
<image src="https://api.ccttiot.com/smartmeter/img/static/upFUu8oBSir5xouB7iMV" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/ucj0u4VB46S5ZxTUxJ0w" mode="aspectFit">
</image> <!-- 美食 --> </image> <!-- 美食 -->
<view class="">
特色美食
</view>
</view> </view>
<view class="icon" @click="btnpage(5)" style="margin-top: 80rpx;"> <view class="icon" @click="btnpage(5)" style="margin-top: 0rpx;width: 18%;">
<image src="https://api.ccttiot.com/smartmeter/img/static/uMOF8Waum001gWd4IQeh" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/uawFN9keG29wFJsMi9mP" mode="aspectFit">
</image> <!-- 文化 --> </image> <!-- 文化 -->
<view class="">
名俗文化
</view>
</view> </view>
<view class="icon" @click="btnpage(6)" style="margin-top: 80rpx;"> <view class="icon" @click="btnpage(6)" style="margin-top: 0rpx;width: 18%;">
<image src="https://api.ccttiot.com/smartmeter/img/static/uwj8jsmFgQn0Hqh7DsAI" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/uqDATSxwSGHmUzXQlbt9" mode="aspectFit">
</image> <!-- 导游 --> </image> <!-- 导游 -->
<view class="">
导游讲解
</view>
</view> </view>
<view class="icon" @click="btnpage(7)" style="margin-top: 80rpx;"> <view class="icon" @click="btnpage(7)" style="margin-top: 0rpx;width: 18%;">
<image src="https://api.ccttiot.com/smartmeter/img/static/uHuu33MlQ9uLbTESJkCB" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/uptkLXafrHizWy5F6pKK" mode="aspectFit">
</image> <!-- 停车 --> </image> <!-- 停车 -->
<view class="">
智慧停车
</view>
</view> </view>
<view class="icon" @click="btnpage(8)" style="margin-top: 80rpx;"> <view class="icon" @click="btnpage(8)" style="margin-top: 0rpx;width: 18%;">
<image src="https://api.ccttiot.com/smartmeter/img/static/utxraBecHOvUZBeWk9pb" mode=""> <image src="https://api.ccttiot.com/smartmeter/img/static/u52RFL95X4OW28K5RCyn" mode="aspectFit">
</image> <!-- 特产 --> </image> <!-- 特产 -->
<view class="">
名优特产
</view>
</view>
<view class="icon" @click="btnpage(22)" style="margin-top: 0rpx;width: 18%;">
<image src="https://api.ccttiot.com/qV6mRpU9DtZM7fc4bac223209da57abf998a747e0718.png" mode="aspectFit">
</image> <!-- 投诉 -->
<view class="">
投诉意见
</view>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
<!-- 视频介绍 --> <!-- 视频介绍 -->
<view class="videoxc"> <view class="videoxc">
<image src="https://api.ccttiot.com/smartmeter/img/static/uKX1Cv1H2ZjWi4y03xU4" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uD369LhRpjSZ5LfHDQz7" mode=""></image>
<swiper class="swiper" :current="currentIndex" :indicator-dots="true" :autoplay="false" circular @change="onSwiperChange"> <swiper class="swiper" :current="currentIndex" :indicator-dots="true" :autoplay="false" circular @change="onSwiperChange">
<swiper-item v-for="(item, idx) in video" :key="idx" @click="playVideo"> <swiper-item v-for="(item, idx) in video" :key="idx" @click="playVideo">
<view class="media-wrap"> <view class="media-wrap">
@ -153,7 +226,8 @@
<!-- 热门推荐 --> <!-- 热门推荐 -->
<view class="remen"> <view class="remen">
<view class="rementitle"> <view class="rementitle">
<image src="https://api.ccttiot.com/smartmeter/img/static/uQfz6J8VHnar8K3BwFlD" mode=""></image> <image src="https://api.ccttiot.com/smartmeter/img/static/uDKneVwJeZd7C2VDsvW4" mode=""></image>
热门推荐
</view> </view>
<view class="rmtopimg" @click="btnremen"> <view class="rmtopimg" @click="btnremen">
<view class="rmltimg" v-if="hotAreaImages[0]"> <view class="rmltimg" v-if="hotAreaImages[0]">
@ -185,11 +259,13 @@
</view> </view>
</view> </view>
<view class="meishi" style="margin-top:30rpx;"> <view class="meishi" style="margin-top:30rpx;">
<view class="meishilt" @click="btnpage(4)"> <view class="meishilt" @click="btnpage(4)" style="position: relative;">
<image style="position: absolute;top: 0;left: 0;width: 342rpx;z-index: -1;" src="https://api.ccttiot.com/smartmeter/img/static/ulYAiR0ryy295oRzGbU7" mode=""></image>
<view class="meishitop"> <view class="meishitop">
<image class="dibiaoimg" <!-- <image class="dibiaoimg"
src="https://api.ccttiot.com/smartmeter/img/static/u1emV89uj8AQR1i5MfPs" mode=""> src="https://api.ccttiot.com/smartmeter/img/static/u1emV89uj8AQR1i5MfPs" mode="">
</image> </image> -->
更多
<image class="jiantou" <image class="jiantou"
src="https://api.ccttiot.com/smartmeter/img/static/uxhocoNzXasArlGLa2j5" mode=""> src="https://api.ccttiot.com/smartmeter/img/static/uxhocoNzXasArlGLa2j5" mode="">
</image> </image>
@ -203,9 +279,11 @@
</image> </image>
</view> </view>
</view> </view>
<view class="meishirt" @click="btnitem"> <view class="meishirt" style="position: relative;" @click="btnitem">
<image style="position: absolute;top: 0;left: 0;width: 342rpx;z-index: -1;" src="https://api.ccttiot.com/smartmeter/img/static/utSLdE0iL5mbTy7SWJul" mode=""></image>
<view class="meishitop"> <view class="meishitop">
攻略推荐 更多
<!-- 攻略推荐 -->
<image class="jiantou" <image class="jiantou"
src="https://api.ccttiot.com/smartmeter/img/static/uLbDD7xYvH9mgoM9yqXH" mode=""> src="https://api.ccttiot.com/smartmeter/img/static/uLbDD7xYvH9mgoM9yqXH" mode="">
</image> </image>
@ -797,6 +875,14 @@
uni.navigateTo({ uni.navigateTo({
url:'/page_user/techan/index' url:'/page_user/techan/index'
}) })
}else if(num == 11){
uni.navigateTo({
url:'/page_fenbao/remen'
})
}else if(num == 22){
uni.navigateTo({
url:'/page_user/caozuo/tousu'
})
} }
}, },
// 点击攻略跳转到攻略详情 // 点击攻略跳转到攻略详情
@ -977,7 +1063,7 @@
border-radius: 0 !important; border-radius: 0 !important;
} }
page { page {
background: #E5F9F3; background: #FDFDF9;
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
position: fixed; position: fixed;
top: 0; top: 0;
@ -1123,7 +1209,7 @@
flex-shrink: 0; flex-shrink: 0;
min-width: 120rpx; min-width: 120rpx;
text-align: center; text-align: center;
transition: all 0.3s; // transition: all 0.3s;
position: relative; position: relative;
padding: 10rpx 20rpx; padding: 10rpx 20rpx;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1131,7 +1217,7 @@
color: #05895D; color: #05895D;
font-weight: 700; font-weight: 700;
font-size: 32rpx; font-size: 32rpx;
background-image: url('/static/image/two.png'); background-image: url('/static/image/tt.png');
background-size: contain; background-size: contain;
background-position: right center; background-position: right center;
padding-top: 20rpx; padding-top: 20rpx;
@ -1251,7 +1337,7 @@
flex-shrink: 0; flex-shrink: 0;
min-width: 120rpx; min-width: 120rpx;
text-align: center; text-align: center;
transition: all 0.3s; // transition: all 0.3s;
position: relative; position: relative;
padding: 10rpx 20rpx; padding: 10rpx 20rpx;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1259,8 +1345,8 @@
color: #05895D; color: #05895D;
font-weight: 700; font-weight: 700;
font-size: 32rpx; font-size: 32rpx;
background-image: url('/static/image/one.png'); background-image: url('/static/image/tt.png');
background-size: 80rpx 60rpx; background-size: contain;
background-position: right center; background-position: right center;
} }
} }
@ -1279,15 +1365,16 @@
.meishirt { .meishirt {
width: 352rpx; width: 352rpx;
height: 514rpx; height: 514rpx;
background: #F7B782; // background: #F7B782;
border-radius: 10rpx 10rpx 10rpx 10rpx; border-radius: 10rpx 10rpx 10rpx 10rpx;
padding-top: 20rpx;
.mieshilist { .mieshilist {
width: 342rpx; width: 342rpx;
height: 456rpx; height: 456rpx;
background: linear-gradient(153deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 100%); // background: linear-gradient(153deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 100%);
border-radius: 10rpx 10rpx 10rpx 10rpx; border-radius: 10rpx 10rpx 10rpx 10rpx;
margin-top: 12rpx; margin-top: 12rpx;
padding-top: 22rpx; padding-top: 56rpx;
.meishiitem { .meishiitem {
display: flex; display: flex;
align-items: center; align-items: center;
@ -1330,16 +1417,20 @@
} }
} }
.meishitop { .meishitop {
font-weight: 600; width: 92rpx;
font-size: 28rpx; height: 38rpx;
color: #664608; background: #EBEBEB;
width: 100%; border-radius: 18rpx 18rpx 18rpx 18rpx;
color: #7C7C7C;
display: flex; display: flex;
font-size: 22rpx;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0 24rpx; padding-left: 8rpx;
padding-top: 8rpx; padding-right: 4rpx;
box-sizing: border-box; position: absolute;
right: 14rpx;
top: 10rpx;
image { image {
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
@ -1349,13 +1440,14 @@
.meishilt { .meishilt {
width: 342rpx; width: 342rpx;
height: 514rpx; height: 514rpx;
background: linear-gradient(41deg, #82D3F7 0%, rgba(218, 190, 255, 0) 100%); // background: linear-gradient(41deg, #82D3F7 0%, rgba(218, 190, 255, 0) 100%);
border-radius: 10rpx 10rpx 10rpx 10rpx; border-radius: 10rpx 10rpx 10rpx 10rpx;
padding: 0 20rpx; padding: 0 20rpx;
box-sizing: border-box; box-sizing: border-box;
padding-top: 80rpx;
.daimg { .daimg {
width: 1; width: 1;
height: 278rpx; height: 250rpx;
border-radius: 14rpx 14rpx 14rpx 14rpx; border-radius: 14rpx 14rpx 14rpx 14rpx;
margin-top: 4rpx; margin-top: 4rpx;
margin-bottom: 14rpx; margin-bottom: 14rpx;
@ -1372,11 +1464,20 @@
} }
} }
.meishitop { .meishitop {
width: 92rpx;
height: 38rpx;
background: #EBEBEB;
border-radius: 18rpx 18rpx 18rpx 18rpx;
color: #7C7C7C;
display: flex; display: flex;
font-size: 22rpx;
align-items: center; align-items: center;
display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; padding-left: 8rpx;
padding-right: 4rpx;
position: absolute;
right: 14rpx;
top: 10rpx;
.dibiaoimg { .dibiaoimg {
width: 168rpx; width: 168rpx;
height: 54rpx; height: 54rpx;
@ -1393,9 +1494,17 @@
padding: 0 20rpx; padding: 0 20rpx;
box-sizing: border-box; box-sizing: border-box;
.rementitle { .rementitle {
font-size: 36rpx;
color: #153833;
position: relative;
font-weight: 600;
image { image {
width: 150rpx; width: 153rpx;
height: 102rpx; height: 50rpx;
position: absolute;
top: 0;
left: 0;
z-index: -1;
} }
} }
.rmtopimg { .rmtopimg {
@ -1504,7 +1613,7 @@
top: -40rpx; top: -40rpx;
width: 100%; width: 100%;
height: 440rpx; height: 440rpx;
background-color: #E5F9F3; background-color: #FDFDF9;
border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx 20rpx 0 0;
overflow: hidden; overflow: hidden;
padding: 68rpx 50rpx 68rpx 60rpx; padding: 68rpx 50rpx 68rpx 60rpx;
@ -1559,7 +1668,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
transition: all 0.3s; // transition: all 0.3s;
&:active { &:active {
background-color: rgba(255, 107, 153, 0.7); background-color: rgba(255, 107, 153, 0.7);
@ -1586,24 +1695,30 @@
.fenlei { .fenlei {
width: 750rpx; width: 750rpx;
height: 280rpx; height: 280rpx;
overflow: scroll; // overflow: scroll;
background: linear-gradient(17deg, #2FC1DE 0%, #9CF1BB 62%, rgba(212, 248, 174, 1) 100%), rgba(0, 0, 0, 0.1); background: #FDFDF9;
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0 20rpx; padding: 0 20rpx;
gap: 30rpx; gap: 10rpx;
.icon { .icon {
flex-shrink: 0; flex-shrink: 0;
width: 104rpx; width: 104rpx;
height: 136rpx; // height: 136rpx;
display: flex; text-align: center;
align-items: center; // display: flex;
justify-content: center; // align-items: center;
// justify-content: center;
image { image {
width: 104rpx; width: 104rpx;
height: 136rpx; height: 54rpx;
}
view{
margin-top: 10rpx;
font-size: 24rpx;
color: #153833;
} }
} }
} }
@ -1611,14 +1726,14 @@
.gonggao { .gonggao {
width: 670rpx; width: 670rpx;
height: 66rpx; height: 66rpx;
background: linear-gradient( 90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.5) 49.7%, rgba(255,255,255,0.05) 100%); background: linear-gradient( 90deg, rgba(229,213,173,0) 0%, #fdefdb 49.7%, rgba(229,213,173,0) 100%);
// border-radius: 37rpx 37rpx 37rpx 37rpx; // border-radius: 37rpx 37rpx 37rpx 37rpx;
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: 26rpx; padding-left: 26rpx;
padding-right: 30rpx; padding-right: 30rpx;
position: absolute; position: absolute;
top: 26rpx; top: 34rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
z-index: 2; z-index: 2;
@ -1650,7 +1765,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 28rpx; font-size: 28rpx;
color: #05895D; color: #8F4335;
height: 66rpx; height: 66rpx;
flex-shrink: 0; flex-shrink: 0;
white-space: nowrap; white-space: nowrap;
@ -1707,7 +1822,7 @@
left: 0; left: 0;
z-index: 999; z-index: 999;
margin-top: 0; margin-top: 0;
background: linear-gradient(17deg, #2FC1DE 0%, #9CF1BB 62%, #d4f8ae 100%), rgba(0, 0, 0, 0.1); background: #f3f3eb;
width: 100%; width: 100%;
} }

2
pages/myorder/returned/index.vue
View File

@ -4,7 +4,7 @@
title-size='36' height='36' id="navbar" :custom-back="btnfh"> title-size='36' height='36' id="navbar" :custom-back="btnfh">
</u-navbar> </u-navbar>
<!-- 使用固定高度锁定列表区域，避免被键盘挤出视口 --> <!-- 使用固定高度锁定列表区域，避免被键盘挤出视口 -->
<scroll-view class="list" scroll-y refresher-enabled :style="{ height: listHeightPx + 'px' }" > <scroll-view class="list" scroll-y :style="{ height: listHeightPx + 'px' }" >
<view class="box"> <view class="box">
<!-- 消息列表区域 --> <!-- 消息列表区域 -->
<scroll-view class="message-container" scroll-y="true" :enhanced="true" show-scrollbar="false" :scroll-top="scrollTop" scroll-with-animation="true" :scroll-into-view="scrollIntoView" :enable-back-to-top="false"> <scroll-view class="message-container" scroll-y="true" :enhanced="true" show-scrollbar="false" :scroll-top="scrollTop" scroll-with-animation="true" :scroll-into-view="scrollIntoView" :enable-back-to-top="false">

BIN
static/image/tt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB