增加自适应组件
This commit is contained in:
		@@ -2,7 +2,9 @@
 | 
			
		||||
  <section class="AiDvWrapper" :class="'AiDvWrapper' + theme">
 | 
			
		||||
    <dv-full-screen-container>
 | 
			
		||||
      <div class="viewPanel column" flex :style="{backgroundImage:`url('${background}')`}">
 | 
			
		||||
        <component :is="headerComponent" v-bind="{...$props,...$data}" v-model="active" @fullscreen="handleFullScreen" @setting="e=>dialog=e"
 | 
			
		||||
        <slot v-if="$scopedSlots.head" name="head" v-bind="{...$props,...$data}"/>
 | 
			
		||||
        <component v-else :is="headerComponent" v-bind="{...$props,...$data}" v-model="active"
 | 
			
		||||
                   @fullscreen="handleFullScreen" @setting="e=>dialog=e"
 | 
			
		||||
                   @change="e=>$emit('change',e)"/>
 | 
			
		||||
        <div class="fill">
 | 
			
		||||
          <slot/>
 | 
			
		||||
@@ -43,7 +45,7 @@ export default {
 | 
			
		||||
    },
 | 
			
		||||
    value: {default: ''},
 | 
			
		||||
    /**
 | 
			
		||||
     * 布局方案:black,classic
 | 
			
		||||
     * 布局方案:black,classic,fengdu
 | 
			
		||||
     */
 | 
			
		||||
    type: {default: "black"},
 | 
			
		||||
    background: {default: ""}
 | 
			
		||||
@@ -59,7 +61,7 @@ export default {
 | 
			
		||||
    },
 | 
			
		||||
    headerComponent: v => ({
 | 
			
		||||
      classic: Classic,
 | 
			
		||||
      black: Primary
 | 
			
		||||
      black: Primary,
 | 
			
		||||
    }[v.type])
 | 
			
		||||
  },
 | 
			
		||||
  watch: {
 | 
			
		||||
@@ -92,6 +94,7 @@ export default {
 | 
			
		||||
            el.mozCancelFullScreen || el.exitFullScreen;
 | 
			
		||||
        cfs.call(el)
 | 
			
		||||
      }
 | 
			
		||||
      return this.fullscreen
 | 
			
		||||
    },
 | 
			
		||||
    handleSetting() {
 | 
			
		||||
      if (this.setting.timer) clearInterval(this.setting.timer)
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user