You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
76 KiB
67 lines
76 KiB
3 weeks ago
|
<template>
|
||
|
|
<text :style="{ color: color, 'font-size': size + 'px' }" class="uni-icons" @click="_onClick">{{icons[type]}}</text>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import icons from './icons.js';
|
||
|
|
// #ifdef APP-NVUE
|
||
|
|
var domModule = weex.requireModule('dom');
|
||
|
|
domModule.addRule('fontFace', {
|
||
|
|
'fontFamily': "uniicons",
|
||
|
|
'src': "url('data:font/truetype;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlk+XPoAAACsAAAAYGNtYXAN8wTzAAABDAAAAzpnbHlmsao/BAAABEgA AGNsaGVhZBfbALwAAGe0AAAANmhoZWEINASNAABn7AAAACRobXR4KeIvAwAAaBAAAAIwbG9jYT2K JGoAAGpAAAABGm1heHABogE0AABrXAAAACBuYW1le6YhIAAAa3wAAAMecG9zdE2at4oAAG6cAAAG sgAEBAEBkAAFAAACiQLMAAAAjwKJAswAAAHrADIBCAAAAgAFAwAAAAAAAAAAAAAQAAAAAAAAAAAA AABQZkVkAEAAAOkHA4D/gABcA4AAgAAAAAEAAAAAAgACzQAAAAAAAAAAAAMAAAADAAAAHAABAAAA AAI0AAMAAQAAABwABAIYAAAAggCAAAYAAgAAAAkADQAd4QLhMuID4jPiZOMD4zPjYONk5AnkEeQ0 5DnkQuRj5GbkaORy5QjlMOUy5TXlN+Vg5WPlZeVo5YjlkOYJ5hLn1ufZ5+/n9ef66AHoJehA6Efo TuhW6FzoXuhk6Gjobuh36HvohOiS6KHopOiv6LHov+jc6Obo6ekH//8AAAAAAAgADQAd4QDhMOIA 4jDiYOMA4zLjYONj5ADkEOQ05DfkQORg5GXkaORw5QDlMOUy5TTlN+Vg5WLlZeVn5YDlkOYJ5hLn 1ufZ5+/n9Of66AHoIug76EfoTehW6FzoXuhk6Gjobuh36HrohOiS6KHopOiv6LHov+jc6OTo6ekB //8AAf/5//X/5B8DHtYeCR3dHbEdFhzoHLwcuhwfHBkb9xv1G+8b0hvRG9AbyRs8GxUbFBsTGxIa 6hrpGuga5xrQGskaURpJGIYYhBhvGGsYZxhhGEEYLBgmGCEYGhgVGBQYDxgMGAcX/xf9F/UX6Bfa F9gXzhfNF8AXpBedF5sXhAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQYAAAEAAAAAAAAAAQIAAAACAAAA AAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA 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 BiInLgMnJjQ/ATY3NC8BJgciBgcOARUeAQF
|
||
|
|
});
|
||
|
|
// #endif
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Icons 图标
|
||
|
|
* @description 用于展示 icons 图标
|
||
|
|
* @tutorial https://ext.dcloud.net.cn/plugin?id=28
|
||
|
|
* @property {Number} size 图标大小
|
||
|
|
* @property {String} type 图标图案，参考示例
|
||
|
|
* @property {String} color 图标颜色
|
||
|
|
* @event {Function} click 点击 Icon 触发事件
|
||
|
|
*/
|
||
|
|
export default {
|
||
|
|
name: 'UniIcons',
|
||
|
|
props: {
|
||
|
|
type: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
color: {
|
||
|
|
type: String,
|
||
|
|
default: '#333333'
|
||
|
|
},
|
||
|
|
size: {
|
||
|
|
type: [Number, String],
|
||
|
|
default: 16
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
icons: icons
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
_onClick() {
|
||
|
|
this.$emit('click')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
/* #ifndef APP-NVUE */
|
||
|
|
@font-face {
|
||
|
|
font-family: uniicons;
|
||
|
|
src: url('data:font/truetype;charset=utf-8;base64,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
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #endif */
|
||
|
|
|
||
|
|
.uni-icons {
|
||
|
|
font-family: uniicons;
|
||
|
|
text-decoration: none;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
</style>
|