refactor: tailwindcss样式优化

Former-commit-id: 3ab444012a3b3f81929830d5c73df8c68437cb87
2022-12-31 22:37:47 +08:00
parent ba2e6769b4
commit 5beaa84297
21 changed files with 423 additions and 356 deletions
--- a/src/components/LangSelect/index.vue
+++ b/src/components/LangSelect/index.vue
@@ -24,7 +24,7 @@ function handleLanguageChange(lang: string) {
    trigger="click"
    @command="handleLanguageChange"
  >
-    <div class="lang-select__icon">
+    <div class="cursor-pointer w-[40px] h-[50px] leading-[50px] text-center">
      <svg-icon class-name="international-icon" icon-class="language" />
    </div>
    <template #dropdown>
@@ -42,9 +42,3 @@ function handleLanguageChange(lang: string) {
    </template>
  </el-dropdown>
 </template>
-
-<style lang="scss" scoped>
-.lang-select__icon {
-  line-height: 50px;
-}
-</style>