Przeglądaj źródła

无数据组件

master
bjfight 4 dni temu
rodzic
commit
f3ef993741

+ 40
- 0
components/no-data-view/no-data-view.vue Wyświetl plik

@@ -0,0 +1,40 @@
<template>
<view class="no-data-wrapper">
<img src="@/static/image/no-data.png" alt="" class="img"/>
<view class="text">{{props.text || '暂无数据'}}</view>
</view>
</template>

<script script="ts" setup >
import { defineProps } from 'vue';
const props = defineProps({
text: {
type: String,
},
imgSrc: {
type: String
}
})
</script>

<style lang="scss" scoped>
.no-data-wrapper {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
.img {
width: 60%;
margin-bottom: 40rpx;
}
.text {
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 40rpx;
color: #666666;
line-height: 50rpx;
}
}
</style>

BIN
static/image/no-data.png Wyświetl plik


+ 4
- 1
subpackage/after-sale/activation-once-again/select-car.vue Wyświetl plik

@@ -52,7 +52,9 @@
></image>
</view>
</template>
<view v-else class="flex"> 暂无车辆订单信息 </view>
<NoDataView v-else />
<!-- <EmptyView v-else :mode="list" :content="'暂无数据'" /> -->
<!-- <view v-else class="flex"> 暂无车辆订单信息 </view> -->
<view v-if="state.loading" class="flex">加载中...</view>
<view v-if="state.finished && state.list.length > 0" class="flex"
>没有更多了</view
@@ -81,6 +83,7 @@ import {
} from "@/datas/vehiclePlateColor";
import { getCodeName } from "@/datas/queryKey.js";
import useOrderListItem from "@/composables/order/useOrderListItem";
import NoDataView from "@/components/no-data-view/no-data-view.vue";
const props = defineProps({
index: {
type: Number,

Ładowanie…
Anuluj
Zapisz