1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <template>
- <view class="empty-box" :style="{'padding-top':top +'rpx','background-color':bgColor}">
- <image class="empty-img" src="./empty-img.png" mode="aspectFit"></image>
- <text class="empty-text">{{emptyText}}</text>
- </view>
- </template>
- <script>
- export default {
- name: "EmptyDate",
- props: {
- bgColor: {
- type: String,
- default: 'transparent'
- },
- emptyText: {
- type: String,
- default: '暂无数据'
- },
- top: {
- type: Number,
- default: 80
- }
- },
- data() {
- return {
- };
- }
- }
- </script>
- <style lang="scss" scoped>
- .empty-box {
- width: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- .empty-img {
- width: 204rpx;
- height: 193rpx;
- }
- .empty-text {
- padding: 32rpx;
- opacity: 0.59;
- color: #999999;
- font-size: 30rpx;
- font-weight: 400;
- }
- }
- </style>
|