微信小程序
文章平均质量分 71
奥吼吼~~
这个作者很懒,什么都没留下…
展开
-
微信小程序picker实时获取今明两天所有时间段选择
util.jsexport function dataFormat(fmt) { //author: meizz // Format('yyyy-MM-dd HH:mm:ss') var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "H+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "原创 2020-12-19 18:16:24 · 503 阅读 · 2 评论 -
微信小程序自动识别证件
OCR 支持原创 2020-10-24 09:27:28 · 1105 阅读 · 0 评论 -
微信小程序即时通讯(融云sdk)
we记录一下我在使用融云sdk中遇到的问题使用前要去融云那边注册账号申请appid 然后开通小程序服务,就可以下载小程序案例了融云的sdk中的小程序聊天中加载的资源更多的是网络资源(七牛云上的外链地址)app聊天加载的更多的是类似base64的资源融云那边有提供比较完整的案例但是是分开的一个是IM聊天室案例一个是calllib音视频案例 这两个案例无法同时使用因为sdk的版本不同会导致冲突(官方说是兼容性还没有做好)建议使用sdk2版本,这个版本两个都可以使用1、初始化(这个问题是我最原创 2020-10-23 12:01:31 · 9423 阅读 · 5 评论 -
微信小程序中使用echarts(多个多环状图示列)
主要用到的插件ec-canvas 所有的参数基本都和百度那边的echarts相同,部分功能可能小程序上面是没有滴GitHup地址:一个完整的小程序下载下来可以直接运行注意在使用时,因为ec-canvas的性能问题有可能会渲染失败,在确保获取到数据之后也要使用setTimeOut去延迟渲染,确保可以渲染成功为了防止渲染失败或者卡死 :建议在要渲染的时候先把 数据处理完之后一次性渲染,防止重复渲染,就目前而已性能真的不高,也有点点不稳定,当时是这是一个很不错的图表解决方案这是我处理完接口之后的数据原创 2020-10-23 10:50:23 · 1700 阅读 · 0 评论 -
微信小程序生成(painter)海报
这是我目前接触到的比较好用的海报插件了官方还有wxml-to-canvas 不会用 有很多标签 样式上不去界面化生成,可以直接布局GitHub 地址 这个案例可以直接下载然后打开就是一个小程序,很明了的一个示例这是作者在微信平台那么的一个贴算是现在知道的一个无法生效的样式 一些对齐的样式无法生效海报中的大部分元素还是要自己通过定位样式去设置位置的关于文字居中,需要通过计算文本的长度去实现// 用来计算根据不同的文本长度去偏移不同的量/* left:当前的默认忽略文本长度默认的偏移值 f原创 2020-10-23 10:17:23 · 2634 阅读 · 0 评论 -
Vue微信公众号静默授权
首先要注册一个公众号再里面配置自己的安全域名 有两个地方要配置 开发-》设置配置完之后 在微信开发工具打开,因为微信那边的限制 我目前只能在把页面放到服务器上进行访问这个是静默授权在逻辑是打开页面时 有一个redirect_uri 这个参数 是获取code后的重定向位置 一般就是当前页面code 的值 获取成功后会放到url中 通过 location去获取就好了 created() { this.getUrl() },getUrl() {原创 2020-10-19 09:19:41 · 2677 阅读 · 0 评论 -
微信小程序不用生成图片直接分享到朋友圈
Page({ onShareAppMessage: function (res) { if (res.from === 'button') { // 来自页面内转发按钮 console.log(res.target) } return { title: '自定义转发标题', path: '/page/user?id=123' } }, onShareTimeline(res){ return {原创 2020-08-06 17:46:20 · 1140 阅读 · 1 评论 -
记录微信wxParse的相关代码
wxParse是目前我在小程序中常用的富文本解决方案// jsimport WxParse from '../../../wxParse/wxParse'let articles = content; // 富文本WxParse.wxParse('article', 'html', articles, this, 5);// wxml<template is="wxParse" data="{{wxParseData:article.nodes}}" /><import sr原创 2020-07-24 09:49:50 · 136 阅读 · 0 评论 -
微信小程序的wxs用法
意义 微信小程序不允许在行间运行复杂的处理逻辑(。。。)行间里面很多函数都不能用 就很不方便wxs的两种用法直接写到wxml中像这样<view wx:for="{{liveCurriculumDocList}}" wx:key='index'> <van-cell value="内容" > <view class="flex" slot="title"> <view class=""> <view class=原创 2020-07-23 14:41:47 · 961 阅读 · 0 评论 -
微信小程序scroll-view中的坑(因为动态设置高度导致无法下拉)
微信小程序中使用scroll-view时,一般都是需要自行设置高度,因为不设置的话,显示的老小了,但是设置高度的话给一个定值也不合适,一般在移动端上面,界面通常是正好铺面当前的屏幕的大小,代码主要使用 calc这个计算 css 首先获取当前scroll-view组件在屏幕中位置像这样 data: { top:'', }, let query = wx.createSelectorQuery() query.select('.scroll-view').boundingCl原创 2020-07-22 17:04:25 · 3618 阅读 · 0 评论 -
微信小程序页面跳转传递参数(富文本)
wx.navigateTo({ url:'../yinsi/yinsi?data=1', events: { // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据 acceptDataFromOpenedPage: function(data) { console.log(data) // 1 }, }, success: function(res) { // 通原创 2020-07-18 15:33:00 · 1602 阅读 · 2 评论 -
记录代码(购物车相关)小程序 vantweapp
import { request } from "../../../request/index";import Dialog from '../../../miniprogram_npm/@vant/weapp/dialog/dialog';// pages/my/ShoppingCart/ShoppingCart.jsPage({ /** * 页面的初始数据 */ data: { disabled:false, result: [], checked:f原创 2020-07-17 18:15:02 · 581 阅读 · 0 评论 -
记录代码生成2020-7-8这种日期格式的代码
let now = new Date(); let morr = new Date(now.getTime() + (60 * 60 * 24 * 1000) * 1 ); let dateList = ['周日','周一','周二','周三','周四','周五','周六'] this.data.dataTime.push({day:"明天",time:morr.getFullYear() + '-' + (morr.getMonth() + 1) + '-' + morr.getD原创 2020-07-08 14:52:30 · 347 阅读 · 0 评论 -
微信小程序为video设置第一帧为缩略图(已经修改为和视频等比大小)
记录代码<view style="display: inline-block;visibility:hidden; width: 300px; height: 200px;position:absolute;left:-999rpx; "> <canvas id="cvs1" canvas-id="mycanvas" type="2d" style="display: inline-block;border: 1px solid #CCC; width: 300px; heig原创 2020-07-07 11:02:58 · 5836 阅读 · 7 评论 -
uni-app(一)初步学习页面和应用生命周期
模板内引入静态资源<!-- 绝对路径,/static指根目录下的static目录,在cli项目中/static指src目录下的static目录 --><image class="logo" src="/static/logo.png"></image><image class="logo" src="@/static/logo.png"><...原创 2020-05-07 17:39:28 · 434 阅读 · 0 评论 -
小程序生命周期
https://www.jianshu.com/p/1e3b5b507771转载 2020-05-04 11:32:06 · 342 阅读 · 0 评论 -
微信小程序中使用watch
一、监听器代码: 为了能够全局使用监听器,我们需要在 app.js 中添加该方法(或者外部引入) /** * 设置监听器 */setWatcher(page) { let data = page.data; let watch = page.watch; Object.keys(watch).forEach(v => { l...原创 2020-04-28 12:00:39 · 5978 阅读 · 4 评论 -
微信小程序wx
给tabber设置红点wx.showTabBarRedDot({ index:2, })给tabber设置BarBadgewx.setTabBarBadge({ index: 1, text: '1' })红点和BarBadge 一次只能生效一个交互弹窗wx.showToast({ title: '成功', // 标题 icon: ...原创 2020-04-07 12:58:25 · 302 阅读 · 0 评论 -
微信小程序中swiper高度问题
最终效果主要解决每一个屏幕下swiper的显示高度问题xxml<swiper bindchange="swipercurrent" style="height:{{Height}}" autoplay="{{true}}" class="swiper_content" indicator-active-color="#fff" indicator-dots="{{true}}" c...原创 2020-03-28 00:14:53 · 4174 阅读 · 0 评论 -
微信小程序
xxml<view data-id="{{id}}">{{dome}}</view><checkbox checked="{{msg}}"></checkbox ><view hidden="{{false}}">1111</view> // hidden属性控制元素是否隐藏 如果隐藏元素还是存在只是不显示<v...原创 2020-03-24 21:06:21 · 164 阅读 · 0 评论