- 纯 css close 图标
- 使用
- 类名
- 颜色
纯 css close 图标
关闭图标主要应用于弹窗(dialog)关闭按钮以及弹窗(popup)头部的关闭按钮。
使用
在你项目的App.vue
引入,组件内不需要再重复引入。
<style lang="less">
@import '~vux/src/styles/close.less';
</style>
类名
vux-close
<span class="vux-close"></span>
可以参考 XDialog
演示。
颜色
当你想设置图标颜色时,直接设置 color 即可。
<span class="vux-close" style="color:red;"></span>