From 1595cb282aab5399862fac6406b5de550863e3b6 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期一, 03 四月 2023 00:05:09 +0800 Subject: [PATCH] update 调整代码格式 --- src/components/IconSelect/index.vue | 50 +++++++++++++++++++++++++------------------------- 1 files changed, 25 insertions(+), 25 deletions(-) diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue index 97c601e..63afe85 100644 --- a/src/components/IconSelect/index.vue +++ b/src/components/IconSelect/index.vue @@ -44,34 +44,34 @@ </script> <template> - <div class="relative" :style="{ width: width }"> - <el-input v-model="modelValue" readonly @click="visible = !visible" placeholder="鐐瑰嚮閫夋嫨鍥炬爣"> - <template #prepend> - <svg-icon :icon-class="modelValue as string"></svg-icon> - </template> - </el-input> + <div class="relative" :style="{ width: width }"> + <el-input v-model="modelValue" readonly @click="visible = !visible" placeholder="鐐瑰嚮閫夋嫨鍥炬爣"> + <template #prepend> + <svg-icon :icon-class="modelValue as string"></svg-icon> + </template> + </el-input> - <el-popover shadow="none" :visible="visible" placement="bottom-end" trigger="click" :width="450"> - <template #reference> - <div @click="visible = !visible" class="cursor-pointer text-[#999] absolute right-[10px] top-0 height-[32px] leading-[32px]"> - <i-ep-caret-top v-show="visible"></i-ep-caret-top> - <i-ep-caret-bottom v-show="!visible"></i-ep-caret-bottom> - </div> - </template> + <el-popover shadow="none" :visible="visible" placement="bottom-end" trigger="click" :width="450"> + <template #reference> + <div @click="visible = !visible" class="cursor-pointer text-[#999] absolute right-[10px] top-0 height-[32px] leading-[32px]"> + <i-ep-caret-top v-show="visible"></i-ep-caret-top> + <i-ep-caret-bottom v-show="!visible"></i-ep-caret-bottom> + </div> + </template> - <el-input class="p-2" v-model="filterValue" placeholder="鎼滅储鍥炬爣" clearable @input="filterIcons" /> + <el-input class="p-2" v-model="filterValue" placeholder="鎼滅储鍥炬爣" clearable @input="filterIcons" /> - <el-scrollbar height="w-[200px]"> - <ul class="icon-list"> - <el-tooltip v-for="(iconName, index) in iconNames" :key="index" :content="iconName" placement="bottom" effect="light"> - <li class="icon-item" @click="selectedIcon(iconName)"> - <svg-icon color="var(--el-text-color-regular)" :icon-class="iconName" /> - </li> - </el-tooltip> - </ul> - </el-scrollbar> - </el-popover> - </div> + <el-scrollbar height="w-[200px]"> + <ul class="icon-list"> + <el-tooltip v-for="(iconName, index) in iconNames" :key="index" :content="iconName" placement="bottom" effect="light"> + <li class="icon-item" @click="selectedIcon(iconName)"> + <svg-icon color="var(--el-text-color-regular)" :icon-class="iconName" /> + </li> + </el-tooltip> + </ul> + </el-scrollbar> + </el-popover> + </div> </template> <style scoped lang="scss"> -- Gitblit v1.9.3