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 {
}
}
.empty {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 120rpx 0;
.empty-img {
width: 300rpx;
height: 300rpx;
opacity: 0.08;
}
.empty-text {
color: #999;
font-size: 28rpx;
margin-top: 20rpx;
}
}
.nodata{padding:10vh 0; box-sizing: border-box; text-align: center;
image{width: 300rpx;height: 300rpx;display: none; margin:0 auto;
border-radius: 100px;
......@@ -119,7 +137,7 @@ page {
.pd30{padding: 30rpx;box-sizing: border-box;}
.appList{width: 700rpx;margin:30rpx auto;
.appItem{background: #eb7c7c;padding: 20rpx 30rpx 30rpx;margin-bottom: 30rpx;
.appItem{background: #fff;padding: 20rpx 30rpx 30rpx;margin-bottom: 30rpx;
box-shadow: 0rpx 12rpx 116rpx 0rpx rgba(196,203,214,0.1);
border-radius: 15rpx;position: relative;
.iconbox{position: absolute;left: 20rpx;}
......
group/auditRecord1.vue
......@@ -101,6 +101,7 @@
<!-- 空状态 -->
<view v-else class="empty">
<image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
<text class="empty-text">暂无审核记录</text>
</view>
......@@ -399,17 +400,7 @@
}
}
.empty {
display: flex;
justify-content: center;
align-items: center;
padding: 120rpx 0;
.empty-text {
color: #999;
font-size: 28rpx;
}
}
.loading-tip,
.no-more {
......
level/addressManage.vue
......@@ -33,7 +33,7 @@
<!-- 空状态 -->
<view class="empty" v-else>
<image :src="config.baseUrl_api + '/fs/static/nodata.png'" mode="aspectFit" class="empty-icon" />
<image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
<text class="empty-text">暂无收货地址</text>
</view>
......@@ -345,24 +345,6 @@ const submitAddress = async () => {
}
}
.empty {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 120rpx;
.empty-icon {
width: 240rpx;
height: 240rpx;
opacity: 0.5;
}
.empty-text {
margin-top: 20rpx;
font-size: 28rpx;
color: #999;
}
}
.add-btn-wrap {
position: fixed;
......
level/auditRecord2.vue
......@@ -89,6 +89,7 @@
<!-- 空状态 -->
<view v-else class="empty">
<image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
<text class="empty-text">暂无审核记录</text>
</view>
......@@ -376,17 +377,6 @@
}
}
.empty {
display: flex;
justify-content: center;
align-items: center;
padding: 120rpx 0;
.empty-text {
color: #999;
font-size: 28rpx;
}
}
.loading-tip,
.no-more {
......
level/ztx/costSettlement.vue
......@@ -32,11 +32,11 @@
<uni-load-more status="loading"></uni-load-more>
</view>
<view class="empty-wrap" v-else-if="!loading && list.length === 0">
<view class="nodata">
<image mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
<text>暂无数据</text>
</view>
<view class="empty" v-else-if="!loading && list.length === 0">
<!-- <view class="nodata"> -->
<image mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'" class="empty-img"></image>
<text class="empty-text">暂无数据</text>
<!-- </view> -->
</view>
<view class="appList" v-else>
......@@ -293,10 +293,7 @@ function goAdd() {
}
.loading-wrap,
.empty-wrap {
padding: 100rpx 0;
text-align: center;
}
/* 列表样式 */
.appList {
......
level/ztx/costSettlementAdd.vue
......@@ -10,11 +10,11 @@
<uni-load-more status="loading"></uni-load-more>
</view>
<view class="empty-wrap" v-else-if="!loading && list.length === 0">
<view class="nodata">
<image mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
<text>暂无可结算的缴费单</text>
</view>
<view class="empty" v-else-if="!loading && list.length === 0">
<!-- <view class="nodata"> -->
<image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
<text class="empty-text">暂无可结算的缴费单</text>
<!-- </view> -->
</view>
<view class="appList" v-else>
......@@ -215,10 +215,7 @@ function handleSettlement() {
}
.loading-wrap,
.empty-wrap {
padding: 100rpx 0;
text-align: center;
}
.appList {
padding: 0;
......
myCenter/order.vue
......@@ -124,6 +124,7 @@
<!-- 空状态 -->
<view v-else class="empty">
<image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
<text class="empty-text">暂无订单记录</text>
</view>
......@@ -706,18 +707,7 @@ const closeCancelPopup = () => {
}
}
// 空状态
.empty {
display: flex;
justify-content: center;
align-items: center;
padding: 120rpx 0;
.empty-text {
color: #999;
font-size: 28rpx;
}
}
// 加载/无更多提示
.loading-tip, .no-more {
......
pages/index/orderList.vue
......@@ -135,6 +135,7 @@
<!-- 空状态 -->
<view v-else class="empty">
<image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
<text class="empty-text">暂无订单记录</text>
</view>
......@@ -576,17 +577,6 @@
}
}
.empty {
display: flex;
justify-content: center;
align-items: center;
padding: 120rpx 0;
.empty-text {
color: #999;
font-size: 28rpx;
}
}
.loading-tip,
.no-more {
......
personal/levelRecord.vue
......@@ -33,8 +33,8 @@
</view>
<!-- 空状态 -->
<view v-if="levelRecords.length === 0 && !loading" class="empty-state">
<uni-icons type="empty" size="80" color="#ccc" />
<view v-if="levelRecords.length === 0 && !loading" class="empty">
<image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
<view class="empty-text">暂无级位记录</view>
</view>
</view>
......@@ -63,8 +63,9 @@
<view class="change-label">变更时间：{{ parseTime(currentChangeRecord.modTime) }}</view>
</view>
</view>
<view v-else class="empty-state">
<view v-else class="empty">
<uni-icons type="empty" size="60" color="#ccc" />
<image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
<view class="empty-text">暂无变更记录</view>
</view>
</view>
......@@ -78,6 +79,7 @@
import { useUserStore } from '../store/modules/user';
import { getAssoPers } from '@/common/api.js';
import { getPersonTecDetails } from '@/common/api.js';
import config from '@/config.js';
// 级位记录数据
const levelRecords = ref([]);
......@@ -275,19 +277,10 @@
}
/* 空状态 */
.empty-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 100rpx 0;
}
.empty-text {
margin-top: 20rpx;
font-size: 28rpx;
color: #999;
}
/* 弹窗 */
.popup-content {
......
personal/order.vue
......@@ -83,6 +83,7 @@
<!-- 空状态 -->
<view v-else class="empty">
<image class="empty-img" mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'"></image>
<text class="empty-text">暂无订单记录</text>
</view>
......@@ -500,17 +501,7 @@ const closeCancelPopup = () => {
}
// 空状态
.empty {
display: flex;
justify-content: center;
align-items: center;
padding: 120rpx 0;
.empty-text {
color: #999;
font-size: 28rpx;
}
}
// 加载/无更多提示
.loading-tip, .no-more {
......
personalVip/payment.vue
......@@ -99,8 +99,8 @@
</view>
<!-- 空数据状态 -->
<view class="empty-state" v-else>
<image mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'" class="empty-icon"></image>
<view class="empty" v-else>
<image mode="aspectFit" :src="config.baseUrl_api + '/fs/static/nodata.png'" class="empty-img"></image>
<text class="empty-text">暂无数据</text>
</view>
</view>
......@@ -544,23 +544,7 @@ onUnmounted(() => {
opacity: 0.6 !important;
}
/* 空状态 */
.empty-state {
display: flex;
flex-direction: column;
align-items: center;
padding:100rpx 40rpx 0;
.empty-icon {
width:240rpx;
height:240rpx;
margin-bottom:40rpx;
opacity:0.5;
}
.empty-text {
font-size:30rpx;
color:#999;
}
}
/* 加载更多 */
.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!