Browse Source

feat(button): 更新按钮组件,添加块级属性并优化样式;移除默认主题样式文件

EvilDragon 3 months ago
parent
commit
1450923c88

+ 2 - 2
packages/app/src/components/button-evo.vue

@@ -26,7 +26,7 @@ const height = computed(() => ({ lg: '20px' })[props.size] || '2.75rem')
     class="left-skew relative bg-transparent hover:bg-transparent h-[--evo-btn-height]!"
     :class="`${btnClass}`"
     :style="{ '--color': color, '--evo-btn-height': height }"
-    v-bind="props"
+    :block="block"
   >
     <div class="w-full h-full flex items-center justify-center relative z-1 c-white">
       <slot></slot>
@@ -40,7 +40,7 @@ const height = computed(() => ({ lg: '20px' })[props.size] || '2.75rem')
   //   @apply bg-blue-500 text-white px-6 rounded text-center relative;
   //   clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%);
   //   transition: all 0.3s ease;
-  @apply border-black  border-1 h-11 pl-8 pr-4.75 opacity-85 box-border border-red border-solid;
+  @apply border-black  border-1 h-11 pl-8 pr-4.75 opacity-85 box-border border-red;
   &::before {
     @apply content-empty absolute top-0 right-5 bottom-0 left-1.25 skew-x-154 rounded-tl-1.25 rounded-bl-3.75;
   }

+ 1 - 1
packages/app/src/core/themes/default.scss

@@ -1,6 +1,6 @@
-@import url('./evo-default.scss');
 :root,
 page {
+  --evo-theme-primary: black;
 }
 .wd-button {
   line-height: 0;

+ 0 - 3
packages/app/src/core/themes/evo-default.scss

@@ -1,3 +0,0 @@
-:root {
-  --evo-theme-primary: black;
-}