这样我们就可以轻松做自己想要的主题定制,所要做的就是修改 cube-ui 已经定义好的变量值即可。对于 cube-ui 组件库自身,则不会有任何修改,且对于应用开发者而言,用不用自定义主题,本身的源代码不用修改,只需要创建一个主题文件(无需手工引入)配合 webpack 插件配置即可。 其实对于主题定制,还可以更进一步,未来 ...
滚动类组件都是基于 better-scroll 实现,而 Scroll 组件就是对 better-scroll 的封装。 cube-ui 其他模块 除了组件之外,cube-ui 还有一些特殊的模块。 style:样式部分,如果你是在按需引入使用的场景下,那么建议在入口文件处也要引入这个模块,因为它包含基础的 reset、基础通用样式以及内置 icon。 create-api:有些...
1.打开终端运行: npm install cube-ui --save 2.在package.json中的devDependencies下输入要安装依赖项和版本信息,执行npm i就可以自动下载相关的依赖文件 3.然后在package.json中的输入以下代码 "transformModules": { "cube-ui": { "transform": "cube-ui/lib/${member}", "kebabCase": true, "style":...
安装重构后,vue项目中会自动theme.styl的样式,cube-ui.js的组件, 在main.js中引入即可 二,引入tab-bar组件,以及cube-slide轮播图组件 <template> <!-- 切换栏 --><cube-tab-bar:showSlider="true"v-model="selectedLabel":data="tabs"ref="tabBar"class="border-bottom-1px"> </cube-tab-bar> <!...
因为毕竟 cube-ui 是从滴滴的业务中抽象出来的,在做滴滴相关业务的时候,这些组件都能很好的满足需求,但是换成一个新的项目,cube-ui 好不好用呢,于是我想到了我的音乐课程项目,它有一些基础组件是可以从 cube-ui 里拿的,但是整体的配色风格和 cube-ui 的默认配色又完全不一样,正好可以来检验一波,接下来我分享...
GitHub:https://github.com/didi/cube-ui cube-ui是滴滴公司的技术团队基于Vue.js实现的精致移动端组件库。开源,虽然组件还不是很多,但是基本场景是够用了。 1、首先创建一个vue项目 vueinitwebpack my-project cd my-project npm install 2、安装cube-ui ...
cube-ui 导航 新项目? 安装 使用 按需使用 Development Changelog 滴滴开源项目 cube-ui A fantastic mobile ui lib implement by Vue. 导航 首页 文档 示例 应用教程 新项目? 推荐使用基于 vue-cli 的CLI 工具 来初始化配置和代码: $ vue init cube-ui/cube-template projectname 安装 npm install ...
去年底，滴滴开源的Vue组件库cube-ui凭借极致体验、灵活性和易扩展性，以及完善的周边生态，吸引了广泛关注。自17年11月开源以来，cube-ui经历了迭代更新，组件数量从最初的14个增长到现在的28个，不仅增强了原有组件，还新增了多个组件，适应了更多场景需求。官网升级后，cube-ui的周边生态如后编译技术...
cube-ui的后编译生态是其一大亮点，支持基于ES2015+开发并直接使用NPM包，提供自定义主题和rem布局功能。自定义主题支持样式覆盖和变量修改，且通过webpack实现无侵入式定制。rem布局则支持动态缩放，适应不同尺寸屏幕。上层扩展方面，cube-ui鼓励二次封装，例如内部业务组件库基于cube-ui增强而来，快速上手...
cube-ui 相对于同类型的移动端组件库的优势在于，其组件主要包括基础组件、弹出层组件和滚动组件，总共开源了 14 个组件，且在组件的体验和交互，包括易用性上我们都追求极致。cube-ui 支持 2 种使用方式，声明式和 API 式。cube-ui 的某些组件有着很好的扩展性，可以根据实际场景需求做功能的扩展，...