feat:点击播放视频

ZhangXianQiang

2024-02-29 ce6d4baacf1b8bc9946216f33cbe723a3a686f05

 src/components/datav/border-box-13/border-box-13.vue

@@ -3,7 +3,24 @@
import merge from "lodash/merge";

import { useElementSize  } from "@vueuse/core";

import type { PropType } from "vue";



const config = {

  header: ['列1', '列2', '列3'],

  data: [

    ['行1列1', '行1列2', '行1列3'],

    ['行2列1', '行2列2', '行2列3'],

    ['行3列1', '行3列2', '行3列3'],

    ['行4列1', '行4列2', '行4列3'],

    ['行5列1', '行5列2', '行5列3'],

    ['行6列1', '行6列2', '行6列3'],

    ['行7列1', '行7列2', '行7列3'],

    ['行8列1', '行8列2', '行8列3'],

    ['行9列1', '行9列2', '行9列3'],

    ['行10列1', '行10列2', '行10列3']

  ],

  index: true,

  columnWidth: [50],

  align: ['center']

}

const props = defineProps({

  color: {

    type: Array as unknown as PropType<[string, string]>,

@@ -62,6 +79,7 @@
      />

    </svg>

    <div class="dv-border-box-content">



      <slot></slot>

    </div>

  </div>

@@ -73,6 +91,7 @@
  box-sizing: border-box;

  width: 100%;

  height: 100%;

  padding: 20px 0;

}

.dv-border-svg-container {

  position: absolute;