Skip to content

杨炀 / ztx_wx_gzt

Go to a project
Toggle navigation
Toggle navigation pinning
cfdea69e by lttnew
Options

空状态

1 parent dbdf4c4c
Inline Side-by-side
Showing 12 changed files with 47 additions and 124 deletions
common/mystyle.scss
...@@ -58,7 +58,25 @@ page { ...@@ -58,7 +58,25 @@ page {
58 } 58 }
59 } 59 }
60 60
61 .empty {
62 display: flex;
63 flex-direction: column;
64 justify-content: center;
65 align-items: center;
66 padding: 120rpx 0;
61 67
68 .empty-img {
69 width: 300rpx;
70 height: 300rpx;
71 opacity: 0.08;
72 }
73
74 .empty-text {
75 color: #999;
76 font-size: 28rpx;
77 margin-top: 20rpx;
78 }
79 }
62 .nodata{padding:10vh 0; box-sizing: border-box; text-align: center; 80 .nodata{padding:10vh 0; box-sizing: border-box; text-align: center;
63 image{width: 300rpx;height: 300rpx;display: none; margin:0 auto; 81 image{width: 300rpx;height: 300rpx;display: none; margin:0 auto;
64 border-radius: 100px; 82 border-radius: 100px;
...@@ -119,7 +137,7 @@ page { ...@@ -119,7 +137,7 @@ page {
119 .pd30{padding: 30rpx;box-sizing: border-box;} 137 .pd30{padding: 30rpx;box-sizing: border-box;}
120 138
121 .appList{width: 700rpx;margin:30rpx auto; 139 .appList{width: 700rpx;margin:30rpx auto;
122 .appItem{background: #eb7c7c;padding: 20rpx 30rpx 30rpx;margin-bottom: 30rpx; 140 .appItem{background: #fff;padding: 20rpx 30rpx 30rpx;margin-bottom: 30rpx;
123 box-shadow: 0rpx 12rpx 116rpx 0rpx rgba(196,203,214,0.1); 141 box-shadow: 0rpx 12rpx 116rpx 0rpx rgba(196,203,214,0.1);
124 border-radius: 15rpx;position: relative; 142 border-radius: 15rpx;position: relative;
125 .iconbox{position: absolute;left: 20rpx;} 143 .iconbox{position: absolute;left: 20rpx;}
......
group/auditRecord1.vue
...@@ -101,6 +101,7 @@ ...@@ -101,6 +101,7 @@
101 101
102 <!-- 空状态 --> 102 <!-- 空状态 -->
103 <view v-else class="empty"> 103 <view v-else class="empty">
104 <image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
104 <text class="empty-text">暂无审核记录</text> 105 <text class="empty-text">暂无审核记录</text>
105 </view> 106 </view>
106 107
...@@ -399,17 +400,7 @@ ...@@ -399,17 +400,7 @@
399 } 400 }
400 } 401 }
401 402
402 .empty {
403 display: flex;
404 justify-content: center;
405 align-items: center;
406 padding: 120rpx 0;
407 403
408 .empty-text {
409 color: #999;
410 font-size: 28rpx;
411 }
412 }
413 404
414 .loading-tip, 405 .loading-tip,
415 .no-more { 406 .no-more {
......
level/addressManage.vue
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 33
34 <!-- 空状态 --> 34 <!-- 空状态 -->
35 <view class="empty" v-else> 35 <view class="empty" v-else>
36 <image :src="config.baseUrl_api + '/fs/static/nodata.png'" mode="aspectFit" class="empty-icon" /> 36 <image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
37 <text class="empty-text">暂无收货地址</text> 37 <text class="empty-text">暂无收货地址</text>
38 </view> 38 </view>
39 39
...@@ -345,24 +345,6 @@ const submitAddress = async () => { ...@@ -345,24 +345,6 @@ const submitAddress = async () => {
345 } 345 }
346 } 346 }
347 347
348 .empty {
349 display: flex;
350 flex-direction: column;
351 align-items: center;
352 padding-top: 120rpx;
353
354 .empty-icon {
355 width: 240rpx;
356 height: 240rpx;
357 opacity: 0.5;
358 }
359
360 .empty-text {
361 margin-top: 20rpx;
362 font-size: 28rpx;
363 color: #999;
364 }
365 }
366 348
367 .add-btn-wrap { 349 .add-btn-wrap {
368 position: fixed; 350 position: fixed;
......
level/auditRecord2.vue
...@@ -89,6 +89,7 @@ ...@@ -89,6 +89,7 @@
89 89
90 <!-- 空状态 --> 90 <!-- 空状态 -->
91 <view v-else class="empty"> 91 <view v-else class="empty">
92 <image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
92 <text class="empty-text">暂无审核记录</text> 93 <text class="empty-text">暂无审核记录</text>
93 </view> 94 </view>
94 95
...@@ -376,17 +377,6 @@ ...@@ -376,17 +377,6 @@
376 } 377 }
377 } 378 }
378 379
379 .empty {
380 display: flex;
381 justify-content: center;
382 align-items: center;
383 padding: 120rpx 0;
384
385 .empty-text {
386 color: #999;
387 font-size: 28rpx;
388 }
389 }
390 380
391 .loading-tip, 381 .loading-tip,
392 .no-more { 382 .no-more {
......
level/ztx/costSettlement.vue
...@@ -32,11 +32,11 @@ ...@@ -32,11 +32,11 @@
32 <uni-load-more status="loading"></uni-load-more> 32 <uni-load-more status="loading"></uni-load-more>
33 </view> 33 </view>
34 34
35 <view class="empty-wrap" v-else-if="!loading && list.length === 0"> 35 <view class="empty" v-else-if="!loading && list.length === 0">
36 <view class="nodata"> 36 <!-- <view class="nodata"> -->
37 <image mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image> 37 <image mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'" class="empty-img"></image>
38 <text>暂无数据</text> 38 <text class="empty-text">暂无数据</text>
39 </view> 39 <!-- </view> -->
40 </view> 40 </view>
41 41
42 <view class="appList" v-else> 42 <view class="appList" v-else>
...@@ -293,10 +293,7 @@ function goAdd() { ...@@ -293,10 +293,7 @@ function goAdd() {
293 } 293 }
294 294
295 .loading-wrap, 295 .loading-wrap,
296 .empty-wrap { 296
297 padding: 100rpx 0;
298 text-align: center;
299 }
300 297
301 /* 列表样式 */ 298 /* 列表样式 */
302 .appList { 299 .appList {
......
level/ztx/costSettlementAdd.vue
...@@ -10,11 +10,11 @@ ...@@ -10,11 +10,11 @@
10 <uni-load-more status="loading"></uni-load-more> 10 <uni-load-more status="loading"></uni-load-more>
11 </view> 11 </view>
12 12
13 <view class="empty-wrap" v-else-if="!loading && list.length === 0"> 13 <view class="empty" v-else-if="!loading && list.length === 0">
14 <view class="nodata"> 14 <!-- <view class="nodata"> -->
15 <image mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image> 15 <image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
16 <text>暂无可结算的缴费单</text> 16 <text class="empty-text">暂无可结算的缴费单</text>
17 </view> 17 <!-- </view> -->
18 </view> 18 </view>
19 19
20 <view class="appList" v-else> 20 <view class="appList" v-else>
...@@ -215,10 +215,7 @@ function handleSettlement() { ...@@ -215,10 +215,7 @@ function handleSettlement() {
215 } 215 }
216 216
217 .loading-wrap, 217 .loading-wrap,
218 .empty-wrap { 218
219 padding: 100rpx 0;
220 text-align: center;
221 }
222 219
223 .appList { 220 .appList {
224 padding: 0; 221 padding: 0;
......
myCenter/order.vue
...@@ -124,6 +124,7 @@ ...@@ -124,6 +124,7 @@
124 124
125 <!-- 空状态 --> 125 <!-- 空状态 -->
126 <view v-else class="empty"> 126 <view v-else class="empty">
127 <image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
127 <text class="empty-text">暂无订单记录</text> 128 <text class="empty-text">暂无订单记录</text>
128 </view> 129 </view>
129 130
...@@ -706,18 +707,7 @@ const closeCancelPopup = () => { ...@@ -706,18 +707,7 @@ const closeCancelPopup = () => {
706 } 707 }
707 } 708 }
708 709
709 // 空状态
710 .empty {
711 display: flex;
712 justify-content: center;
713 align-items: center;
714 padding: 120rpx 0;
715 710
716 .empty-text {
717 color: #999;
718 font-size: 28rpx;
719 }
720 }
721 711
722 // 加载/无更多提示 712 // 加载/无更多提示
723 .loading-tip, .no-more { 713 .loading-tip, .no-more {
......
pages/index/orderList.vue
...@@ -135,6 +135,7 @@ ...@@ -135,6 +135,7 @@
135 135
136 <!-- 空状态 --> 136 <!-- 空状态 -->
137 <view v-else class="empty"> 137 <view v-else class="empty">
138 <image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
138 <text class="empty-text">暂无订单记录</text> 139 <text class="empty-text">暂无订单记录</text>
139 </view> 140 </view>
140 141
...@@ -576,17 +577,6 @@ ...@@ -576,17 +577,6 @@
576 } 577 }
577 } 578 }
578 579
579 .empty {
580 display: flex;
581 justify-content: center;
582 align-items: center;
583 padding: 120rpx 0;
584
585 .empty-text {
586 color: #999;
587 font-size: 28rpx;
588 }
589 }
590 580
591 .loading-tip, 581 .loading-tip,
592 .no-more { 582 .no-more {
......
personal/levelRecord.vue
...@@ -33,8 +33,8 @@ ...@@ -33,8 +33,8 @@
33 </view> 33 </view>
34 34
35 <!-- 空状态 --> 35 <!-- 空状态 -->
36 <view v-if="levelRecords.length === 0 && !loading" class="empty-state"> 36 <view v-if="levelRecords.length === 0 && !loading" class="empty">
37 <uni-icons type="empty" size="80" color="#ccc" /> 37 <image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
38 <view class="empty-text">暂无级位记录</view> 38 <view class="empty-text">暂无级位记录</view>
39 </view> 39 </view>
40 </view> 40 </view>
...@@ -63,8 +63,9 @@ ...@@ -63,8 +63,9 @@
63 <view class="change-label">变更时间：{{ parseTime(currentChangeRecord.modTime) }}</view> 63 <view class="change-label">变更时间：{{ parseTime(currentChangeRecord.modTime) }}</view>
64 </view> 64 </view>
65 </view> 65 </view>
66 <view v-else class="empty-state"> 66 <view v-else class="empty">
67 <uni-icons type="empty" size="60" color="#ccc" /> 67 <uni-icons type="empty" size="60" color="#ccc" />
68 <image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
68 <view class="empty-text">暂无变更记录</view> 69 <view class="empty-text">暂无变更记录</view>
69 </view> 70 </view>
70 </view> 71 </view>
...@@ -78,6 +79,7 @@ ...@@ -78,6 +79,7 @@
78 import { useUserStore } from '../store/modules/user'; 79 import { useUserStore } from '../store/modules/user';
79 import { getAssoPers } from '@/common/api.js'; 80 import { getAssoPers } from '@/common/api.js';
80 import { getPersonTecDetails } from '@/common/api.js'; 81 import { getPersonTecDetails } from '@/common/api.js';
82 import config from '@/config.js';
81 83
82 // 级位记录数据 84 // 级位记录数据
83 const levelRecords = ref([]); 85 const levelRecords = ref([]);
...@@ -275,19 +277,10 @@ ...@@ -275,19 +277,10 @@
275 } 277 }
276 278
277 /* 空状态 */ 279 /* 空状态 */
278 .empty-state {
279 display: flex;
280 flex-direction: column;
281 align-items: center;
282 justify-content: center;
283 padding: 100rpx 0;
284 }
285 280
286 .empty-text { 281
287 margin-top: 20rpx; 282
288 font-size: 28rpx; 283
289 color: #999;
290 }
291 284
292 /* 弹窗 */ 285 /* 弹窗 */
293 .popup-content { 286 .popup-content {
......
personal/order.vue
...@@ -83,6 +83,7 @@ ...@@ -83,6 +83,7 @@
83 83
84 <!-- 空状态 --> 84 <!-- 空状态 -->
85 <view v-else class="empty"> 85 <view v-else class="empty">
86 <image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
86 <text class="empty-text">暂无订单记录</text> 87 <text class="empty-text">暂无订单记录</text>
87 </view> 88 </view>
88 89
...@@ -500,17 +501,7 @@ const closeCancelPopup = () => { ...@@ -500,17 +501,7 @@ const closeCancelPopup = () => {
500 } 501 }
501 502
502 // 空状态 503 // 空状态
503 .empty {
504 display: flex;
505 justify-content: center;
506 align-items: center;
507 padding: 120rpx 0;
508 504
509 .empty-text {
510 color: #999;
511 font-size: 28rpx;
512 }
513 }
514 505
515 // 加载/无更多提示 506 // 加载/无更多提示
516 .loading-tip, .no-more { 507 .loading-tip, .no-more {
......
personalVip/payment.vue
...@@ -99,8 +99,8 @@ ...@@ -99,8 +99,8 @@
99 </view> 99 </view>
100 100
101 <!-- 空数据状态 --> 101 <!-- 空数据状态 -->
102 <view class="empty-state" v-else> 102 <view class="empty" v-else>
103 <image mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'" class="empty-icon"></image> 103 <image mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'" class="empty-img"></image>
104 <text class="empty-text">暂无数据</text> 104 <text class="empty-text">暂无数据</text>
105 </view> 105 </view>
106 </view> 106 </view>
...@@ -544,23 +544,7 @@ onUnmounted(() => { ...@@ -544,23 +544,7 @@ onUnmounted(() => {
544 opacity: 0.6 !important; 544 opacity: 0.6 !important;
545 } 545 }
546 /* 空状态 */ 546 /* 空状态 */
547 .empty-state {
548 display: flex;
549 flex-direction: column;
550 align-items: center;
551 padding:100rpx 40rpx 0;
552 547
553 .empty-icon {
554 width:240rpx;
555 height:240rpx;
556 margin-bottom:40rpx;
557 opacity:0.5;
558 }
559 .empty-text {
560 font-size:30rpx;
561 color:#999;
562 }
563 }
564 548
565 /* 加载更多 */ 549 /* 加载更多 */
566 .load-more { 550 .load-more {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!