uniapp ui框架uview

2020年7月23日 320点热度 0人点赞 0条评论

图片

uniapp的最火ui框架,uview在uniapp的插件市场搜索下载。

使用方法:

在hbuilderX创建好一个uniapp的项目,然后把下载的uview拷贝到项目的跟目录下。

  1.  在项目的main.js中引入该框架:

        import uView from "uview-ui";

        Vue.use(uView);

图片


2. 在uni.scss中写入:

@import 'uview-ui/theme.scss';

图片


3. 在App.vue中(覆盖默认的style):

<style lang="scss">

/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */

@import "uview-ui/index.scss";

</style>

图片


4. 在page.json中加入:

"easycom": {

"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"

},

图片

5. 然后就去官网复制组件代码到项目页面中查看是否引入成功


图片

小案例:

图片

36590uniapp ui框架uview

这个人很懒,什么都没留下

文章评论