路线管理新增空状态提示

This commit is contained in:
Double-_-Z 2025-08-07 11:33:48 +08:00
parent 1d84f00cd3
commit 488aaa98c0

View File

@ -1,8 +1,8 @@
<template> <template>
<view class=""> <view class="">
路线 路线
<!-- <view class="aircraft-route" :style="{backgroundImage: `url(${fileUrl+bgIcon})`}"> --> <!-- <view class="aircraft-route" :style="{backgroundImage: `url(${fileUrl+bgIcon})`}">
<!-- <view class="route-content"> <view class="route-content">
<view class="top-abs" :style="{top: StatusBar+'px',height: CustomBar-StatusBar+'px'}"> <view class="top-abs" :style="{top: StatusBar+'px',height: CustomBar-StatusBar+'px'}">
路线 路线
</view> </view>
@ -35,6 +35,12 @@
{{ item.remark || '运载路线' }} {{ item.remark || '运载路线' }}
</view> </view>
</view> </view>
<u-loadmore v-if="routes.length>0" @loadmore="getMore" :status="form.isFinish" color="#333333" marginTop="30" marginBottom="20" />
<view class="route-empty" :style="{marginTop: CustomBar+100+'px'}" v-else>
<u-empty text="景区路线为空" mode="list"
src="/static/empty.png" icon-size="300" font-size="40"
margin-top="250"></u-empty>
</view>
</view> --> </view> -->
<u-toast ref="uToast"></u-toast> <u-toast ref="uToast"></u-toast>
</view> </view>
@ -86,8 +92,6 @@ export default {
}, },
} }
}, },
computed: {
},
methods:{ methods:{
// //
async init(){ async init(){
@ -243,6 +247,14 @@ export default {
padding: 16rpx 20rpx; padding: 16rpx 20rpx;
} }
} }
&-empty{
width: 100%;
&::v-deep .u-icon__label{
margin-top: 24rpx !important;
font-weight: 500;
font-family: Source Han Sans SC;
}
}
&:focus-within{ &:focus-within{
.triangle{ .triangle{
animation: spin 0.3s linear; animation: spin 0.3s linear;