fix: 样式优化

core/core-frontend/src/views/chart/components/editor/drag-item/DimensionItem.vue

@@ -915,6 +915,11 @@ span {
 .data-dropdown_popper_mr9 {
   margin-left: -9px !important;
 }
+.ed-dropdown__popper {
+  :nth-child(1).ed-dropdown-menu__item--divided {
+    display: none !important;
+  }
+}
 .menu-item-padding {
   span {
     font-size: 14px;

core/core-frontend/src/views/common/DeResourceCreateOptV2.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dialog
-    class="market-create-dialog"
+    class="market-create-dialog border-radius-12"
     v-model="state.dialogShow"
     width="80vw"
     height="90vh"
@@ -36,7 +36,6 @@ defineExpose({
 
 <style lang="less">
 .market-create-dialog {
-  border-radius: 6px !important;
   padding: 0 !important;
 
   overflow: hidden;

core/core-frontend/src/views/template-market/component/TemplateSkeleton.vue

@@ -39,7 +39,7 @@ const arr = Array(40)
   margin: 0;
   border: 1px solid rgba(222, 224, 227, 1);
   box-sizing: border-box;
-  border-radius: 6px;
+  border-radius: 12px;
   width: 100%;
   background: #fff;
   overflow: hidden;

core/core-frontend/src/views/workbranch/TemplateBranchItem.vue

@@ -143,7 +143,7 @@ const templateInnerPreview = () => {
     box-shadow: 0px 6px 24px 0px rgba(31, 35, 41, 0.08);
     .apply {
       transition: 0.3s;
-      height: 73px;
+      height: 75px;
     }
     .ed-button {
       display: block;

core/core-frontend/src/views/workbranch/TemplateBranchItemSkeleton.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="template border-radius-12">
+    <div class="photo">
+      <div class="img"></div>
+    </div>
+    <div class="apply">
+      <span class="name ellipsis"> </span>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="less">
+.template {
+  overflow: hidden;
+  border: 1px solid #d9d9d9;
+  border-radius: 6px;
+  display: flex;
+  flex-wrap: wrap;
+  min-width: 181px;
+  width: calc(20% - 16px);
+  height: 141px;
+  margin-left: 16px;
+  position: relative;
+  margin-bottom: 16px;
+
+  .photo {
+    padding: 4px;
+    padding-bottom: 0;
+    height: 101px;
+    width: 100%;
+    .img {
+      width: 100%;
+      height: 100%;
+      border-top-left-radius: 4px;
+      border-top-right-radius: 4px;
+      background: #eff0f199;
+    }
+  }
+
+  .apply {
+    padding: 8px 12px;
+    background: #fff;
+    border-top: 1px solid #d9d9d9;
+    position: absolute;
+    width: 100%;
+    left: 0;
+    bottom: 0;
+    height: 39px;
+    display: flex;
+    flex-wrap: wrap;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    justify-content: space-between;
+
+    .name {
+      color: #1f2329;
+      font-family: var(--de-custom_font, 'PingFang');
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 22px;
+      width: 100%;
+      background-color: #eff0f1;
+      border-radius: 6px;
+    }
+  }
+}
+</style>

core/core-frontend/src/views/workbranch/index.vue

@@ -5,7 +5,6 @@ import icon_database_outlined from '@/assets/svg/icon_database_outlined.svg'
 import icon_operationAnalysis_outlined from '@/assets/svg/icon_operation-analysis_outlined.svg'
 import userImg from '@/assets/svg/user-img.svg'
 import icon_template_colorful from '@/assets/svg/icon_template_colorful.svg'
-import no_result from '@/assets/svg/no_result.svg'
 import { useI18n } from '@/hooks/web/useI18n'
 import { ref, shallowRef, computed, reactive, watch } from 'vue'
 import { usePermissionStoreWithOut } from '@/store/modules/permission'
@@ -16,6 +15,7 @@ import { useUserStoreWithOut } from '@/store/modules/user'
 import { useRouter } from 'vue-router_2'
 import { searchMarketRecommend } from '@/api/templateMarket'
 import TemplateBranchItem from '@/views/workbranch/TemplateBranchItem.vue'
+import TemplateBranchItemSkeleton from '@/views/workbranch/TemplateBranchItemSkeleton.vue'
 import { ElMessage } from 'element-plus-secondary'
 import { useCache } from '@/hooks/web/useCache'
 import DeResourceCreateOptV2 from '@/views/common/DeResourceCreateOptV2.vue'
@@ -426,15 +426,10 @@ loadShareBase()
               >
               </template-branch-item>
             </div>
-            <el-row v-show="state.networkStatus && !state.hasResult" class="template-empty">
-              <div style="text-align: center">
-                <Icon name="no_result" class="no-result"
-                  ><no_result class="svg-icon no-result"
-                /></Icon>
-                <br />
-                <span class="no-result-tips">{{ t('work_branch.relevant_templates_found') }}</span>
-              </div>
-            </el-row>
+            <div class="template-list" v-show="state.networkStatus && !state.hasResult">
+              <template-branch-item-skeleton v-for="(_, index) in Array(5).fill({})" :key="index">
+              </template-branch-item-skeleton>
+            </div>
             <el-row v-show="!state.networkStatus" class="template-empty">
               {{ t('visualization.market_network_tips', [state.baseUrl]) }}
             </el-row>