weui.js

WeUI 的轻量级 JS 库
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 国产
投 递 者 上官景铄
操作系统 跨平台
开源组织 腾讯
适用人群 未知
 软件概览

概述

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');
  • 1、写在前面的废话 最近接触在开发企业微信应用的时候,接触到了weui。用到了其中的slider功能。不知道是不是我用法有误,发现slider存在一定的兼容问题---在pc端和移动端不能很好的兼容。所以在此写个文档,做个小笔记,以后备用。 2、slider的使用 在weui.js中slider的一种用法如下: [options.step] number   slider的step,每次移动的百分比

  • 基本上是 weui 的 css 样式: npm install weui —save weui 配套的 js 代码: install weui.js --save 在要用的 vue 文件里加上: import 'weui' import weui from 'weui.js'

  • 在weui的展示界面,有一个挺不错的picker模拟select的演示,但是我读了一遍weui.js的文档,却发现没有将select转为picker的这一过程封装,所以只好造了一个轮子,同时也上传到了github:weui.js-select2Picker (() => { if (!weui || !$) return; weui.select2Picker =

  • WeUI与WeUI.JS是腾讯开发的适用于微信下开发网页的框架,如果在切换页面,即当前页面切换(跳转)到其他页面时,如何显示加载动画呢? 我们知道,一般进入页面非常生硬,加上还有各种接口的请求,那么会有加载时间。在这个时间给予用户提示是非常有必要的。 下面是一个实例,用户经过的步骤:进入页面 - 提示加载动画 - 加载页面内容完毕 - 关闭提示加载动画:Document var loading =

  • 微信小程序WeUI.js网页开发样式库.pdf 微信⼩程序WeUI.j s ⽹页开发样式库 ⽬录 1 概述 2 使⽤⽅法 2.1 安装 2.2 开发 3 元素类型 3.1 Button 3.2 Cell 3.3 Dialog 3.4 Progress 3.5 Toast 3.6 Msg Page 3.7 Article 3.8 ActionSheet 3. Icon 4 技术⽀持与反馈 概述 We

  • WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。weui.js是WeUI 的轻量级 js 封装。在项目中使用到时间选择器,weui.js库文件是一个不错的选择。下面介绍一下weui.datePicker的使用。 首先要引入weui.min.js和weui.min.css   js和css文件。 然后就可以在代码中使用weui.datePicker({})选择器了。 代码示

  • weui.js之datepicker年月日时分秒的选择 <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.0.1/weui.min.css"> <script type="text/javascript" src="https

  • ## tab(selector, [options]) tab tab导航栏 **Kind**: global function | Param | Type | Default | Description | | --- | --- | --- | --- | | selector | string | | tab的selector | | [options] | object | | 配置项

  • weui中的picker默认组件只有两个,一个默认的picker,只有一级可选项,一个datePicker可以实现年月日联动,但是好多自定义场景需要自定义多级联动。 如时间2019-01-01 12:00:00这种N级联动或者省市区三级联动。 此处以省市区三级联动为例。 html代码: <!DOCTYPE html> <html>     <head>         <meta charset

  • weui.js下载地址: https://github.com/Tencent/weui.js/blob/master/docs/component/uploader.md HTML: <div class="weui-cells weui-cells_form"> <div class="weui-cell"> <!--<div class="weui-cell__hd"

  • weui.confirm('预约成功后,请前往医院自助机或者人工窗口缴费后进行采样检测。', { title: '温馨提示', buttons: [{ label: '取消', type: 'default', onClick: function(){ console.log('no') } }, { label: '确定'

 相关资料
  • 本文向大家介绍轻量级JS Cookie插件js-cookie的使用方法,包括了轻量级JS Cookie插件js-cookie的使用方法的使用技巧和注意事项,需要的朋友参考一下 Cookie是网站设计者放置在客户端的小文本文件,一般后台语言使用的比较多,可以实现用户个性化的一些需求。js-cookie插件是一个JS操作cookie的插件,源文件只有3.34 KB,非常轻量级。js-cookie也支持

  • 本文向大家介绍浅谈轻量级js模板引擎simplite,包括了浅谈轻量级js模板引擎simplite的使用技巧和注意事项,需要的朋友参考一下 模板地址:https://github.com/zhangshaolong/simplite欢迎各位提出宝贵意见及贡献代码。特点: 1:代码量少,学习成本低; 2:默认jsp语法标签方式,熟悉jsp的朋友可以直接按照jsp的语法书写模板; 3:使用原生js语法

  • 问题内容: JPanel和JFrame有什么区别,以及与轻量级,重量级的关系? 问题答案: JPanel是允许将多个UI组件放在一起的容器。JFrame是使用Swing编写的窗口。 所有的Swing组件都是所谓的“轻型”组件,因为它们是用Java编写的。例如,如果您运行Swing应用程序并尝试使用UI分析工具(例如Windows中的WinSpy)对其进行分析,则只会看到一个元素:窗口(JFrame

  • 问题内容: 我目前在一个网站上工作,该网站必须存在于内存可用性非常低的VM上(目前被告知要达到512mb)。不幸的是,至少在不久的将来,数据库和Web应用程序必须是同一台服务器。 现在,我已经在这里通读了一些问题,并尝试进行自己的研究,但是这里有很多选择。从本质上讲,什么是可以安装的轻巧的数据库服务器?SQL或NoSQL并不重要;它不会占用大量数据库资源,但我现在不想随我现在选择的内容而受到限制。

  • 主要内容:使用普通函数创建 goroutine,使用匿名函数创建goroutine在编写 Socket 网络程序时,需要提前准备一个线程池为每一个 Socket 的收发包分配一个线程。开发人员需要在线程数量和 CPU 数量间建立一个对应关系,以保证每个任务能及时地被分配到 CPU 上进行处理,同时避免多个任务频繁地在线程间切换执行而损失效率。 虽然,线程池为逻辑编写者提供了线程分配的抽象机制。但是,如果面对随时随地可能发生的并发和线程处理需求,线程池就不是非常直观和方便了。能否

  • Jenkins Pipeline插件有一个称为“轻量级签出”的功能,其中主服务器仅从repo中提取Jenkinsfile,而不是整个repo。配置屏幕中有一个相应的复选框。我想在多分支管道中进行轻量级签出,但我在多分支配置屏幕中没有看到复选框。有什么想法如何实现这一点吗?我注意到一些关闭的问题表明此功能可用,但我无法找到任何有关如何实现它的细节。 相关资料: https://issues.jenk

  • 问题内容: 在解决了另一个愚蠢的日食问题之后,我想尝试获得尽可能轻巧,最小的Eclipse安装。 为了清楚起见,我使用eclipse做两件事: 编辑Java 调试Java 我通过Emacs / Zsh完成的所有其他工作(编辑JSP / XML / JS,文件管理,SVN签入等)。我还没有发现在Eclipse中进行工作以使这些任务高效甚至可靠的任何方面,因此我不希望与之相关的插件。 在eclipse

  • 问题内容: 我有一个将要推送的特定格式的XML文档。该文档将始终是同一类型,因此非常严格。 我需要对此进行解析,以便将其转换为JSON(嗯,这是一个混蛋版本,以便其他人可以将其与DOJO一起使用)。 我的问题是,我应该使用非常快速的轻量级(不需要SAX等)XML解析器(有什么想法吗?)还是编写我自己的,基本上可以转换为StringBuffer并在数组中旋转?基本上,我假设所有HTML解析器都将旋转