refactor(style): remove tailwind css

src/components/Basic/src/BasicArrow.vue

@@ -37,7 +37,7 @@
 </script>
 <style lang="less" scoped>
   .base-arrow {
-    transform: rotate(-90deg) !important;
+    transform: rotate(-90deg);
     transition: all 0.3s ease 0.1s;
     transform-origin: center center;
 
@@ -50,9 +50,10 @@
     }
 
     &__active {
-      > span {
-        transform: rotate(90deg) !important;
-      }
+      transform: rotate(90deg);
+      // > span {
+      //   transform: rotate(90deg);
+      // }
     }
   }
 </style>

src/components/Container/src/collapse/CollapseContainer.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="collapse-container p-2 bg:white rounded-sm">
+  <div class="collapse-container p-2">
     <CollapseHeader v-bind="$props" :show="show" @expand="handleExpand" />
     <CollapseTransition :enable="canExpan">
       <Skeleton v-if="loading" />
@@ -92,7 +92,6 @@
 </script>
 <style lang="less">
   .collapse-container {
-    padding: 10px;
     background: #fff;
     border-radius: 8px;
     transition: all 0.3s ease-in-out;

src/components/ContextMenu/src/index.tsx

@@ -73,7 +73,9 @@ export default defineComponent({
 
         return (
           <li class={`${prefixCls}__item ${disabled ? 'disabled' : ''}`} key={label}>
-            <a onClick={handleAction.bind(null, item)}>{renderContent(item)}</a>
+            <a onClick={handleAction.bind(null, item)} style="color:#333;">
+              {renderContent(item)}
+            </a>
           </li>
         );
       });

src/components/Icon/index.tsx

@@ -64,6 +64,7 @@ export default defineComponent({
       return {
         fontSize: `${fs}px`,
         color,
+        display: 'inline-flex',
       };
     });
 

src/components/Loading/BasicLoading.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="flex justify-center items-center flex-col">
+  <section class="basic-loading">
     <img
       src="/@/assets/images/loading.svg"
       alt=""
@@ -47,3 +47,11 @@
     },
   });
 </script>
+<style lang="less" scoped>
+  .basic-loading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+  }
+</style>

src/components/Loading/FullLoading.vue

@@ -1,8 +1,5 @@
 <template>
-  <section
-    class="full-loading flex justify-center bg-mask-light items-center h-full w-full"
-    :style="getStyle"
-  >
+  <section class="full-loading" :style="getStyle">
     <BasicLoading :tip="tip" :size="SizeEnum.DEFAULT" />
   </section>
 </template>
@@ -39,3 +36,13 @@
     },
   });
 </script>
+<style lang="less" scoped>
+  .full-loading {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 255, 255, 0.3);
+    justify-content: center;
+    align-items: center;
+  }
+</style>