init

components/emptyCard.vue

@@ -0,0 +1,46 @@
+<script setup>
+// 引入依赖
+import {watch,ref,reactive} from "vue"
+// icons
+import normal from "/static/default_icon.png"
+import search_icon from "/static/default_search_icon.png"
+// props
+const props = defineProps(['type',"title","message"])
+// 变量
+
+</script>
+<template>
+	<view class="default-icon-box">
+		<view class="icon-box">
+			<image v-if="type=='search'" :src="search_icon" mode="widthFix"></image>
+			<image v-else :src="normal" mode="widthFix"></image>
+		</view>	
+		<view class="text-box">
+			<view class="title-part">{{title?title:'暂无数据...'}}</view>
+			<view class="message-part empty-text">{{message?message:''}}</view>
+		</view>
+	</view>
+</template>
+<style scoped lang="scss">
+	.default-icon-box{
+		padding: 20rpx;
+		.icon-box{
+			text-align: center;
+			image{
+				width: 200rpx;
+			}
+		}
+		.text-box{
+			text-align: center;
+			margin-top: 20rpx;
+			font-size: 28rpx;
+			color:gray;
+			.title-part{
+				margin-bottom: 10rpx;
+			}
+			.message-part{
+				
+			}
+		}
+	}
+</style>