大屏样式完成

components/AiDvRender.vue

@@ -4,6 +4,7 @@
     <ai-dv-panel
         style="height: 100%; width: 100%;"
         v-if="currentType !== 'display'"
+        :padding="data.padding"
         :title="data.title"
         :theme="theme"
         :border="data.border || ''">
@@ -56,6 +57,7 @@
       </ai-map>
       <ai-monitor :src="data.src" v-else-if="currentType === 'monitor'" :type="data.monitorType"/>
       <ai-monitor-carousel :list="data.list" v-else-if="currentType === 'monitorCarousel'"/>
+      <img v-else-if="currentType=='img'" :src="data.src" alt="" style="width: 100%; height: 100%; object-fit: fill;"/>
       <video style="width: 100%; height: 100%; object-fit: fill;" loop :src="data.src" autoplay
              v-else-if="currentType === 'video'"/>
       <AiDvPartyOrg style="width: 100%; height: 100%;" v-else-if="currentType === 'partyOrg'" :instance="instance"/>

components/layout/AiDvPanel/AiDvPanel.vue

@@ -4,9 +4,13 @@
       <template v-if="$slots.title" #title>
         <slot name="title"/>
       </template>
-      <slot/>
+      <div :style="{padding}">
+        <slot/>
+      </div>
     </component>
-    <slot style="width: 100%; height: 100%;" v-else></slot>
+    <div v-else :style="{padding}">
+      <slot style="width: 100%; height: 100%;"/>
+    </div>
   </section>
 </template>
 
@@ -54,7 +58,8 @@ export default {
     theme: {
       type: String,
       default: '0'
-    }
+    },
+    padding: {default: 0}
   },
   mounted() {
   },

components/layout/AiDvPanel/borders/border15.vue

@@ -24,6 +24,7 @@ export default {
     padding: 0 10px;
     background-image: linear-gradient(270deg, rgba(31, 67, 102, 0), rgba(31, 78, 102, 0.4));
     margin-bottom: 12px;
+    color: white;
   }
 
   .slot {