当前位置: 首页 > 文档资料 > VUX 中文文档 >

1px 解决方案

优质
小牛编辑
138浏览
2023-12-01

1px 方案在 VUX 组件内应用广泛,包括 Grid, ButtonTab, XTable, XButton, Cell 等等。

利用 Flexbox + 1px 你可以实现复杂的宫格布局。

引入

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

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

可用类名:

  • vux-1px-l 左边框
  • vux-1px-r 右边框
  • vux-1px-t 上边框
  • vux-1px-b 下边框
  • vux-1px-tb 上下边框
  • vux-1px 全边框