《教程》专题
-
PopupHeader 组件使用教程
安装 import { PopupHeader } from 'vux' export default { components: { PopupHeader } } // 在入口文件全局引入 import Vue from 'vue' import { PopupHeader } from 'vux' Vue.component('popup-header', PopupH
-
Popover 组件使用教程
安装 import { Popover } from 'vux' export default { components: { Popover } } // 在入口文件全局引入 import Vue from 'vue' import { Popover } from 'vux' Vue.component('popover', Popover) 属性 名字 类型 默认值
-
Msg 组件使用教程
安装 import { Msg } from 'vux' export default { components: { Msg } } // 在入口文件全局引入 import Vue from 'vue' import { Msg } from 'vux' Vue.component('msg', Msg) prop:buttons 列表是 slot:buttons 插槽的
-
Loading 组件使用教程
安装 import { Loading } from 'vux' export default { components: { Loading } } // 在入口文件全局引入 import Vue from 'vue' import { Loading } from 'vux' Vue.component('loading', Loading) 该组件支持以plugin形
-
LoadMore 组件使用教程
安装 import { LoadMore } from 'vux' export default { components: { LoadMore } } // 在入口文件全局引入 import Vue from 'vue' import { LoadMore } from 'vux' Vue.component('load-more', LoadMore) 属性 名字 类
-
InlineLoading 组件使用教程
安装 import { InlineLoading } from 'vux' export default { components: { InlineLoading } } // 在入口文件全局引入 import Vue from 'vue' import { InlineLoading } from 'vux' Vue.component('inline-loading'
-
Confirm 组件使用教程
安装 import { Confirm } from 'vux' export default { components: { Confirm } } // 在入口文件全局引入 import Vue from 'vue' import { Confirm } from 'vux' Vue.component('confirm', Confirm) 建议参照例子使用 v-tr
-
Alert 组件使用教程
安装 import { Alert } from 'vux' export default { components: { Alert } } // 在入口文件全局引入 import Vue from 'vue' import { Alert } from 'vux' Vue.component('alert', Alert) 该组件支持以plugin形式调用： 以插件形式
-
Actionsheet 组件使用教程
Action Sheet是由用户操作后触发的一种特定的模态弹出框 ，呈现一组与当前情境相关的两个或多个选项。用户可以使用Action Sheet启动某个任务，或者确认是否开始执行某个可能具有破坏性的操作。 高亮危险操作。将危险操作用红色标注，为他们提供其它替代的安全选项。 提供清晰准确的描述。在页面有多个唤起Action Sheet的对象或选项本身不够明晰的情况下，提供清晰准确的描述是非常有必要的
-
ViewBox 组件使用教程
安装 import { ViewBox } from 'vux' export default { components: { ViewBox } } // 在入口文件全局引入 import Vue from 'vue' import { ViewBox } from 'vux' Vue.component('view-box', ViewBox) 该组件为100%高布局，
-
Sticky 组件使用教程
安装 import { Sticky } from 'vux' export default { components: { Sticky } } // 在入口文件全局引入 import Vue from 'vue' import { Sticky } from 'vux' Vue.component('sticky', Sticky) 在Chrome模拟器运行时你可能会发
-
Grid 组件使用教程
安装 import { Grid, GridItem } from 'vux' export default { components: { Grid, GridItem } } // 在入口文件全局引入 import Vue from 'vue' import { Grid, GridItem } from 'vux' Vue.component('grid', G
-
Flexbox 组件使用教程
安装 import { Flexbox, FlexboxItem } from 'vux' export default { components: { Flexbox, FlexboxItem } } // 在入口文件全局引入 import Vue from 'vue' import { Flexbox, FlexboxItem } from 'vux' Vue.c
-
Divider 组件使用教程
安装 import { Divider } from 'vux' export default { components: { Divider } } // 在入口文件全局引入 import Vue from 'vue' import { Divider } from 'vux' Vue.component('divider', Divider) 不支持配置分割线颜色，因为
-
XIcon 组件使用教程
该组件可以直接使用，不需要引入。 组件来自于 Ionicons(MIT)，你可以在网站上面看到所有的图标。 该组件无法在script引入的方式中使用，需要自行拷贝 svg 资源。 x-icon 是一个虚拟(占位)组件，你不需要引入XIcon 组件，当调用时vux-loader@^1.0.43会自动将转换成 inline svg。 你可以根据类名来设置样式(fill)。 目前并不支持 svg spr