blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-09-08 00:39:46 +08:00
Code Issues Projects Releases Wiki Activity

refactor(Icon): use setup

Browse Source
This commit is contained in:
chenjiahan 2020-08-23 13:09:52 +08:00
parent 1b96a45d0b
commit 785047754b
1 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/icon/index.js
View File

@ -24,25 +24,24 @@ export default createComponent({
}, },
}, },
render() { setup(props, { slots }) {
const { name } = this; return () => {
const imageIcon = isImage(name); const { tag, dot, name, size, badge, color, classPrefix } = props;
const isImageIcon = isImage(name);
return ( return (
<this.tag <tag
class={[ class={[classPrefix, isImageIcon ? '' : `${classPrefix}-${name}`]}
this.classPrefix,
imageIcon ? '' : `${this.classPrefix}-${name}`,
]}
style={{ style={{
color: this.color, color,
fontSize: addUnit(this.size), fontSize: addUnit(size),
}} }}
> >
{this.$slots.default?.()} {slots.default?.()}
{imageIcon && <img class={bem('image')} src={name} />} {isImageIcon && <img class={bem('image')} src={name} />}
<Badge dot={this.dot} badge={this.badge} /> <Badge dot={dot} badge={badge} />
</this.tag> </tag>
); );
};
}, },
}); });