"transform": "cube-ui/lib/${member}", "kebabCase": true, "style": { "ignore": [ "create-api", "better-scroll", "locale" ] } } } 4.我们要在build/utils.js里添加相关的配置,但因为我们现在大多使用的脚手架版本是4.0(Vue-cli)版本,没有这个文件,所以我们直接在项目的根目录(自己的项目下...
对于 Vue 组件库而言,主流的也是推荐的做法是把样式写在.vue文件中,这样便于维护,比较符合组件化开发思维;但是为了方便的使用预处理器实现自定义主题,通常都会把样式单独拿出来,一般的做法是创建一个样式文件夹,里边包含所有组件样式,而在.vue文件中则是没有样式的。 cube-ui 做法 核心点就是借助于后编译,我们可以...
一,安装,cube-ui 安装cube-ui vue add cube-ui (针对vue-cli3),安装会有一些配置提示, 以后会直接使用cube组件了,按需引入, Use post-compile? 后编译 y 部分引用 Import type 自定义主题 Custom theme y Use rem layout rem 布局 n Use vw layout rem 布局的 n 安装重构后,vue项目中会自动theme.styl...
这里要注意的是,一旦我们要覆盖某个子组件的样式,那么引用该子组件的父组件(在我们这个 case 是Singer组件)样式部分就不能使用scoped特性,因为如果设置了scoped,Vue 在初始化的过程中会给组件的样式加上属性 id,那么就不能够覆盖 cube-ui 中的组件样式了。 Slide 组件修改 音乐App 的推荐页面用到了轮播图,如下...
cube-ui 是滴滴公司的技术团队基于 Vue.js 实现的精致移动端组件库。很赞,虽然组件还不是很多,但是基本场景是够用了,感谢开源! 首先创建一个vue项目 vue init webpackmy-project cdmy-project npm install AI代码助手复制代码 安装cube-ui npm installcube-ui-S ...
cube-ui是滴滴去年底开源的一款基于 Vue.js 2.0 的移动端组件库,主要核心目标是做到体验极致、灵活性强、易扩展以及提供良好的周边生态—后编译。 自17 年 11 月开源至今已有 5 个月,在这个过程中 cube-ui 受到了不少的关注,同时从社区中也收到了很多很好的反馈和建议。我们也一直在迭代更新,从最初的 1.0 ...
继6 月份开源Android端插件化框架 VirtualAPK后,滴滴近日又开源了第二个项目 —— 基于 Vue.js 实现的移动端组件库 cube-ui 。 移动端组件库 cube-ui 授权协议:Apache 开发语言:JavaScript 操作系统:跨平台 开发厂商:滴滴 Github:https://didi.github.io/cube-ui/ ...
Cube-UI是一个由滴滴出行开发的开源移动端组件库,该库基于Vue.js构建,旨在为开发者提供强大且稳定的工具集。经过超过一年的实际业务应用及严格的单元测试,Cube-UI证明了其在真实场景下的可靠性和实用性,适合广泛的应用开发需求。 关键词 Cube-UI, 滴滴出行, Vue.js, 组件库, 单元测试 ...
cube-ui 是滴滴公司的技术团队基于 Vue.js 实现的精致移动端组件库。很赞,虽然组件还不是很多,但是基本场景是够用了,感谢开源! 首先创建一个vue项目 vue init webpack my-project cd my-project npm install 安装cube-ui npm install cube-ui -S
滴滴也是如此,我们在去年初使用 Vue.js 去重构了我们的打车 WebApp,也抽象出了一套移动端组件库,在经过一年多的业务考验后,我们决定做开源,一方面是想把好的东西分享出去,并通过社区的反馈去完善我们的组件库;另一方面也是想让大家了解滴滴的前端,能吸引一些优秀的人才加入滴滴。于是在去年的 11 月份,我们团队开源...