51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信的weui框架上传、预览和删除图片

微信的weui框架上传、预览和删除图片

jQueryWeUI是专为微信公众账号开发而设计的一个框架需求:需要在微信公众号网页添加上传图片功能技术选型:实现上传图片功能可选百度的WebUploader、饿了么的Element和微信的jQueryWeUI,WebUploader的缺点是自定义UI困难,自定义上传过程困难,Element的缺点是Web控件,与手机端...

jQuery WEUI 轮播js动态替换追加删除图片

jQuery WEUI 轮播js动态替换追加删除图片

首先介绍几个api:mySwiper.appendSlide(slides);添加mySwiper.removeSlide(slideIndex);删除mySwiper.removeAllSlides();删除所有里面是有api的 不需要我们用js或者jq的方法来替换元素贴代码了我这边是循环的...

weui 多网页切换效果分析

weui 多网页切换效果分析

weui的文档写的不怎么详尽,简单的来讲WeUI 为微信Web服务量身设计的h5框架。WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信Web开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、icon等各...

weUI-Button

weUI-Button

只需要添加相应的class类,再根据项目需求进行改变 <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>用法</title><!--手机端meta-->...

WEUI应用,用JS封装常用信息提示的弹层—Dialog

WEUI应用,用JS封装常用信息提示的弹层—Dialog

WEUI应用,用JS封装常用信息提示的弹层—Dialog 这样可以方便调用,而且文字可以自定义;<!DOCTYPEhtml><htmllang="zh-cmn-Hans"><head><metacharset="UTF-8"><metaname...

关于jquery-weui.js中时间控件datetimepicker的使用

关于jquery-weui.js中时间控件datetimepicker的使用

今天第一次接触jquery-weui,不太了解用法,然而官方文档写的也很简略,只好打开源代码进行研究,我想要的是设置开始日期大于当前日期,然后在源码中发现有min这个默认为undefined的属性,于是在设置启动$("#starttime").datetimePicker()的时候里面加了一个参数p...

weui设置 datetimepicker 只选择日期 不选择时分秒

weui设置 datetimepicker 只选择日期 不选择时分秒

  使用  datetimepicker控件在进行开发时,空间默认是选择到时分秒的.      如下图:    在开发的时候. 有很多时候是不需要时分秒的. 在...

微信weui之dialog应用

微信weui之dialog应用

我是代码//设置对话框弹出事件,供客户选择是否需要删除这样照片functionshowIsDeleteDialog(index){$(‘#dialog1‘).show().on(‘click‘,‘.weui_btn_dialog‘,function(){$(‘#dialog1‘).off(‘click‘).hide()...

H5+jqweui实现手机端图片压缩上传

H5+jqweui实现手机端图片压缩上传

主要功能,使用H5的formData上传base64格式的图片,canvas压缩图片,前端样式使用weui,为方便起见,使用了jquery封装过的weui,jqweui。话不多少,开始上代码。前端代码,直接在jqweui官网下的demo里改的(是dist下的demo)<!DOCTYPEhtml><ht...

WEUI弹出层

WEUI弹出层

<!--<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><%@includefile="/WEB-INF/views/include/mtaglib.jsp"%>--><!DOCTYPEhtml&g...

jQuery WeUI 组件下拉刷新和滚动加载的实现

jQuery WeUI 组件下拉刷新和滚动加载的实现

最近在做手机版使用到了下拉刷新和滚动加载,记录一下实现过程:一、引入文件<linkrel="stylesheet"href="Content/jqueryweui/weui.min.css"><linkrel="stylesheet"href="Content/jqueryweui/jquery-we...

微信官方UI库:WeUI

微信官方UI库:WeUI

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信Web开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素演示地址;http://weui.github.io/weui/项...

 weui 时间控件含全天 上午 下午 选择

weui 时间控件含全天 上午 下午 选择

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xh...

weui的自定义Dialog,只能获取到第一次获取的dome元素的值

weui的自定义Dialog,只能获取到第一次获取的dome元素的值

今天遇到的很奇怪的问题,纠结了好长时间,看下面实例代码来体会这个奇怪的问题$.modal({title:"测试",text:"文本框1<inputtype=‘text‘id=‘test01‘value=‘‘/><br>文本框2<inputtype=‘text‘id=‘test02‘valu...

巧用weui.gallery(),点击图片后预览图片

巧用weui.gallery(),点击图片后预览图片

要在页面需要加载的JS文件:<scriptsrc="../js/libs/weui.min.js"></script>可以去weui的文档中下载,这是它的demo:  https://weui.io/weui.js/ 要先给图片创建一个节点:varimgDom=$(...