type: 'correct', // type 字段决定了 Toast 的显示图标类型 txt纯文本常用 time: 3000, // 显示时间长短 maskClosable: true, // 点击蒙层是否隐藏 mask: true // mask 设置为 true 时会显示遮罩 }) toast.show() // 实例方法(显示) setTimeout(() => { toast.hide() // 实例方法(隐藏)加set...
cube-ui按钮配合toast单例模式应用 <template><cube-buttonicon="cubeic-right"@click="goNext">Button With Icon</cube-button></template>exportdefault{methods:{goNext(){const toast=this.$createToast({txt:'Loading...',//提示信息type:'correct',//type 字段决定了 Toast 的显示图标类型 txt纯文本常用...
对于 cube-ui 组件库自身,则不会有任何修改,且对于应用开发者而言,用不用自定义主题,本身的源代码不用修改,只需要创建一个主题文件(无需手工引入)配合 webpack 插件配置即可。 其实对于主题定制,还可以更进一步,未来 cube-ui 会考虑借助于 CSS 自身支持的变量(自定义属性)达到主题定制的目的,例如可以把处理器变...
cube-ui 是基于 Vue.js 实现的精致移动端组件库。 特性 质量可靠 由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。 体验极致 以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。 标准规范 遵循统一的设计交互标准,高度还原设计效果;接口标准化,...
cube-ui是滴滴去年底开源的一款基于 Vue.js 2.0 的移动端组件库,主要核心目标是做到体验极致、灵活性强、易扩展以及提供良好的周边生态—后编译。 自17 年 11 月开源至今已有 5 个月,在这个过程中 cube-ui 受到了不少的关注,同时从社区中也收到了很多很好的反馈和建议。我们也一直在迭代更新,从最初的 1.0 ...
cube-ui 弹层组件 Popup 弹层:底层弹层组件,主要用于基于此组件实现上层组件封装,只提供了基础功能:指定类型、是否有背景层、显示内容(HTML)以及是否居中。 内置所有的弹层类组件都是基于此组件实现,包括:Toast、Picker、TimePicker、Dialog、ActionSheet。
在cube-ui 中涉及到 API 调用的组件都是弹层类,经常使用的如下: Toast 提醒 Picker 选择器 TimePicker 时间选择器 Dialog 弹框 ActionSheet 操作菜单 所有的 API 调用都是使用create-api模块暴露出的createAPI函数实现,在定义的时候就决定了该组件是否是单例的,详见create-api文档。
cube-ui 弹层组件 Popup 弹层:底层弹层组件,主要用于基于此组件实现上层组件封装,只提供了基础功能:指定类型、是否有背景层、显示内容(HTML)以及是否居中。 内置所有的弹层类组件都是基于此组件实现,包括:Toast、Picker、TimePicker、Dialog、ActionSheet。
如上代码所示,这里面实际上使用了 2 个 cube-ui 的组件,cube-button和cube-toast。可以看到,cube-button我们是用了声明式的创建,而cube-toast是通过实例上的$createToastAPI 调用。 Vue.js 是比较推崇声明式的方式使用组件,但是考虑到组件嵌套较深的场景,子组件的样式可能被父级样式影响,所以我们针对弹出层类型的...
老师,视频里没有显式引入cube-ui的base.styl,是因为安装cube-ui的时候, 会自动帮我们引入吗 668 0 5 用cube-IndexList做出来有个小bug,是否都是这样? 838 0 5 关于cube-ui和better-scroll的问题 677 0 2 toast-ui/editor使用时,初始化时报错 351 0 4 关于cube-ui的几个问题 2250 0 4 ...