一、使用APIwx.chooseImage(OBJECT) wx.chooseImage(OBJECT)从本地相册选择图片或使用相机拍照。 OBJECT参数说明:参数类型必填说明countNumber否最多可以选择的图片张数,默认9sizeTypeStringArray否original 原图,compressed 压缩图,默认二者都有sourceTypeStringArray否album 从相册选图,camera 使用相机,默认二者都有successFunction是成功则返回图片的本地文件路径列表 tempFilePathsfailFunction否接口调用失败的回调函...
微信小程序最近非常火热,小编最近做了一个新项目,使用小程序开发考试系统,在使用App参加考试的时候调用摄像头抓拍用户是否作弊,在开发过程中遇到点问题,下面小编把问题描述和解决方法分享给大家,具体内容如下: 问题 今天小编遇到了这么个问题,就是在用户使用App参加考试的时候调用摄像头抓拍用户是否作弊,其实这也没什么,关键在于不能打扰用户考试,不能被用户发现什么时候抓拍的,也不能给用户查看图片,只有考完是后才...
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架、各种小程序组件主流框架等,并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件,其中 badge 徽章组件是一个很常用的基础元件, MinUI 中 badge 组件的效果图如下:各式各样的类型都有哦,是不是看起来很方便很快捷的样子(^_^)。可以打开微信扫一扫下面的小程序二维码先一睹为快:下面介绍 badge 组件的...
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。首先先看一下这套框架的GItHub地址 微信小程序UI框架we-ui1.从git上clone到本地 太简单的东西我就不解释了,直接讲怎么用吧 这是解压后的目录2.新建一个项目 将 dist/style/目录下的weui.wxss 放到新项目的根...
weui提供的图标比较少,有时我们需要更多的图标,可以使用以下方法自定义图标库: 1,到阿里巴巴矢量图标库(http://iconfont.cn/)生成自己的字体图标,下载代码,解压,打开iconfont.css 2,在wxss文件中引用字体 <style type="less"> @font-face {font-family: iconfont;src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTYTHwTUAAAfIAAAAHEdERUYAKQAMAAAHqAAAAB5PUy8yVuZh6QAAAVgAAABWY21hcAA8D8sAAAHIAAA...
背景之前小程序代码混乱,所以新项目一开始就准备弄个微信小程序的 request 的封装 httpUtils.jsconst request = function (path, method, data, header) {let user_id = "";let token = "";try {user_id = wx.getStorageSync(USER_ID_KEY);token = wx.getStorageSync(TOKEN_KEY);} catch (e) {}header = header || {};let cookie = [];cookie.push("USERID=" + user_id);cookie.push("TOKEN=" + token);cookie.push("device=" + 1...
scroll-view滚动穿透,阻止滚动页面弹窗阻止滚动是一种常见的问题,这里简单介绍小程序scroll-view的一种解决方式 常用阻止滚动方式在不使用scroll-view的弹窗中, 为position为absolute或fixed的元素设置catchtouchmove空事件就可以阻止弹窗下的页面因事件穿透滚动 <view catchtouchmove="doNothing"></view>也可直接写catchtouchmove,相当于绑定了事件名为true的事件 问题场景在小程序中,在absolute或fixed的类弹窗布局中。要显...
项目背景:小程序中实现实时聊天功能 一、服务器域名配置 配置流程配置参考URL:https://developers.weixin.qq.com/miniprogram/dev/api/api-network.html 二、nginx中配置反向代理加密websocket(wss) upstream websocket{hash $remote_addr consistent;server 127.0.0.1:9090 weight=5 max_fails=3 fail_timeout=30s; } server {listen 80;server_name www.xxxx.cn;rewrite ^(.*)$ https://$host$1 permanent; } server{ listen 4...
在小程序后台,微信已经提供了强大的数据分析功能,包括实时统计、访问分析、来源分析和用户画像功能,可以说对一般的数据分析已经完全足够了,但有时应用需要做一些更加精准的数据分析,比如具体到某一个页面的分享,页面中某一个button的点击等,这时候就需要用到自定义分析功能。 什么是自定义分析? 引用下官方文档: 自定义分析支持灵活多维和近实时的用户行为分析,可以通过自定义上报,对用户在小程序内的行为做精细化跟踪,...
在微信这个聊天工具里的小程序上实现聊天功能,总感觉怪怪的。但领导要求了,总是要干的。 然后就实时通讯这个关键词展开搜索,穿梭于网页之间。不过粘贴复制的真的太多了,找了半天也没找到想要的,不过还是提取到了关键词的WebSocket和node.js的,然后搜索这两是啥,什么关系,总算明白了一点。 最后确定了第一步需要干的是用node.js搭建服务(我是装在自己的windows下的): 1.首先到官网下载node.js,下载链接 安装很简单,...
微信小程序bug记录 textarea 1.textarea在模拟器上没有padding,可是在真机上会自带padding,而且在外部改不了,并且在安卓和IOS上padding还不一样第一张图是在开发工具上的,第二张图是在IOS真机上的。从上图可以看出来,在开发工具上显示很正常,而且没有padding,可是在真机上左上角就出现了padding,并且无论你在外部对textarea的padding做任何处理,都无法覆盖。 目前有一种解决方式是根据ios和android的不同平台来给teaxarea...
把微信小程序异步API转化为Promise。用Promise处理异步操作有多方便,谁用谁知道。微信官方没有给出Promise API来处理异步操作,而官方API异步的又非常多,这使得多异步编程会层层回调,代码一复杂,回调起来就想砸电脑。于是写了一个通用工具,把微信官方的异步API转化为Promise,方便处理(多)异步操作。 你可以这样用: 准备转化后的方法并暴露出 // /utils/wx-promise.js import toPromise from /module/to-promise/src/index...
具体代码如下所示:<navigator url="../../pages/newsDetail/newsDetail?id={{news.id}}"><view class="list-item"><view class="little-item"><view class="left-box"><image src="{{news.thumb[0]}}"></image></view><view class="right-box"><view class="title">{{news.title}}</view><view class="info"><view class="author-info"><view class="author-avatar"><image src="{{news.pubInfo.avatarUrl}}"></image></view><vie...
记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果。 代码 .weui-loading { margin: 0 5px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; animation: a 1s steps(12) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmls...
本文介绍了微信小程序滑动选择器的实现代码,分享给大家,具体如下: 实现微信小程序滑动选择效果在wxml文件中,用一个picker标签代表选择器,bindchange是用户点击确定后触发的函数,index是picker自带的参数,用户点击确定后,bindchange绑定的函数用.detail.value就可以访问到。第一个选择的index值为0,依次递增。range要在page的data中先定义一个数组给它赋值,然后数组的值就会变为选择器中的选项 <picker bindchange="bindP...