• 纯 css close 图标
    • 使用
    • 类名
    • 颜色

    纯 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>