纯 css close 图标

关闭图标主要应用于弹窗(dialog)关闭按钮以及弹窗(popup)头部的关闭按钮。

使用

在你项目的App.vue引入,组件内不需要再重复引入。

  1. <style lang="less">
  2. @import '~vux/src/styles/close.less';
  3. </style>

类名

  • vux-close
  1. <span class="vux-close"></span>

可以参考 XDialog 演示。

颜色

当你想设置图标颜色时,直接设置 color 即可。

  1. <span class="vux-close" style="color:red;"></span>