@ldesign/mobile-next
v0.1.10
Published
基于vue3的移动端组件库
Downloads
4
Readme
@ldesign/mobile-next 是基于vue@2.6.14
开发用于 桌面端
的组件库,切记保证本地的 vue 版本号不要高于 2.6.x,如果使用报错,请检查本地项目的 package.json,确保vue
以及vue-template-compiler
的版本号为:2.6.x
。
{ javascript
"dependencies": {
...,
"vue": "~2.6.14",
},
"devDependencies": {
...,
"vue-template-compiler": "~2.6.14"
}
}
特性
用于桌面端系统及网站,统一的接口风格,一致的 UI 表现
基于 vue(2.6.14),
@vue/composition-api
开发,既能使用 2.0 的语法,也能尝鲜 3.0 的语法支持暗黑模式及主题定制,基于
less
变量和css
变量,更换主题方式灵活支持按需加载,通过
es
和esm
模块引入,能最小限度减小项目大小
安装
npm i @ldesign/mobile-next
// 最好还要安装@vue/composition-api
npm i @vue/composition-api
基本用法
推荐使用 Webpack
或 Rollup
等支持 tree-shaking 特性的构建工具,无需额外配置即可实现组件按需引入:
import Vue from 'vue'
import LDesign from '@ldesign/mobile-next';
import compositionAPI from '@vue/composition-api';
// 这里面主要是主题以及reset样式,组件自身的样式已经跟随组件一同加载,如果需要自定义主题,也可通过改变该文件来实现
import '@ldesign/mobile-next/es/style/index.css';
Vue.use(LDesign)
Vue.use(compositionAPI)
注意:如果没有安装
@vue/composition-api
,项目可能会报错。