style: 样式优化

src/views/permission/menu/index.vue

@@ -79,9 +79,11 @@
                     >
                         <template #default="{ data }">
                             <div class="flex">
-                                <div class="name">
+                                <!-- <el-tooltip :content="data.name" placement="right"> -->
+                                <div class="name" :title="data.name">
                                     {{ data.name }}
                                 </div>
+                                <!-- </el-tooltip> -->
                                 <div class="btns">
                                     <!-- <el-button type="text" @click.stop="handleDeleteFeature([data])">
                                         <el-icon name="Delete" />
@@ -196,7 +198,7 @@
                             />
                         </el-form-item>
                         <el-form-item label="功能名称" prop="name">
-                            <el-input v-model="featureState.form.name" maxlength="50" />
+                            <el-input v-model="featureState.form.name" maxlength="50" type="textarea" />
                         </el-form-item>
                         <el-form-item label="服务名称" prop="service">
                             <el-input v-model="featureState.form.service" />
@@ -512,11 +514,17 @@
                 }
             }
             :deep(.el-tree) {
+                font-size: 14px;
                 .flex {
                     width: 100%;
                     display: flex;
                     align-items: center;
                     justify-content: space-between;
+                    .name {
+                        width: 100%;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                    }
                 }
                 .btns {
                     display: flex;