new_shop_app/components/emptyPage.vue

54 lines
1.3 KiB
Vue
Raw Normal View History

2024-02-19 10:44:33 +08:00
<template>
2024-03-02 11:47:03 +08:00
<view class="empty-box" :style="{'margin-top':mt}">
2024-02-19 10:44:33 +08:00
<image src="/static/images/empty-box.png"></image>
2024-03-02 11:47:03 +08:00
<view class="txt" :style="{color:color}">{{title}}</view>
2024-02-19 10:44:33 +08:00
</view>
</template>
<script>
// +----------------------------------------------------------------------
// | CRMEB [ CRMEB赋能开发者助力企业发展 ]
// +----------------------------------------------------------------------
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
// +----------------------------------------------------------------------
// | Licensed CRMEB并不是自由软件未经许可不能去掉CRMEB相关版权
// +----------------------------------------------------------------------
// | Author: CRMEB Team <admin@crmeb.com>
// +----------------------------------------------------------------------
2024-03-02 11:47:03 +08:00
export default {
2024-02-19 10:44:33 +08:00
props: {
title: {
type: String,
default: '暂无记录',
},
2024-03-02 11:47:03 +08:00
color: {
type: String,
default: "#999"
},
mt: {
type: String,
default: "200rpx"
}
2024-02-19 10:44:33 +08:00
},
}
</script>
<style lang="scss">
2024-03-02 11:47:03 +08:00
.empty-box {
2024-02-19 10:44:33 +08:00
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 200rpx;
2024-03-02 11:47:03 +08:00
image {
2024-02-19 10:44:33 +08:00
width: 414rpx;
height: 240rpx;
}
2024-03-02 11:47:03 +08:00
.txt {
2024-02-19 10:44:33 +08:00
font-size: 26rpx;
color: #999;
}
}
2024-03-02 11:47:03 +08:00
</style>