weui-wxss 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
weui-wxss 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
weui-wxss 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
weui-wxss 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
weui-wxss 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织 腾讯
地区 国产
投 递 者 两味真火
适用人群 未知
收录时间 2017-06-15

软件简介

概述

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

预览

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

使用

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

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

文档

WeUI 视觉标准参考 weui-design

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (1)

加载中
打分: 推荐
比较全面,提高开发效率。
2017/12/22 16:53
回复
举报
更多评论
暂无内容
发表了博客
2019/10/23 08:22

WeUI框架

WeUI框架 WeUI是一套小程序的UI框架,所谓UI框架就是一套界面设计方案,有了组件,我们可以用它来拼接出一个内容丰富的小程序,而有了UI框架,我们就可以让我们的小程序变得更加美观。 体验WeUi小程序 WeUI是微信官方设计团队的一套同微信原生视觉体验一致的基础样式库,在手机微信里搜索WeUI小程序即可。 下载源码就可以看到weui-wxss-master文件夹,导入项目,体验 为什么是weui-wxss-master下的dist⽂件夹,⽽不是weui-wxss...

0
0
2019/10/23 08:23

WeUI框架

WeUI框架 WeUI是一套小程序的UI框架,所谓UI框架就是一套界面设计方案,有了组件,我们可以用它来拼接出一个内容丰富的小程序,而有了UI框架,我们就可以让我们的小程序变得更加美观。 体验WeUi小程序 WeUI是微信官方设计团队的一套同微信原生视觉体验一致的基础样式库,在手机微信里搜索WeUI小程序即可。 下载源码就可以看到weui-wxss-master文件夹,导入项目,体验 为什么是weui-wxss-master下的dist⽂件夹,⽽不是weui-wxss...

0
0
发表了博客
2019/08/20 18:32

weui的使用

weui的demo地址: https://weui.io github地址:https://github.com/Tencent/weui.js 开发 安装 git clone https://github.com/Tencent/weui.js.git cd weui.js npm install npm start 编译 npm run build 使用 global <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.0.1/weui.min.css"> <script type="text/javascript" src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script> ...

0
0
发表了博客
2018/01/04 10:06

weui 上传

html部分 {template 'common_header'} <!-- 已领取任务 提交 --> {if $now_do == 'my_task'} <style> .page_title { font-size: 1.4rem; color: #F96A0E; } .weui_media_box .weui_media_title { color: #F96A0E; } .page_top_item { text-align: center; } .page_top_item span{ width: 20%; line-height: 25px; border-radius: 3px; border: 1px solid #ff5f27; ...

0
0
发表了博客
2018/08/30 18:51

微信WeUI基础

首先引入样式css和js 虽然基础的其实还有weui.min.css,但是为了一些动态效果,也要引入其他的东西。 基本框架 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title>WeUI</title> <link rel="stylesheet" href="css/weui.min.css"> <!--<link rel="stylesheet" href="css/demos.css"...

0
0
发表了博客
2018/03/16 17:07

weui开发笔记

1.标准的weui只是一个css皮肤,当然里面有h5特性所以有一些很好的组件,比如时间选择控件、数字输入框(用于手机号等),在ios——微信中可以做到完美的展示。 2.ui框架以手机移动端为优先显示(bootstrape也是的)。样式、风格、功能都是移动为要。一些按钮的效果仅在手机端兼容,在pc端可能会错误或者简配,比如input type="datetime-local"。 3.weui代码、官网、github自己百度,一大把。这里介绍下https://jqweui.cn/。上面...

0
0
2020/01/23 23:06

WeUI使用教程

官方地址:https://developers.weixin.qq.com/miniprogram/dev/extended/weui/cells.html 使用之前 扩展组件库基于小程序自定义组件构建,在使用扩展组件库之前,建议先阅读熟悉小程序自定义组件。 引入组件 可以通过npm方式下载构建,npm包名为weui-miniprogram 也可以通过页面按需下载 如何使用 假设组件的目录为weui-miniprogram,首先要在app.wxss里面引入weui.wxss @import './weui-miniprogram/weui-wxss/dist/style/weui...

0
0
发表于大前端专区
2018/08/14 15:43

weui 按钮样式

> weui 按钮使用中的一些样式修改 1. 修改按钮背景样式 默认只有:绿,白,红三种样式 现添加蓝色.如下: ``` //样式 .green-btn{ background-color: #5cadff; color:#fff; } .green-hover-class{ background-color: #2d8cf0; color:#fff; } ``` ``` // 使用 修改 ``` 最终效果如下: ![效果图](https://oscimg.oschina.net/oscnet/09f8e3ca5128039578c3044a1e254d3a21e.jpg "效果图")...

0
0
发表了博客
2019/09/19 00:06

微信小程序weui的使用

大家好,我是前端菜鸟,大家可以叫我惊蛰,今天给大家分享一下在微信小程序中对weui的引入和使用,其他的也不再赘述,文中有不对的还请指正,谢谢。 直入主题: 1.下载weui  进入GitHub https://github.com/weui/weui-wxss/ 进入如下页面,点击红色框选下载程序代码   解压后进入文件夹,图示路径下的weui.wxss就是我们所需要的weui库 2.引入weui   打开微信开发者工具创建项目(这个就不在介绍了),目录如下   创建好项...

0
0
发表了博客
2019/04/11 15:34

微信 + weui 框架记录

  WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一;   包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素;   一、扩展     操作文档手册:       weui https://github.com/Tencent/weui/wiki       weui.js https://github.com/Tencent/weui.js/blob/master/docs/README.md     w...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
1 评论
55 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部