wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改svg图标属性名

Browse Source
This commit is contained in:
不做码农
2022-04-28 09:02:17 +08:00
parent 932d963b61
commit 294f13903e
17 changed files with 43 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/components/icons/index.vue
+2 -2
View File
@@ -6,7 +6,7 @@
<el-tooltip placement="top">
<template #content> {{ generateIconCode(item) }} </template>
<div class="icon-item">
<svg-icon :icon-class="item" style="height: 40px; width: 40px" />
<svg-icon :name="item" style="height: 40px; width: 40px" />
</div>
</el-tooltip>
</div>
@@ -37,7 +37,7 @@ for (const key in elIcons) {
}
function generateIconCode(symbol) {
return `<svg-icon icon-class="${symbol}" />`
return `<svg-icon name="${symbol}" />`
}
function generateElementIconCode(symbol) {
return `<el-icon><${symbol} /></el-icon>`
src/views/dashboard/PanelGroup.vue
+4 -4
View File
@@ -3,7 +3,7 @@
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel" @click="handleSetLineChartData('newVisitis')">
<div class="card-panel-icon-wrapper icon-people">
<svg-icon icon-class="peoples" class-name="card-panel-icon" />
<svg-icon name="peoples" class-name="card-panel-icon" />
</div>
<div class="card-panel-description">
<div class="card-panel-text" v-waves>在线用户</div>
@@ -14,7 +14,7 @@
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel" @click="handleSetLineChartData('messages')">
<div class="card-panel-icon-wrapper icon-message">
<svg-icon icon-class="message" class-name="card-panel-icon" />
<svg-icon name="message" class-name="card-panel-icon" />
</div>
<div class="card-panel-description">
<div class="card-panel-text" v-waves>消息</div>
@@ -25,7 +25,7 @@
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel" @click="handleSetLineChartData('purchases')">
<div class="card-panel-icon-wrapper icon-money">
<svg-icon icon-class="money" class-name="card-panel-icon" />
<svg-icon name="money" class-name="card-panel-icon" />
</div>
<div class="card-panel-description">
<div class="card-panel-text" v-waves>金额</div>
@@ -36,7 +36,7 @@
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
<div class="card-panel" @click="handleSetLineChartData('shoppings')">
<div class="card-panel-icon-wrapper icon-shopping">
<svg-icon icon-class="shopping" class-name="card-panel-icon" />
<svg-icon name="shopping" class-name="card-panel-icon" />
</div>
<div class="card-panel-description">
<div class="card-panel-text" v-waves>订单</div>
src/views/login.vue
+3 -3
View File
@@ -6,21 +6,21 @@
<el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" size="large" auto-complete="off" placeholder="账号">
<template #prefix>
<svg-icon icon-class="user" class="el-input__icon input-icon" />
<svg-icon name="user" class="el-input__icon input-icon" />
</template>
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input v-model="loginForm.password" type="password" size="large" auto-complete="off" placeholder="密码" @keyup.enter="handleLogin">
<template #prefix>
<svg-icon icon-class="password" class="el-input__icon input-icon" />
<svg-icon name="password" class="el-input__icon input-icon" />
</template>
</el-input>
</el-form-item>
<el-form-item prop="code" v-if="captchaOnOff != 'off'">
<el-input v-model="loginForm.code" size="large" auto-complete="off" placeholder="验证码" style="width: 63%" @keyup.enter="handleLogin">
<template #prefix>
<svg-icon icon-class="validCode" class="el-input__icon input-icon" />
<svg-icon name="validCode" class="el-input__icon input-icon" />
</template>
</el-input>
<div class="login-code">
src/views/system/menu/index.vue
+2 -2
View File
@@ -37,7 +37,7 @@
<el-table-column prop="menuName" label="菜单名称" :show-overflow-tooltip="true" width="160"></el-table-column>
<el-table-column prop="icon" label="图标" align="center" width="100">
<template #default="scope">
<svg-icon :icon-class="scope.row.icon" />
<svg-icon :name="scope.row.icon" />
</template>
</el-table-column>
<el-table-column prop="menuType" label="类型" align="center" width="80">
@@ -127,7 +127,7 @@
<template #reference>
<el-input v-model="form.icon" placeholder="点击选择图标" @click="showSelectIcon" readonly>
<template #prefix>
<svg-icon v-if="form.icon" :icon-class="form.icon" class="el-input__icon" />
<svg-icon v-if="form.icon" :name="form.icon" class="el-input__icon" />
<el-icon class="el-input__icon" v-else>
<search />
</el-icon>
src/views/system/user/profile/index.vue
+6 -6
View File
@@ -14,29 +14,29 @@
</div>
<ul class="list-group list-group-striped">
<li class="list-group-item">
<svg-icon icon-class="user" />用户名称
<svg-icon name="user" />用户名称
<div class="pull-right">{{ state.user.userName }}</div>
</li>
<li class="list-group-item">
<svg-icon icon-class="phone" />手机号码
<svg-icon name="phone" />手机号码
<div class="pull-right">{{ state.user.phonenumber }}</div>
</li>
<li class="list-group-item">
<svg-icon icon-class="email" />用户邮箱
<svg-icon name="email" />用户邮箱
<div class="pull-right">{{ state.user.email }}</div>
</li>
<li class="list-group-item">
<svg-icon icon-class="tree" />所属部门
<svg-icon name="tree" />所属部门
<div class="pull-right">{{ state.user.deptName }} / {{ state.postGroup }}</div>
</li>
<li class="list-group-item">
<svg-icon icon-class="peoples" />所属角色
<svg-icon name="peoples" />所属角色
<div class="pull-right">
<span v-for="item in state.roles" :key="item">{{ item }}</span>
</div>
</li>
<li class="list-group-item">
<svg-icon icon-class="date" />创建日期
<svg-icon name="date" />创建日期
<div class="pull-right">{{ state.user.createTime }}</div>
</li>
</ul>
src/views/tool/build/index.vue
+1 -1
View File
@@ -1,3 +1,3 @@
<template>
<div> 表单构建，敬请期待... <svg-icon icon-class="build" /> </div>
<div> 表单构建，敬请期待... <svg-icon name="build" /> </div>
</template>