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.
shop-app/components/BsEmpty.vue

64 lines
1.0 KiB

<!--
* @Author: ch
* @Date: 2022-03-20 13:11:55
* @LastEditors: ch
* @LastEditTime: 2022-03-24 16:38:41
* @Description: file content
-->
<template>
<view class="empty-content">
<view class="empty-icon">
<slot name="icon">
<!-- <image class="image" src="@/static/empty.png" mode="widthFix"></image> -->
</slot>
</view>
<view class="tips">{{ tips }}</view>
<slot name="btn"></slot>
</view>
</template>
<script>
export default {
/**
* 组件的属性列表
* 用于组件自定义设置
*/
props: {
// 提示的问题
tips: {
type: String,
default: '亲,暂无相关数据'
}
},
data() {
return {}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.empty-content {
box-sizing: border-box;
width: 100%;
padding: 50rpx;
text-align: center;
.tips {
font-size: 26rpx;
color: #999;
margin: 30rpx 0 50rpx;
}
.empty-icon .image {
width: 280rpx;
}
}
</style>