微信小程序引入WeUI

WeUI 为微信小程序量身设计的UI库

一、前言

    在做微信小程序的时候就想着找一个UI库，方便我们前端开发，然后查找资料，发现了这个WeUI特别适合放在微信小程序里。下面就简单的了解一下。WeUI是一套跟微信原生的视觉体验类似的一套样式库，由微信官方设计团队为微信内网页和小程序设计的，让用户视觉更加统一。包含了外卖常用标签的各种元素。

二、预览

使用微信开发者工具打开weui-wxss-master 中的dist目录。
下载地址：https://github.com/Tencent/weui-wxssPS:
组件的wxml结构请看dist/example/下的组件
样式文件可直接引用dist/style/weui.wxss，或者单独引用dist/style/widget下的组件的wxss
WeUI的视觉标准：https://github.com/weui/weui-design小程序中引入样式就好，不需要引入WeUI的js

转载于:https://blog.51cto.com/9886022/2150491

微信小程序引入WeUI相关推荐

微信小程序引入weui的操作
在做微信小程序的时候,可能会使用到ui框架,https://github.com/Tencent/weui 通过这个GitHub 下载微信小程序的文档, 然后再你需要的页面中引入weui.wxss 使 ...
微信小程序引入WeUI组件库（笔记）
1. 在微信小程序的根目录新建一个weui.wxss的文件 2. 将https://raw.githubusercontent.com/Tencent/weui-wxss/master/dist/st ...
微信小程序引入WeUI组件库并使用组件
1. git 下载:weui,解压,打开文件夹,dist文件夹,style-->weui.wxss,复制到项目里 2.useExtendedLib引入根目录的app.json里引入 " ...
微信小程序使用WeUI入门教程
微信小程序使用WeUI入门教程在学习微信小程序过程中,很多组件的样式需要自己调整,且很多不是我们想要的样子.所以找到了WeUI这样的扩展组件库,预览了组件库,真的非常nice! 但是找不到怎么去引用 ...
26.微信小程序（WeUI框架）
微信小程序(WeUI框架) 前言前言: 因为小程序的api描述都比较简单,并没有wxml及wxss的描述,有的人可能会想小程序有没有一个UI库.类似于前端中的常见的UI库例如Bootstrap.MD ...
微信小程序引入骨架屏组件
微信小程序引入骨架屏组件参考地址:https://github.com/cytle/ma-skeleton.git 1.克隆项目 2.把项目里的组件skeleton文件复制到自己的项目里 3.复制& ...
微信小程序引入vant-weapp组件遇到的bug以及解决方法
微信小程序引入vant-weapp组件遇到的bug问题原本百度了一波,说只要安装了node还有npm之后,使用gitBash命令行工具直接cd到根目录下然后直接引入以下代码: npm i vant- ...
微信小程序引入less并引入公共样式
微信小程序引入less并引入公共样式在原生微信小程序开发中,直接使用wxss来写组件样式是非常麻烦的,它不能进行嵌套书写,也不能声明变量,所以我们经常会引入一些css编译器来辅助我们书写样式,例如l ...
微信小程序引入阿里巴巴图标库（不下载）
微信小程序引入阿里巴巴图标库(不下载)@TOC 阿里图标地址:https://www.iconfont.cn 第一步:选择资源管理-我的项目-选择Font class-查看在线链接-点击下方css链接 ...

微信小程序引入WeUI

微信小程序引入WeUI相关推荐

最新文章

热门文章