fix: 图标改为简洁的中文字符
This commit is contained in:
@@ -1,39 +1,39 @@
|
||||
<template>
|
||||
<view class="icon-box" :style="{ width: size + 'rpx', height: size + 'rpx' }">
|
||||
<text :style="{ fontSize: (size * 0.6) + 'rpx', color: color }">{{ iconChar }}</text>
|
||||
<text :style="{ fontSize: (size * 0.55) + 'rpx', color: color }">{{ iconChar }}</text>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
const icons = {
|
||||
home: '🏠',
|
||||
user: '👤',
|
||||
chart: '📈',
|
||||
product: '📦',
|
||||
add: '+',
|
||||
search: '🔍',
|
||||
order: '📋',
|
||||
edit: '✏️',
|
||||
check: '✅',
|
||||
close: '✕',
|
||||
stock: '🏭',
|
||||
alert: '⚠️',
|
||||
in: '⬇️',
|
||||
out: '⬆️',
|
||||
customer: '👥',
|
||||
money: '💰',
|
||||
logout: '↪️',
|
||||
right: '→',
|
||||
left: '←',
|
||||
down: '⬇',
|
||||
lock: '🔒',
|
||||
calendar: '📅',
|
||||
setting: '⚙️',
|
||||
wechat: '💬',
|
||||
cash: '💵',
|
||||
alipay: '💙',
|
||||
plus: '➕',
|
||||
flow: '📊'
|
||||
home: '首',
|
||||
user: '用户',
|
||||
chart: '图',
|
||||
product: '商',
|
||||
add: '添',
|
||||
search: '搜',
|
||||
order: '单',
|
||||
edit: '编',
|
||||
check: '确',
|
||||
close: '关',
|
||||
stock: '库',
|
||||
alert: '警',
|
||||
in: '入',
|
||||
out: '出',
|
||||
customer: '客',
|
||||
money: '钱',
|
||||
logout: '退',
|
||||
right: '右',
|
||||
left: '左',
|
||||
down: '下',
|
||||
lock: '锁',
|
||||
calendar: '历',
|
||||
setting: '设',
|
||||
wechat: '微',
|
||||
cash: '现',
|
||||
alipay: '支',
|
||||
plus: '加',
|
||||
flow: '流'
|
||||
}
|
||||
|
||||
export default {
|
||||
@@ -45,7 +45,7 @@ export default {
|
||||
},
|
||||
computed: {
|
||||
iconChar() {
|
||||
return icons[this.name] || '•'
|
||||
return icons[this.name] || '?'
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -56,5 +56,6 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 500;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user