weui-wxss

为微信小程序设计的 WeUI
授权协议 MIT
开发语言 JavaScript
所属分类 手机/移动开发、 微信小程序
软件类型 开源软件
地区 国产
投 递 者 黎奇思
操作系统 跨平台
开源组织 腾讯
适用人群 未知
 软件概览

概述

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

预览

微信web开发者工具打开dist目录(请注意,是dist目录,不是整个项目)

使用

  • 组件的wxml结构请看dist/example/下的组件

  • 样式文件可直接引用dist/style/weui.wxss,或者单独引用dist/style/widget下的组件的wxss

文档

WeUI 视觉标准参考 weui-design

  • 一,使用weui-wxss组件做一个表单页面 WeUI组件库简介 这是一套基于样式库weui-wxss开发的小程序扩展组件库,同微信原生视觉体验一致的UI组件库,由微信官方设计团队和小程序团队为微信小程序量身设计,令用户的使用感知更加统一。 项目背景 随着小程序的普及,微信也有很多内部小程序在开发,每个小程序都需要从零到1进行开发设计,而这个过程中,有大量的UI交互是重复的,另外,微信内部已经有一

  • 1、打开cmd,在小程序的根目录,初始化npm npm init   name 项目名称;version 项目的版本号;description 项目的描述信息;entry point 项目的入口文件;   test command 项目启动时脚本命令(npm test);git repository  Git 地址   keywords 关键词;author 作者;license 项目要发行的时

  • 1.小程序示例源码:https://github.com/wechat-miniprogram/miniprogram-demo 2.微信 weui下载地址:https://github.com/weui/weui-wxss/ weui用微信开发者工具打开步骤。 新先小程序,目录选择dist。appid可以选择测试  对WEUI css详解 转载于:https://www.cnblogs.com/

 相关资料
  • 本文向大家介绍微信小程序 教程之WXSS,包括了微信小程序 教程之WXSS的使用技巧和注意事项,需要的朋友参考一下 系列文章: 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML WXSS WXSS(WeiXin Style Sheets)

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

  • 本文向大家介绍微信小程序 WXML、WXSS 和JS介绍及详解,包括了微信小程序 WXML、WXSS 和JS介绍及详解的使用技巧和注意事项,需要的朋友参考一下 前几天折腾了下。然后列出一些实验结果,供大家参考。 0. 使用开发工具模拟的和真机差异还是比较大的。也建议大家还是真机调试比较靠谱。 1. WXML(HTML) 1.1 小程序的WXML没有HTML的宽容度​那么高,单标签必需是 /> 结尾

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

  • @megalo/target 的 platform 设置成 wechat,mini-css-extract-plugin 提取文件后缀改成微信小程序的 wxss。 const createMegaloTarget = require( '@megalo/target' ) const compiler = require( '@megalo/template-compiler' ) const M

  • 1、第三方应用授权对接 ​ 之前对接小程序只提供了开发者授权的方式,这种方式的弊端是,如果客户同时对接了其他的系统,会产生access token冲突,导致消息发不过来。因此新增第三方平台授权的方式,客户可以在智齿后台直接扫二维码授权对接。流程如下: 1.1、选择授权方式,进入配置页 点击绑定小程序时选择授权方式,默认推荐第三方平台授权: 点击确定进入配置页: 1.2、扫描授权二维码 点击“微信公