WeUI 的轻量级 JS 库 weui.js

MIT
JavaScript
跨平台
腾讯
2017-06-15
两味真火

概述

WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。weui.js是WeUI 的轻量级 js 封装。

注意:由于微信小程序不支持dom操作,所以weui.js并不适用于小程序。不过WeUI也为小程序开发了另外的版本,详情请看:https://github.com/weui/weui-wxss/

手机预览

https://weui.io/weui.js/

开发

安装

git clone https://github.com/weui/weui.js.gitcd weui.js
npm install
npm start

编译

npm run build

使用

global

<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.0/weui.min.css">
<script type="text/javascript" src="https://res.wx.qq.com/open/libs/weuijs/1.1.1/weui.min.js"></script>
<script type="text/javascript">    weui.alert('alert');</script>

import as module

import 'weui';import weui from 'weui.js';weui.alert('alert');
的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Weui 结合 xmlHttpRequest 上传图片

一、html部分 <!DOCTYPE html> <html> <head> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,...

2019/02/14 16:47
47
0
jquery weui 图片浏览器Photo Browser

jquery weui 图片浏览器Photo Browser 如何使用? 对应组件地址:http://jqweui.com/extends#swiper 先说说业务场景:类似朋友圈这样的布局效果,点击小图可以浏览大图,并支持大图左右切换,...

2018/08/17 16:09
59
0
jquery weui ajax滚动加载更多

<div class="htmledit_views"> <p>手机端使用jquery weui制作ajax滚动加载更多。</p> <p>演示地址:<a href="http://wx.cnkfk.com/nuol/static/fpage.html" target="_blank">http://wx.cnkf...

2018/06/13 13:06
34
0
如何实现‘请在微信客户端打开链接’

想要实现请在微信客户端打开链接 在代码中加入以下代码即可 <code style="font-family:Menlo, Monaco, Consolas, 'Courier New', monospace;display:block;line-height:18px;border:none !i...

2018/07/26 15:20
19
0
微信小程序从零开始开发步骤-引入框架WeUI

首先来看下WeUI的官方介绍: WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。在微信小程序的开发过程中,...

2019/04/28 13:51
287
0
WeUI基础样式库——写一个移动端界面

WeUI是一套基础样式库,同微信原生视觉体验一致,由微信官方设计团队为微信内网页和微信小程序量身设计的。 我们来看看这个基础库样式到底长什么样。 这些密密麻麻的就是压缩后的样式库。密密...

01/14 23:55
109
0
小程序使用npm引入Weui组件库

1.第一步,先要下载node.js, 2.先建立一个空的文件夹,然后用小程序开发工具打开之后,在下图指示中进入cmd,输入npm init,进行初始化,然后一路可以默认(enter) 3.在一路默认后,就可以在...

03/16 16:52
70
0
flex weui列表demo

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=...

2019/01/07 19:15
59
0
重写weui checkbox radio样式

按照网上推荐做法,重写了weui样式, 最好是覆盖重写,而不是直接修改它的原代码方式. 重写了 weui的 checkbox 与 radio 样式. 先来张效果图: 在企业内部经常需要开发一些小的表单应用, 但是weu...

2019/05/30 09:50
65
0
小程序-怎样去自定义弹窗(只能点击确定隐藏弹窗,以及可以点击其他地方隐藏弹窗)

小程序中会用到弹窗. 我在时间选择这快便用到了自定义弹窗,用来显示起始时间和结束时间. 刚开始用的model <modal class="timeModal" confirm-text="确定" cancel-text="取消" hidden="{{mod...

2018/09/13 09:36
43
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部