style(input): 优化输入框样式和功能

- 调整输入框后缀和清除图标的样式
- 修改导航栏右侧组件的样式
- 优化试用页面布局和步骤样式

src/layouts/components/navbar/components/right-side/index.vue

@@ -65,7 +65,7 @@
 
                 <template v-else>
                   <template v-if="item.audit_status === 1">
-                    <div class="w-full h-1px bg-#E6E6E8 mb-8px" v-if="enterprises.length > 0"></div>
+                    <div v-if="enterprises.length > 1" class="w-full h-1px bg-#E6E6E8 mb-8px"></div>
                     <MenuItem class="rounded-8px hover:bg-#F2F3F5 h-36px !mb-0" @click="onCreate(item)">
                       <div class="flex items-center">
                         <SvgIcon size="16.5" name="svg-organization" class="color-#737478 mr-8px" />

src/styles/components/ant-input.scss

@@ -70,6 +70,22 @@ textarea.ant-input {
   padding-top: 0;
   padding-bottom: 0;
   @include box;
+
+  .ant-input-suffix {
+    .ant-input-show-count-suffix {
+      color: var(--Text-4, #939499);
+      font-family: font-family-manrope-regular;
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+    }
+
+    .ant-input-clear-icon {
+      visibility: hidden;
+    }
+  }
+
   &.ant-input-affix-wrapper-disabled {
     background-color: var(--BG-200, #f2f3f5) !important;
   }
@@ -81,15 +97,27 @@ textarea.ant-input {
 
     &:hover {
       border-color: $color-primary !important;
+
+      .ant-input-clear-icon {
+        &:not(.ant-input-clear-icon-hidden) {
+          visibility: visible;
+        }
+      }
     }
   }
-
-
   &:focus,
   &-focused {
     box-shadow: none !important;
     border-color: $color-primary !important;
+
+    .ant-input-clear-icon {
+      &:not(.ant-input-clear-icon-hidden) {
+        visibility: visible;
+      }
+    }
   }
+
+
   .ant-input {
     height: 30px;
     &.ant-input-lg {
@@ -99,14 +127,4 @@ textarea.ant-input {
       height: 26px;
     }
   }
-  .ant-input-suffix {
-    .ant-input-show-count-suffix {
-      color: var(--Text-4, #939499);
-      font-family: font-family-manrope-regular;
-      font-size: 12px;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 20px;
-    }
-  }
 }

src/views/trial/index.vue

@@ -10,7 +10,7 @@
         </div>
       </div>
     </Layout.Header>
-    <Layout class="flex trial-content items-center">
+    <Layout class="flex trial-content items-center mt-24px">
       <div class="w-800px">
         <!-- 未建联 -->
         <section class="w-full" v-if="!primary_enterprise">
@@ -234,7 +234,7 @@ const handleSubmit = async () => {
       const { code } = await postCreateEnterprises(formData.value);
       if (code === 200) {
         await userStore.getUserInfo();
-        
+
         const { primary_enterprise } = userStore.userInfo;
         if (primary_enterprise) {
           enterpriseStore.setEnterpriseInfo(primary_enterprise);

src/views/trial/style.scss

@@ -12,14 +12,18 @@
   :deep(.ant-steps) {
     .ant-steps-item {
       margin-left: 0;
-      .ant-steps-item-icon {
+
-        width: 10px;
+      .ant-steps-item-container {
-        height: 10px;
+        cursor: text;
-      }
+
+        .ant-steps-item-icon {
+          width: 10px;
+          height: 10px;
+        }
       .ant-steps-item-content {
         margin-top: 8px;
         .ant-steps-item-title {
-          color: var(--Text-1, #211f24);
+          color: var(--Text-1, #211f24) !important;
           font-family: $font-family-regular;
           font-size: 16px;
           font-style: normal;
@@ -27,7 +31,7 @@
           line-height: 24px;
         }
         .ant-steps-item-description {
-          color: var(--Text-3, #737478);
+          color: var(--Text-3, #737478) !important;
           font-family: $font-family-regular;
           font-size: 14px;
           font-style: normal;
@@ -35,6 +39,16 @@
           line-height: 22px;
         }
       }
+
+        .ant-steps-item-tail {
+          top: 4px;
+
+          &::after {
+            height: 1px !important;
+          }
+        }
+      }
+
       &.ant-steps-item-wait {
         .ant-steps-icon {
           .ant-steps-icon-dot {