Hooke / jgdl

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
727f6154 1 parent db51a5be

style(ui): 统一"没有更多数据"文本样式并添加装饰线 

为多个页面的"没有更多数据"文本添加统一的样式类名no-more-text
在app.less中定义no-more-text样式，包含灰色文字和两侧装饰线
移除feedBackList页面中未使用的formatTime函数
Inline Side-by-side
Showing 13 changed files with 48 additions and 24 deletions
......@@ -50,3 +50,27 @@ button::after {
.bg-orange-400 {
background-color: #fb923c;
}
.no-more-text {
font-size: 24rpx;
color: #999;
position: relative;
&::before,
&::after {
content: '';
position: absolute;
top: 50%;
width: 60rpx;
height: 1rpx;
background: #ddd;
}
&::before {
left: -80rpx;
}
&::after {
right: -80rpx;
}
}
......
......@@ -118,7 +118,7 @@
<text class="loading-text">加载中...</text>
</view>
<view v-else-if="noMoreData" class="no-more-data text-center">
<text class="text-gray-500">没有更多数据了</text>
<text class="text-gray-500 no-more-text">没有更多数据了</text>
</view>
</view>
</view>
......
......@@ -77,7 +77,7 @@
<!-- 没有更多数据 -->
<view v-if="!hasMore && authCars.length > 0" class="no-more-container py-4 text-center">
<text class="text-gray-400 text-sm">没有更多数据了</text>
<text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
</view>
</scroll-view>
</view>
......
/*
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-21 11:46:21
* @LastEditTime: 2025-07-22 09:41:24
* @FilePath: /jgdl/src/pages/feedBackList/index.less
* @Description: 意见反馈列表页面样式
*/
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-21 11:47:19
* @LastEditTime: 2025-07-22 09:31:21
* @FilePath: /jgdl/src/pages/feedBackList/index.vue
* @Description: 意见反馈列表页面
-->
......@@ -198,16 +198,16 @@ const getStatusClass = (status) => {
/**
* 格式化时间
*/
const formatTime = (timestamp) => {
if (!timestamp) return ''
const date = new Date(timestamp * 1000)
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
const hours = String(date.getHours()).padStart(2, '0')
const minutes = String(date.getMinutes()).padStart(2, '0')
return `${year}-${month}-${day} ${hours}:${minutes}`
}
// const formatTime = (timestamp) => {
// if (!timestamp) return ''
// const date = new Date(timestamp * 1000)
// const year = date.getFullYear()
// const month = String(date.getMonth() + 1).padStart(2, '0')
// const day = String(date.getDate()).padStart(2, '0')
// const hours = String(date.getHours()).padStart(2, '0')
// const minutes = String(date.getMinutes()).padStart(2, '0')
// return `${year}-${month}-${day} ${hours}:${minutes}`
// }
/**
* 获取反馈列表数据 - 使用真实API
......
......@@ -116,7 +116,7 @@
<!-- 没有更多数据 -->
<view v-if="!hasMore && goodCars.length > 0" class="no-more-container py-4 text-center">
<text class="text-gray-400 text-sm">没有更多数据了</text>
<text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
</view>
</scroll-view>
</view>
......
......@@ -94,7 +94,7 @@
<!-- 没有更多数据 -->
<view v-if="!hasMore && authCars.length > 0" class="no-more-container py-4 text-center">
<text class="text-gray-400 text-sm">没有更多数据了</text>
<text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
</view>
<!-- Empty State -->
......
......@@ -126,7 +126,7 @@
<!-- 没有更多数据 -->
<view v-if="!hasMore && carList.length > 0" class="no-more-container py-4 text-center">
<text class="text-gray-400 text-sm">没有更多数据了</text>
<text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
</view>
</scroll-view>
</view>
......
......@@ -67,7 +67,7 @@
<!-- 没有更多数据 -->
<view v-if="!hasMore && favorites.length > 0" class="no-more-container py-4 text-center">
<text class="text-gray-400 text-sm">没有更多数据了</text>
<text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
</view>
<!-- Empty State -->
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-16 14:06:00
* @LastEditTime: 2025-07-22 09:42:28
* @FilePath: /jgdl/src/pages/newCarList/index.vue
* @Description: 最新上架页面
-->
......@@ -102,7 +102,7 @@
<!-- 没有更多数据 -->
<view v-if="!hasMore && newCars.length > 0" class="no-more-container py-4 text-center">
<text class="text-gray-400 text-sm">没有更多数据了</text>
<text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
</view>
</scroll-view>
</view>
......
......@@ -84,7 +84,7 @@
</view>
<view v-else-if="!hasMore && scooters.length > 0" class="no-more-data">
<text>没有更多数据了</text>
<text class="no-more-text">没有更多数据了</text>
</view>
<nut-button v-else-if="hasMore" shape="round" type="default" plain @click="loadMoreData">点击加载更多</nut-button>
......
......@@ -111,7 +111,7 @@
<!-- 没有更多数据 -->
<view v-if="!hasMore && recommendCars.length > 0" class="no-more-container py-4 text-center">
<text class="text-gray-400 text-sm">没有更多数据了</text>
<text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
</view>
</scroll-view>
</view>
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-16 14:07:18
* @LastEditTime: 2025-07-22 09:44:29
* @FilePath: /jgdl/src/pages/search/index.vue
* @Description: 搜索页面
-->
......@@ -111,7 +111,7 @@
<text class="loading-text">加载中...</text>
</view>
<view v-else-if="noMoreData" class="no-more-data text-center">
<text class="text-gray-500">没有更多数据了</text>
<text class="text-gray-500 no-more-text">没有更多数据了</text>
</view>
</view>
</view>
......