明知山的博客_Weapp

微信小程序使用Painter组件生成海报

文档地址我是直接下载github源码放到项目组件中{ "usingComponents": { "painter":

css

二维码

ide

原创 2022-07-06 19:14:26 119 阅读

微信小程序skeleton骨架屏

github链接地址https://github.com/jayZOU/skeleton.git克隆dist文件放入到项目compone

github

链接地址

git

原创 2022-07-06 19:14:07 154 阅读

微信小程序editor富文本编辑

直接复制看效果<editor class="editor" id="editor" show-img-toolbar show-img-resize

html

上传图片

初始化

原创 2022-07-06 19:12:53 640 阅读

微信小程序限制同时播放多个视频

<view class="box"> <view class="row" wx:for=

ide

原创 2022-07-06 19:12:00 238 阅读

微信小程序写字板功能

功能参考来源<view class="write"> <canvas class="write_main" canvas-id="sign" bindtouchmove="

长按手势

保存图片

数组

原创 2022-07-06 19:10:35 178 阅读

微信小程序引用we-cropper裁切图片

文档地址github下载源码直达链接复制dist文件夹中的 .min.js 和 .wxml文件到项目中我引入的目录结构page页面<view> <view class='avatar'> <image mode='scaleToFill' src="{{avatar}}" bindtap='chooseimg'></

设备信息

初始化

ico

原创 2022-07-06 18:19:18 398 阅读

微信小程序实现canvas生成海报保存到本地

先给用户展示没经过处理原图，如果用户需要保存为图片，就在点击预览的时候添加水印，本来想在用户保存为图

小程序

背景颜色

原创 2022-07-06 17:17:31 221 阅读

微信小程序截取数组每三个为一组渲染

后端将一个数组传给我们，需求要把它们进行切割在进行展示，还有自定义swiper指示点，都会在代码里进行输写data:{ currentSwiper: 0, recom

数组

自定义

原创 2022-07-06 17:16:57 234 阅读

微信小程序返回携带参数或触发事件

let pages = getCurrentPages(); let prevPage = pages[pages.length - 2] prevPage.active() //调用上个页面的事

赋值

原创 2022-07-06 16:49:17 390 阅读

微信小程序页面跳转传递Json，防止?解析

// 传 wx.navigateTo({ url: '../pass/pass?item=' + encodeURIComponent(JSON.stringify(item)) });// 收this.d

json

ico

原创 2022-07-06 16:48:45 380 阅读

微信小程序处理富文本图片溢出

//接收后台接口返回来的值 this.setData({ rich: res.data.replace(/\<img/gi, '<img class="rich-img" ') }) .rich-img { width: 100%; height: auto;}

编程

原创 2022-07-06 16:44:04 89 阅读

微信小程序递归一键保存多张图片

<view class="info"> <block wx:for="{{dynamic_list}}" wx:for-item="item" wx:key="index"> <view clas

保存图片

ide

ico

原创 2022-07-06 16:43:54 82 阅读

微信小程序点击预览图片

getpreview(e) { //img_url是点击当前的图片 //item 是图片数组 var img_url = e.currentTarget.dataset.img_url var item = e.currentTarget.dataset.ite

数组

原创 2022-07-06 16:43:49 204 阅读

微信小程序获取input框的值双向数据绑定

<input bindinput="getval" /> data：{ val: '' } gethigh(e) { console.log(e.detail.value) this.setData({ val: e.detail.value }) },

开发工具

原创 2022-07-06 16:43:45 314 阅读

微信小程序swiper显示左右两边内容

<swiper class="swiper" next-margin="120rpx" previous-margin="120rpx" current="{{currentItemId}}"

3d

原创 2022-07-06 16:43:12 651 阅读

微信小程序处理pages的函数比app.js先执行

app.js里获取pages需要拿的参，使用promise处理 getlogin() { var that = this return new Promise(function (resolve, reject) { w

赋值

封装

接口调用

原创 2022-07-06 16:42:52 60 阅读

微信小程序递归上传图片

上传

ide

上传图片

原创 2022-07-06 16:42:33 107 阅读

微信小程序文字循环滚动

<view class="marquee"> <view class="main" style="transform: t

h

原创 2022-07-06 16:42:08 195 阅读

微信小程序获取页面高度

watchHeight() { var query = wx.createSelectorQuery() //.box为指定类名高度 query.select('.box').boundingClientRect((res) =

类名

原创 2022-07-06 16:41:33 359 阅读

微信小程序锚点选择导航栏

<view class='box'> <scroll-view scroll-y scroll-with-animation style="width:25%"> ':''}}" data.

f5

锚点

原创 2022-07-06 16:41:30 190 阅读

微信小程序导航栏页面滑动切换

<view class="banner"> <scroll-view scroll-x="true" scroll-with-animation="true" scroll-into-view="nav-{{select > 0 ? select

f5

动漫

初始化

原创 2022-07-06 16:41:27 413 阅读

微信小程序子组件向父组件传值和方法

子主键 <button type="primary" bindtap="getoption">确定</button> data: { }, metho组...

数据

原创 2022-07-06 16:40:54 51 阅读

微信小程序处理图片加载失败显示默认图片

微信小程序image组件有个binderror事件专门用来处理图片加载失败的问题，我们只需要传个

微信小程序

图片加载

原创 2022-07-06 16:40:44 335 阅读

微信小程序限制金额输入

limitCash(val) { let num = val.toString(); //先转换成字符串类型 if (num.indexOf('.') == 0) { //第一位就是 . num = 0 + num } num

字符串

原创 2022-07-06 16:40:06 206 阅读

微信小程序弹窗禁止页面滚动

在小程序弹窗时，外部页面禁止滚动，可以在最外部容器设置catchtouchmove但是如果弹窗内部也需要滚动，

小程序

原创 2022-07-06 16:38:45 699 阅读

微信小程序可移动浮窗

<movable-area class="movable-box" style="height:{{phoneHeight}}px"> <movachang...

设备信息

原创 2022-07-06 16:38:33 106 阅读

微信小程序子组件监听父组件传递的值

Component({ properties: { qa: Object, }, observers: { 'qa': function (params) { console.log(params) },

编程

原创 2022-07-06 16:37:29 106 阅读

微信小程序调用api实现弹出层动画

<button bindtap="showModal">Click Me</button><view class="pop" wx:if="{{showPop}}"> <view class="popbg" bindtap="hid

遮罩层

ide

原创 2022-07-06 16:36:34 257 阅读

微信小程序密码输入框

<view class='box'> <view class='row' bindtap='inputFocus'> <view class="{{index == active ? 'active' : '' }}" wx:for="{{Length}}" wx:key="index"> <inp

f5

原创 2022-07-06 16:36:23 226 阅读

微信小程序设置自定义头部居中

设计图界面需要使用自定义头部 "navigationStyle":"custom"标题等信息就需要与胶囊按钮对齐 // 获取胶囊信息 let rect = wx.getMenuButton

自定义

原创 2022-07-06 16:34:56 120 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

qq62c540ca3eb9b的博客