滚动类组件都是基于 better-scroll 实现,而 Scroll 组件就是对 better-scroll 的封装。 cube-ui 其他模块 除了组件之外,cube-ui 还有一些特殊的模块。 style:样式部分,如果你是在按需引入使用的场景下,那么建议在入口文件处也要引入这个模块,因为它包含基础的 reset、基础通用样式以及内置 icon。 create-api:有些...
这样我们就可以轻松做自己想要的主题定制,所要做的就是修改 cube-ui 已经定义好的变量值即可。对于 cube-ui 组件库自身,则不会有任何修改,且对于应用开发者而言,用不用自定义主题,本身的源代码不用修改,只需要创建一个主题文件(无需手工引入)配合 webpack 插件配置即可。 其实对于主题定制,还可以更进一步,未来 ...
因为毕竟 cube-ui 是从滴滴的业务中抽象出来的,在做滴滴相关业务的时候,这些组件都能很好的满足需求,但是换成一个新的项目,cube-ui 好不好用呢,于是我想到了我的音乐课程项目,它有一些基础组件是可以从 cube-ui 里拿的,但是整体的配色风格和 cube-ui 的默认配色又完全不一样,正好可以来检验一波,接下来我分享...
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> ...
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最大的特点模块: 1、style: 构建项目后添加了reset.css、base.css;就是从一开始就处理一些常见问题以及规范;比如:reset.css对body属性的重新定义、base.css对1px显示问题的处理; 2、create-api: 我们之前的弹框组件覆盖屏幕基本上都是用 position:fixed 这个属性来脱离文本流;而create-...
cube-ui/vue-create-api’s past year of commit activity cube-templatePublic cube-ui template base on webpack for Vue-cli JavaScript65MIT1220UpdatedAug 18, 2020 cube-nuxt-demoPublic Cube-UI demo for nuxt.js appication vue-cli-plugin-cube-uiPublic ...
去年底，滴滴开源的Vue组件库cube-ui凭借极致体验、灵活性和易扩展性，以及完善的周边生态，吸引了广泛关注。自17年11月开源以来，cube-ui经历了迭代更新，组件数量从最初的14个增长到现在的28个，不仅增强了原有组件，还新增了多个组件，适应了更多场景需求。官网升级后，cube-ui的周边生态如后编译技术...
vue2cube-uivitecubeuivite2vue2-vite2vue2-vite2-uivite-cubeuivite-cube-ui UpdatedOct 2, 2022 JavaScript vue-cli3-multipage cube-ui 可以通过read me了解该脚手架,同时可以通过该脚手架,理解背后的技术原理。(该脚手架意义在于,为移动端业务框架,提供了核心参考) ...