1px 方案在 VUX 组件内应用广泛,包括 Grid, ButtonTab, XTable, XButton, Cell 等等。
\n
\n
\n利用 flexbox + 1px 你可以实现复杂的宫格布局。
在你项目的App.vue
引入,组件内不需要再重复引入。
<style lang=\"less\">\n@import '~vux/src/styles/1px.less';\n</style>\n
\n可用类名:
\nvux-1px-l
左边框vux-1px-r
右边框vux-1px-t
上边框vux-1px-b
下边框vux-1px-tb
上下边框vux-1px
全边框关闭图标主要应用于弹窗(popup)的左侧关闭按钮。
\n在你项目的App.vue
引入,组件内不需要再重复引入。
<style lang=\"less\">\n@import '~vux/src/styles/close.less';\n</style>\n
\n可用类名:
\n<span class=\"vux-close\"></span>\n
\n可以参考 XDialog
演示。
当你想设置图标颜色时,直接设置 color 即可。
\n<span class=\"vux-close\" style=\"color:red;\"></span>\n
\n