微信小程序引入WeUI
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序引入WeUI相关的知识,希望对你有一定的参考价值。
WeUI 为微信小程序量身设计的UI库
一、前言
在做微信小程序的时候就想着找一个UI库,方便我们前端开发,然后查找资料,发现了这个WeUI特别适合放在微信小程序里。下面就简单的了解一下。
WeUI是一套跟微信原生的视觉体验类似的一套样式库,由微信官方设计团队为微信内网页和小程序设计的,让用户视觉更加统一。包含了外卖常用标签的各种元素。
二、预览
使用微信开发者工具打开weui-wxss-master 中的dist目录。
下载地址:https://github.com/Tencent/weui-wxss
PS:
组件的wxml结构请看dist/example/下的组件
样式文件可直接引用dist/style/weui.wxss,或者单独引用dist/style/widget下的组件的wxss
WeUI的视觉标准:https://github.com/weui/weui-design
小程序中引入样式就好,不需要引入WeUI的js
以上是关于微信小程序引入WeUI的主要内容,如果未能解决你的问题,请参考以下文章
微信小程序 Component is not found in path “miniprogram_npm/weui-miniprogram“