36 lines
1.1 KiB
Vue
36 lines
1.1 KiB
Vue
|
<template>
|
|||
|
|
<!-- #ifndef UNI-APP-X -->
|
|||
|
|
<view class="l-icon l-class" :class="classes" :style="[styles, lStyle]" :aria-hidden="ariaHidden"
|
|||
|
|
:aria-label="ariaLabel" :aria-role="ariaRole" @click="onClick">
|
|||
|
|
<image v-if="iconUrl" :style="{width: size, height: size, color: color}" hidden class="l-icon__image"
|
|||
|
|
:src="iconUrl" @load="imageLoad" @error="imageError"></image>
|
|||
|
|
</view>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
</template>
|
|||
|
|
<script lang="ts">
|
|||
|
|
// @ts-nocheck
|
|||
|
|
/**
|
|||
|
|
* LimeIcon 图标
|
|||
|
|
* @description ICON集
|
|||
|
|
* @tutorial https://ext.dcloud.net.cn/plugin?id=14057
|
|||
|
|
* @property {String} name 图标名称
|
|||
|
|
* @property {String} color 颜色
|
|||
|
|
* @property {String} size 尺寸
|
|||
|
|
* @property {String} prefix 字体图标前缀
|
|||
|
|
* @property {Boolean} inherit 是否继承颜色
|
|||
|
|
* @event {Function} click 加载完成触发
|
|||
|
|
*/
|
|||
|
|
// #ifndef UNI-APP-X
|
|||
|
|
export { default } from './lIcon'
|
|||
|
|
// #endif
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss">
|
|||
|
|
@import './index.scss';
|
|||
|
|
|
|||
|
|
//wflow修改该组件样式，兼容钉钉小程序
|
|||
|
|
.l-icon__image{
|
|||
|
|
position: relative;
|
|||
|
|
left: -80px;
|
|||
|
|
filter: drop-shadow(currentColor 80px 0);
|
|||
|
|
}
|
|||
|
|
</style>
|