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

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

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;
-        height: 10px;
-      }
+
+      .ant-steps-item-container {
+        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 {