滚动类组件都是基于 better-scroll 实现,而 Scroll 组件就是对 better-scroll 的封装。 cube-ui 其他模块 除了组件之外,cube-ui 还有一些特殊的模块。 style:样式部分,如果你是在按需引入使用的场景下,那么建议在入口文件处也要引入这个模块,因为它包含基础的 reset、基础通用样式以及内置 icon。 create-api:有些...
这样我们就可以轻松做自己想要的主题定制,所要做的就是修改 cube-ui 已经定义好的变量值即可。对于 cube-ui 组件库自身,则不会有任何修改,且对于应用开发者而言,用不用自定义主题,本身的源代码不用修改,只需要创建一个主题文件(无需手工引入)配合 webpack 插件配置即可。 其实对于主题定制,还可以更进一步,未来 ...
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":...
{"plugins":[["transform-modules",{"cube-ui":{"transform":"cube-ui/lib/${member}","kebabCase":true,"style":{"ignore":["create-api","better-scroll"]}}}]]} 引入方式1:全部引入 一般在入口文件main.js中: importVuefrom'vue'importCubefrom'cube-ui'// 一般直接放在这个位置Vue.use(Cube) ...
因为毕竟 cube-ui 是从滴滴的业务中抽象出来的,在做滴滴相关业务的时候,这些组件都能很好的满足需求,但是换成一个新的项目,cube-ui 好不好用呢,于是我想到了我的音乐课程项目,它有一些基础组件是可以从 cube-ui 里拿的,但是整体的配色风格和 cube-ui 的默认配色又完全不一样,正好可以来检验一波,接下来我分享...
11月8号,滴滴在github上开源了Web移动端组件库cube-ui。cube-ui是基于Vue.js 2.0的,目前在github上已获得上千个star。值得一提的是cube-ui和WeUI类似,只不过底层实现不一样罢了,本文将主要介绍cube-ui的使用。 安装 安装的方法很简单,依赖npm。 npm install cube-ui --save ...
今天为大家简单介绍一下cube-ui这个以vue.js为基础的手机端UI框架! 目前cube-ui框架已经在github上获得5.5k个start,821个fork。大家都知道,使用框架最怕的是后期没人维护了,看cube-ui最近的一次commit是3天前,活跃度还算不错。 cube-ui框架 github情况 首先,在ui组件方面,默认的demo实例为滴滴出行的界面风格,...
除了一些一般的组件cube-ui最大的特点模块: 1、style: 构建项目后添加了reset.css、base.css;就是从一开始就处理一些常见问题以及规范;比如:reset.css对body属性的重新定义、base.css对1px显示问题的处理; 2、create-api: 我们之前的弹框组件覆盖屏幕基本上都是用 position:fixed 这个属性来脱离文本流;而create-...
vue2cube-uivitecubeuivite2vue2-vite2vue2-vite2-uivite-cubeuivite-cube-ui UpdatedOct 2, 2022 JavaScript vue-cli3-multipage cube-ui 可以通过read me了解该脚手架,同时可以通过该脚手架,理解背后的技术原理。(该脚手架意义在于,为移动端业务框架,提供了核心参考) ...
Q&A for cube-ui 157 cube-nuxt-democube-nuxt-demoPublic Cube-UI demo for nuxt.js appication CSS1410 Repositories cube-ui-standardPublic UI standard for Cube-UI CSS2MIT001UpdatedOct 25, 2024 vue-create-apiPublic Make Vue component's invocation by API. ...