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.
53 lines
972 B
53 lines
972 B
3 years ago
|
<script>
|
||
|
|
import native from '../../mixins/native'
|
||
|
|
import cover from '../../mixins/cover'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'CoverView',
|
||
|
|
mixins: [native, cover],
|
||
|
|
props: {},
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
coverType: 'text',
|
||
|
|
coverContent: ''
|
||
|
|
}
|
||
|
|
},
|
||
|
|
render (createElement) {
|
||
|
|
let coverContent = ''
|
||
|
|
const $slots = this.$slots.default || []
|
||
|
|
$slots.forEach(node => {
|
||
|
|
if (!node.tag) {
|
||
|
|
coverContent += node.text || ''
|
||
|
|
}
|
||
|
|
})
|
||
|
|
this.coverContent = coverContent
|
||
|
|
return createElement('uni-cover-view', {
|
||
|
|
on: {
|
||
|
|
on: this.$listeners
|
||
|
|
}
|
||
|
|
}, [createElement('div', {
|
||
|
|
ref: 'container',
|
||
|
|
staticClass: 'uni-cover-view'
|
||
|
|
}, [coverContent])])
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
uni-cover-view {
|
||
|
|
display: block;
|
||
|
|
line-height: 1.2;
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
pointer-events: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
uni-cover-view[hidden] {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
uni-cover-view .uni-cover-view {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
</style>
|