!50 feat: 新增视频组件

Merge pull request !50 from dodu/dev-video

src/views/chart/ContentEdit/components/EditShapeBox/index.vue

@@ -69,6 +69,10 @@ const select = computed(() => {
 @include go(shape-box) {
   position: absolute;
   cursor: move;
+
+  // 混合模式
+  mix-blend-mode: screen;
+
   /* 锚点 */
   .shape-point {
     z-index: 1;

src/views/preview/components/PreviewRenderGroup/index.vue

@@ -4,7 +4,7 @@
     v-for="item in groupData.groupList"
     :class="animationsClass(item.styles.animations)"
     :key="item.id"
-    :style="{ 
+    :style="{
       ...getComponentAttrStyle(item.attr, groupIndex),
       ...getFilterStyle(item.styles),
       ...getTransformStyle(item.styles)
@@ -15,7 +15,7 @@
       :chartConfig="item"
       :themeSetting="themeSetting"
       :themeColor="themeColor"
-      :style="{...getSizeStyle(item.attr)}"
+      :style="{ ...getSizeStyle(item.attr) }"
     ></component>
   </div>
 </template>
@@ -49,5 +49,6 @@ const props = defineProps({
 <style lang="scss" scoped>
 .chart-item {
   position: absolute;
+  mix-blend-mode: screen;
 }
 </style>

src/views/preview/components/PreviewRenderList/index.vue

@@ -63,5 +63,6 @@ const themeColor = computed(() => {
 <style lang="scss" scoped>
 .chart-item {
   position: absolute;
+  mix-blend-mode: screen;
 }
 </style>