You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.1 KiB
48 lines
1.1 KiB
3 weeks ago
|
<template>
|
||
|
|
<view class="empty-content">
|
||
|
|
<view class="wanl-gray text-center">
|
||
|
|
<image class="animation-scale-down" :src="src ? $wanlshop.appstc('/default/' + src + '.png') : $wanlshop.appstc('/default/default3x.png')"></image>
|
||
|
|
<view class="text-30">{{ text }}</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
/**
|
||
|
|
* WanlEmpty 缺省页
|
||
|
|
* @description 缺省页组件 深圳前海万联科技有限公司 https://www.wanlshop.com（除万联官方内嵌系统，未经授权严禁使用）
|
||
|
|
* @著作权：WanlShop 登记号：2020SR0255711 版本：V1.0.0
|
||
|
|
*
|
||
|
|
* @property {String} src 图片地址名
|
||
|
|
* @property {String} text 提示文字
|
||
|
|
* @example <wanl-empty src="" text=""/>
|
||
|
|
*/
|
||
|
|
export default {
|
||
|
|
name: 'WanlEmpty',
|
||
|
|
props: {
|
||
|
|
src: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
text: {
|
||
|
|
type: String,
|
||
|
|
default: '没有找到任何内容'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.empty-content {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
width: 100%;
|
||
|
|
padding: 200rpx 130rpx;
|
||
|
|
}
|
||
|
|
.empty-content image{
|
||
|
|
width: 320rpx;
|
||
|
|
height: 320rpx;
|
||
|
|
}
|
||
|
|
</style>
|