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 { ...@@ -50,3 +50,27 @@ button::after {
50 .bg-orange-400 { 50 .bg-orange-400 {
51 background-color: #fb923c; 51 background-color: #fb923c;
52 } 52 }
53 +
54 +.no-more-text {
55 + font-size: 24rpx;
56 + color: #999;
57 + position: relative;
58 +
59 + &::before,
60 + &::after {
61 + content: '';
62 + position: absolute;
63 + top: 50%;
64 + width: 60rpx;
65 + height: 1rpx;
66 + background: #ddd;
67 + }
68 +
69 + &::before {
70 + left: -80rpx;
71 + }
72 +
73 + &::after {
74 + right: -80rpx;
75 + }
76 +}
......
...@@ -118,7 +118,7 @@ ...@@ -118,7 +118,7 @@
118 <text class="loading-text">加载中...</text> 118 <text class="loading-text">加载中...</text>
119 </view> 119 </view>
120 <view v-else-if="noMoreData" class="no-more-data text-center"> 120 <view v-else-if="noMoreData" class="no-more-data text-center">
121 - <text class="text-gray-500">没有更多数据了</text> 121 + <text class="text-gray-500 no-more-text">没有更多数据了</text>
122 </view> 122 </view>
123 </view> 123 </view>
124 </view> 124 </view>
......
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 77
78 <!-- 没有更多数据 --> 78 <!-- 没有更多数据 -->
79 <view v-if="!hasMore && authCars.length > 0" class="no-more-container py-4 text-center"> 79 <view v-if="!hasMore && authCars.length > 0" class="no-more-container py-4 text-center">
80 - <text class="text-gray-400 text-sm">没有更多数据了</text> 80 + <text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
81 </view> 81 </view>
82 </scroll-view> 82 </scroll-view>
83 </view> 83 </view>
......
1 /* 1 /*
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-07-21 11:46:21 4 + * @LastEditTime: 2025-07-22 09:41:24
5 * @FilePath: /jgdl/src/pages/feedBackList/index.less 5 * @FilePath: /jgdl/src/pages/feedBackList/index.less
6 * @Description: 意见反馈列表页面样式 6 * @Description: 意见反馈列表页面样式
7 */ 7 */
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-07-21 11:47:19 4 + * @LastEditTime: 2025-07-22 09:31:21
5 * @FilePath: /jgdl/src/pages/feedBackList/index.vue 5 * @FilePath: /jgdl/src/pages/feedBackList/index.vue
6 * @Description: 意见反馈列表页面 6 * @Description: 意见反馈列表页面
7 --> 7 -->
...@@ -198,16 +198,16 @@ const getStatusClass = (status) => { ...@@ -198,16 +198,16 @@ const getStatusClass = (status) => {
198 /** 198 /**
199 * 格式化时间 199 * 格式化时间
200 */ 200 */
201 -const formatTime = (timestamp) => { 201 +// const formatTime = (timestamp) => {
202 - if (!timestamp) return '' 202 +// if (!timestamp) return ''
203 - const date = new Date(timestamp * 1000) 203 +// const date = new Date(timestamp * 1000)
204 - const year = date.getFullYear() 204 +// const year = date.getFullYear()
205 - const month = String(date.getMonth() + 1).padStart(2, '0') 205 +// const month = String(date.getMonth() + 1).padStart(2, '0')
206 - const day = String(date.getDate()).padStart(2, '0') 206 +// const day = String(date.getDate()).padStart(2, '0')
207 - const hours = String(date.getHours()).padStart(2, '0') 207 +// const hours = String(date.getHours()).padStart(2, '0')
208 - const minutes = String(date.getMinutes()).padStart(2, '0') 208 +// const minutes = String(date.getMinutes()).padStart(2, '0')
209 - return `${year}-${month}-${day} ${hours}:${minutes}` 209 +// return `${year}-${month}-${day} ${hours}:${minutes}`
210 -} 210 +// }
211 211
212 /** 212 /**
213 * 获取反馈列表数据 - 使用真实API 213 * 获取反馈列表数据 - 使用真实API
......
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
116 116
117 <!-- 没有更多数据 --> 117 <!-- 没有更多数据 -->
118 <view v-if="!hasMore && goodCars.length > 0" class="no-more-container py-4 text-center"> 118 <view v-if="!hasMore && goodCars.length > 0" class="no-more-container py-4 text-center">
119 - <text class="text-gray-400 text-sm">没有更多数据了</text> 119 + <text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
120 </view> 120 </view>
121 </scroll-view> 121 </scroll-view>
122 </view> 122 </view>
......
...@@ -94,7 +94,7 @@ ...@@ -94,7 +94,7 @@
94 94
95 <!-- 没有更多数据 --> 95 <!-- 没有更多数据 -->
96 <view v-if="!hasMore && authCars.length > 0" class="no-more-container py-4 text-center"> 96 <view v-if="!hasMore && authCars.length > 0" class="no-more-container py-4 text-center">
97 - <text class="text-gray-400 text-sm">没有更多数据了</text> 97 + <text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
98 </view> 98 </view>
99 99
100 <!-- Empty State --> 100 <!-- Empty State -->
......
...@@ -126,7 +126,7 @@ ...@@ -126,7 +126,7 @@
126 126
127 <!-- 没有更多数据 --> 127 <!-- 没有更多数据 -->
128 <view v-if="!hasMore && carList.length > 0" class="no-more-container py-4 text-center"> 128 <view v-if="!hasMore && carList.length > 0" class="no-more-container py-4 text-center">
129 - <text class="text-gray-400 text-sm">没有更多数据了</text> 129 + <text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
130 </view> 130 </view>
131 </scroll-view> 131 </scroll-view>
132 </view> 132 </view>
......
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 67
68 <!-- 没有更多数据 --> 68 <!-- 没有更多数据 -->
69 <view v-if="!hasMore && favorites.length > 0" class="no-more-container py-4 text-center"> 69 <view v-if="!hasMore && favorites.length > 0" class="no-more-container py-4 text-center">
70 - <text class="text-gray-400 text-sm">没有更多数据了</text> 70 + <text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
71 </view> 71 </view>
72 72
73 <!-- Empty State --> 73 <!-- Empty State -->
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-07-16 14:06:00 4 + * @LastEditTime: 2025-07-22 09:42:28
5 * @FilePath: /jgdl/src/pages/newCarList/index.vue 5 * @FilePath: /jgdl/src/pages/newCarList/index.vue
6 * @Description: 最新上架页面 6 * @Description: 最新上架页面
7 --> 7 -->
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
102 102
103 <!-- 没有更多数据 --> 103 <!-- 没有更多数据 -->
104 <view v-if="!hasMore && newCars.length > 0" class="no-more-container py-4 text-center"> 104 <view v-if="!hasMore && newCars.length > 0" class="no-more-container py-4 text-center">
105 - <text class="text-gray-400 text-sm">没有更多数据了</text> 105 + <text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
106 </view> 106 </view>
107 </scroll-view> 107 </scroll-view>
108 </view> 108 </view>
......
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
84 </view> 84 </view>
85 85
86 <view v-else-if="!hasMore && scooters.length > 0" class="no-more-data"> 86 <view v-else-if="!hasMore && scooters.length > 0" class="no-more-data">
87 - <text>没有更多数据了</text> 87 + <text class="no-more-text">没有更多数据了</text>
88 </view> 88 </view>
89 89
90 <nut-button v-else-if="hasMore" shape="round" type="default" plain @click="loadMoreData">点击加载更多</nut-button> 90 <nut-button v-else-if="hasMore" shape="round" type="default" plain @click="loadMoreData">点击加载更多</nut-button>
......
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
111 111
112 <!-- 没有更多数据 --> 112 <!-- 没有更多数据 -->
113 <view v-if="!hasMore && recommendCars.length > 0" class="no-more-container py-4 text-center"> 113 <view v-if="!hasMore && recommendCars.length > 0" class="no-more-container py-4 text-center">
114 - <text class="text-gray-400 text-sm">没有更多数据了</text> 114 + <text class="text-gray-400 text-sm no-more-text">没有更多数据了</text>
115 </view> 115 </view>
116 </scroll-view> 116 </scroll-view>
117 </view> 117 </view>
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-07-16 14:07:18 4 + * @LastEditTime: 2025-07-22 09:44:29
5 * @FilePath: /jgdl/src/pages/search/index.vue 5 * @FilePath: /jgdl/src/pages/search/index.vue
6 * @Description: 搜索页面 6 * @Description: 搜索页面
7 --> 7 -->
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
111 <text class="loading-text">加载中...</text> 111 <text class="loading-text">加载中...</text>
112 </view> 112 </view>
113 <view v-else-if="noMoreData" class="no-more-data text-center"> 113 <view v-else-if="noMoreData" class="no-more-data text-center">
114 - <text class="text-gray-500">没有更多数据了</text> 114 + <text class="text-gray-500 no-more-text">没有更多数据了</text>
115 </view> 115 </view>
116 </view> 116 </view>
117 </view> 117 </view>
......