12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- var emptyTemp = `
- <div class="empty-container">
- <div class="empty-content-position">
- <div class="image" :class="stateClass"></div>
- <div class="empty-main tip-text">
- <slot name="default"></slot>
- </div>
- </div>
- </div>
- `
- var emptyComponent = {
- name: 'empty-container',
- template: emptyTemp,
- props: {
- /**
- * 图标名称 back [back cry chagrin sleep smile box]
- */
- state: {
- type: String,
- default: 'back'
- }
- },
- computed: {
- stateClass () {
- const imgType = this.typeSrc[this.state]
- const classArr = [imgType]
- if (!window.utils.$envs.inH5) {
- classArr.push('fixed-position')
- }
- return classArr
- }
- },
- data () {
- return {
- typeSrc: {
- back: 'empty-back',
- cry: 'empty-cry',
- chagrin: 'empty-chagrin',
- sleep: 'empty-sleep',
- smile: 'empty-smile',
- box: 'empty-box'
- }
- }
- }
- }
|