twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-03 13:44:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: icon

Browse Source
This commit is contained in:
xiaoxian521 2022-05-18 12:27:49 +08:00
parent 378feceb5f
commit 8f5981a313
6 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ReIcon/src/hooks.ts
View File

@ -1,6 +1,6 @@
import { iconType } from "./types";
import { h, defineComponent, Component } from "vue";
import { IconifyIconOffline, FontIcon } from "../index";
import { IconifyIconOnline, IconifyIconOffline, FontIcon } from "../index";
/**
* 支持fontawesome4、5+、iconfont、remixicon、element-plus的icons、自定义svg
@ -37,7 +37,9 @@ export function useRenderIcon(icon: string, attrs?: iconType): Component {
return defineComponent({
name: "Icon",
render() {
return h(IconifyIconOffline, {
const IconifyIcon =
attrs && attrs["online"] ? IconifyIconOnline : IconifyIconOffline;
return h(IconifyIcon, {
icon: icon,
...attrs
});

2
src/components/ReIcon/src/types.ts
View File

@ -11,7 +11,9 @@ export interface iconType {
horizontalAlign?: boolean;
verticalAlign?: boolean;
align?: string;
online?: boolean;
onLoad?: Function;
includes?: Function;
// all icon
style?: object;

3
src/views/login/components/phone.vue
View File

@ -59,6 +59,9 @@ function onBack() {
clearable
v-model="ruleForm.verifyCode"
placeholder="短信验证码"
:prefix-icon="
useRenderIcon('ri:shield-keyhole-line', { online: true })
"
/>
<el-button
:disabled="isDisabled"

3
src/views/login/components/regist.vue
View File

@ -101,6 +101,9 @@ function onBack() {
clearable
v-model="ruleForm.verifyCode"
placeholder="短信验证码"
:prefix-icon="
useRenderIcon('ri:shield-keyhole-line', { online: true })
"
/>
<el-button
:disabled="isDisabled"

3
src/views/login/components/update.vue
View File

@ -80,6 +80,9 @@ function onBack() {
clearable
v-model="ruleForm.verifyCode"
placeholder="短信验证码"
:prefix-icon="
useRenderIcon('ri:shield-keyhole-line', { online: true })
"
/>
<el-button
:disabled="isDisabled"

3
src/views/login/index.vue
View File

@ -114,6 +114,9 @@ watch(imgCode, value => {
clearable
v-model="ruleForm.verifyCode"
placeholder="验证码"
:prefix-icon="
useRenderIcon('ri:shield-keyhole-line', { online: true })
"
>
<template v-slot:append>
<ReImageVerify v-model:code="imgCode" />