多彩柱状完成

packages/bigscreen/designer/components/chartPicker.vue

@@ -3,7 +3,7 @@
     <ai-dialog-btn :modal="false" dialog-title="选择图表模板" :customFooter="false"
                    @confirm="handleConfirm" @open="handleOpenDialog">
       <template #btn>
-        <img class="pointer" v-if="current.thumb" :src="current.thumb"/>
+        <img class="pointer thumb" v-if="current.thumb" :src="current.thumb"/>
         <el-button v-else type="text">选择图表</el-button>
       </template>
       <div class="charts">
@@ -62,6 +62,11 @@ export default {
     cursor: pointer;
   }
 
+  .thumb {
+    width: 200px;
+    height: 90px;
+  }
+
   .charts {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
@@ -74,6 +79,7 @@ export default {
 
       & > img {
         width: 100%;
+        height: 90px;
       }
 
       &.selected, &:hover {