@gongchuangji/uview-ui
v0.0.3
Published
uView UI已完美兼容nvue,全面的组件和便捷的工具会让您信手拈来,如鱼得水
Downloads
4
Maintainers
Readme
说明
uView UI,是uni-app全面兼容nvue的uni-app生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水
官方文档:https://uviewui.com
预览
您可以通过微信扫码,查看最佳的演示效果。
# npm方式安装,插件市场导入无需执行此命令
npm install @vocen/uview-ui
链接
main.js
引入uView库
// main.js
import uView from '@vocen/uview-ui';
Vue.use(uView);
App.vue
引入基础样式(注意style标签需声明scss属性支持)
/* App.vue */
<style lang="scss">
@import '~@vocen/uview-ui/index.scss';
</style>
uni.scss
引入全局scss变量文件
/* uni.scss */
@import '~@vocen/uview-ui/theme.scss';
pages.json
配置easycom规则(按需引入)
// pages.json
{
"easycom": {
// npm安装的方式不需要前面的"@/",下载安装的方式需要"@/"
// npm安装方式
"^u-(.*)": "@vocen/uview-ui/components/u-$1/u-$1.vue"
// 下载安装方式
// "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},
// 此为本身已有的内容
"pages": [
// ......
]
}
5.如果您是vue-cli模式的项目,还需要在项目根目录的vue.config.js文件中进行如下配置:
module.exports = {
transpileDependencies: ['@vocen/uview-ui'],
}
请通过官网安装文档了解更详细的内容
快速上手
请通过快速上手了解更详细的内容
使用方法
配置easycom规则后,自动按需引入,无需import
组件,直接引用即可。
<template>
<u-button text="按钮"></u-button>
</template>
请通过快速上手了解更详细的内容
链接
预览
您可以通过微信扫码,查看最佳的演示效果。