WeUI-MiniApp

WeUI 小程序组件库
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 手机/移动开发、 微信小程序
软件类型 开源软件
地区 国产
投 递 者 田成化
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含 button cell dialog 、  progress 、  toast article actionsheet icon 等各式元素。

WeUI-Aliapp 是通过 Antmove 小程序转换器基于 WeUI 项目转换得到,可用于 微信/支付宝/百度 小程序的开发。

图片预览

按顺序分别为微信/支付宝/百度展示情况。

  • 网上有很多类似的说法,都是用npm构建的方式,但是不知道你们会不会像我一样在终端上各种报错 其实不必,我们直接引用 首先打开app.json,直接插入这段代码放在最外层的花括号里 "useExtendedLib": { "weui": true } 然后在你要用的页面json文件里,引入对应你需要用的组件 { "usingComponents": { "mp-badge"

  • 简介 在实际小程序开发过程中,需要实现一些定制化组件,比如,日期时间选择,对话框等,原生的开发,实现定制化组件开发比较耗费时间和精力,经过筛选,使用WEUI框架。 使用方式 在app.json中引入 "useExtendedLib": { "weui": true }, .在需要使用的界面json文件中加入需要使用的组件 "usingComponents": { "mp-dialog":

  • 之前项目里用的是SUI(说是某宝的),最近项目来了新需求发现SUI已经停止维护了,目前用是还能用,但是官网已经打不开了,API也查不到了。所以还是决定花点时间换一个框架。 WEUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。 依赖 微信官方 //res.wx.qq.com/open/libs/weui/1.1.

  • 1、确定好安装了node.js 2、小程序项目根目录node init初始化,会出现package.json 3、安装npm i weui-miniprogram -S --production 出现node_modules文件夹 4、工具->构建npm,构建成功,出现miniprogram_npm文件夹 5、在app.wxss引入@import '/miniprogram_npm/weui-mi

  • 文档: https://github.com/Tencent/weui.js/blob/master/docs/README.md github: https://github.com/Tencent/weui.js 效果展示: https://weui.io

  • 方法一: 1.先去官网(官方网址:https://weui.io/)==》右键查看源码找到 <link rel="stylesheet" href="./weui.css"/> 点击href后的路径即可进入https://weui.io/weui.css,把所有的css复制到自己本地的weui.css文件中。如果嫌麻烦,也可引入bootcdn线上资源里的css。 2.如果想使用哪块的源码片段,粘贴

  • <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal

 相关资料
  • 本文向大家介绍微信小程序中weui用法解析,包括了微信小程序中weui用法解析的使用技巧和注意事项,需要的朋友参考一下 前言 在做微信小程序的时候就想着找一个UI库,方便我们前端开发,然后查找资料,发现了这个WeUI特别适合放在微信小程序里。下面就简单的了解一下。 WeUI是一套跟微信原生的视觉体验类似的一套样式库,由微信官方设计团队为微信内网页和小程序设计的,让用户视觉更加统一。包含了外卖常用标

  • 本文向大家介绍微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤,包括了微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤的使用技巧和注意事项,需要的朋友参考一下 本文介绍了微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤,分享给大家,具体如下: 微信小程序框架:mpvue ui框架:mpvue-weui request请求

  • 本文向大家介绍微信小程序 video组件详解,包括了微信小程序 video组件详解的使用技巧和注意事项,需要的朋友参考一下 主要属性: 效果图: ml: js: 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • 本文向大家介绍微信小程序 form组件详解,包括了微信小程序 form组件详解的使用技巧和注意事项,需要的朋友参考一下 表单: 将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交 主要属性: 效果图:  ml: ss: js: 复制代码 注意: form表单组件 是提交form内的所有选中属性的值, 注意

  • WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。 WeUI 是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。 使用 方法一: 使用bower进行安装 bower install --save weui 方法二: 使用npm进行安装

  • 1. 插件介绍 请注意 插件功能需要在基础库版本≥2.11.1,SDK版本≥2.34.0的环境下才可使用 插件,是可被添加到小程序内直接使用的功能组件。小程序开发者可直接在小程序内使用插件,无需重复开发,为用户提供更丰富的服务。 开发者可在小程序代码中引入插件代码的声明,然后在使用 FIDE 开发工具进行编译时, FIDE 会从服务端获取插件代码一起进行打包编译。 1.1 添加插件 在使用插件前,