Explorar el Código

feat: 优化 项目Icon 以及 搜索 虚拟select

lanceJiang hace 1 año
padre
commit
00d37996fd

+ 1 - 1
src/components/LangSelect/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<el-dropdown class="lang-select" trigger="click" @command="handleSetLanguage">
 		<div class="lang-select__icon">
-			<svg-icon icon-class="language" />
+			<LeIcon :icon-class="`le-lang_${language}`" style="transform: scale(1.2)" />
 		</div>
 		<template #dropdown>
 			<el-dropdown-menu>

+ 3 - 2
src/components/Screenfull/index.vue

@@ -1,11 +1,12 @@
 <template>
 	<div>
-		<svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle" />
+		<el-tooltip placement="top" :content="$t(isFullscreen ? 'le.exitFullscreen' : 'le.fullscreen')">
+			<LeIcon :icon-class="isFullscreen ? 'le-suoxiao1' : 'le-fangda1'" @click="toggle" />
+		</el-tooltip>
 	</div>
 </template>
 
 <script setup lang="ts">
 import { useFullscreen } from '@vueuse/core'
-
 const { isFullscreen, toggle } = useFullscreen()
 </script>

+ 1 - 1
src/components/SizeSelect/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<el-dropdown class="size-select" trigger="click" @command="handleSetSize">
 		<div class="size-select__icon">
-			<svg-icon class-name="size-icon" icon-class="size" />
+			<LeIcon class-name="size-icon" icon-class="le-text-size" />
 		</div>
 		<template #dropdown>
 			<el-dropdown-menu>

+ 2 - 2
src/layout/components/Navbar.vue

@@ -6,8 +6,8 @@
 
 		<div class="right-menu">
 			<template v-if="device !== 'mobile'">
-				<!--        <search id="header-search" class="right-menu-item" />
-                <error-log class="errLog-container right-menu-item hover-effect" />-->
+				<!--				<search id="header-search" class="right-menu-item" />
+				<error-log class="errLog-container right-menu-item hover-effect" />-->
 				<Screenfull id="screenfull" class="right-menu-item hover-effect" />
 				<template v-if="true">
 					<el-tooltip content="布局大小" effect="dark" placement="bottom">

+ 1 - 1
src/main.ts

@@ -19,7 +19,7 @@ import 'virtual:svg-icons-register'
 	const existIconVersion = false
 	if (!existIconVersion) {
 		/** update 最新 iconfont(.css && .js) */
-		const origin_prefix = '//at.alicdn.com/t/c/font_4091949_1g37iqlkjlq'
+		const origin_prefix = '//at.alicdn.com/t/c/font_4091949_0v9i1byqy04'
 		const link = d.createElement('link')
 		link.rel = 'stylesheet'
 		link.type = 'text/css'

+ 1 - 1
src/styles/lance-element/searchForm.scss

@@ -21,7 +21,7 @@
 							//background: #fafafa;
 							background: #fcfcfc;
 						}
-						.el-input__wrapper {
+						.el-select-v2__wrapper, .el-input__wrapper {
 							border-radius: 0 var(--el-input-border-radius,var(--el-border-radius-base)) var(--el-input-border-radius,var(--el-border-radius-base)) 0;
 						}
 						// 修复 InputNumber 于labelStyle 样式问题