1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- <template>
- <section class="empty-container">
- <div class="empty-wrap">
- <img
- :src="showEmptyObj.imgUrl"
- class="photo">
- <p class="tips">{{ showEmptyObj.tips }}</p>
- </div>
- </section>
- </template>
- <script>
- export default {
- props: {
- emptyObj: {
- type: Object,
- required: false,
- default: () => {}
- }
- },
- data() {
- return {
- showEmptyObj: {
- imgUrl: '//static.hoolihome.com/pc/3.0.0/assets/img/v3.1/no-data.png',
- tips: this.$t('emptyTips')
- }
- }
- },
- created() {
- this.showEmptyObj = Object.assign(this.showEmptyObj, this.emptyObj)
- }
- }
- </script>
- <style lang="less" scoped>
- .empty-container {
- margin: 0 auto;
- .empty-wrap {
- display: flex;
- flex-flow: column nowrap;
- justify-content: center;
- align-items: center;
- max-width: 1200px;
- min-height: 400px;
- margin: 0 auto;
- .photo {
- width: 70px;
- }
- .tips {
- max-width: 200px;
- height: 22px;
- margin-top: 24px;
- font-size: 14px;
- font-family: PingFangSC-Regular;
- font-weight: 400;
- color: rgba(153, 153, 153, 1);
- text-align: center;
- line-height: 22px;
- }
- }
- }
- </style>
|