- 博客(23)
- 收藏
- 关注
RSS订阅原创 微信小程序自定义预览图片功能 -- 可放大拖动
这里把预览图片功能写成一个组件来使用1.小程序根目录新建一个component 组件目录名称命名为previewImg直接上代码wxml<view class="preview_box" wx:if="{{previewHideStatus}}" style="top:{{preview_box_top}}" catchtouchmove='stopPageScroll'> <view class="totalimg">{{imgindex}}/{{previewIm
2020-06-02 13:28:43
2496
6
原创 mescroll 上拉加载和下拉刷新
mescroll官网：http://www.mescroll.commescroll文档：http://www.mescroll.com/api.html?v=20200315js和css到官网下载<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
2020-03-26 18:01:35
443
原创 秒杀
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding: 0;...
2020-03-20 14:51:29
144
原创 html文字横向纵向轮播
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2020-02-05 22:36:02
1695
原创 视频试看5分钟
缺陷：用户在控制台能直接拿到视频url地址<!DOCTYPE html><html><head> <title></title></head><style type="text/css"> .videobox{ position: relative; width: 300px; ...
2019-12-23 15:01:45
168609
原创 vue oss上传文件
创建组件：testUpload.vue<template> <div> <el-upload class="upload-demo" ref="upload" drag list-type="picture" :before...
2019-12-12 19:02:01
247
原创 微信小程序如何清除图片缓存？
正文：我在开发遇到的问题：无论我删除小程序还是清除微信设置里通用里的缓存，都没用。服务器的图片确实已更新了。删除服务器图片依然能显示出来。‘/3.png?’ + Math.random() / 9999在图片的地址后面增加一个随机的参数...
2019-12-04 16:15:05
1040
原创 模仿知乎滑动效果
模仿知乎滑动效果 （点击查看）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
2019-12-04 14:29:57
226
原创 活动倒计时 （距离活动开始还有多少时间/距离活动结束还有多少时间）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding: 0;...
2019-11-23 17:29:47
2493
转载 vscode补全html标签
https://blog.csdn.net/baidu_39188121/article/details/84075698
2019-08-30 13:54:06
731
原创 微信小程序---授权保存图片或视频，拒绝后不在出现弹窗---自定义组件弹窗
微信小程序授权保存图片后拒绝授权，（当拒绝授权后，微信再次调用保存不在出现授权弹窗）； 这么一来，微信提供给开发者的解决方法就是跳入设置页面里面打开权限。 https://img-blog.csdnimg.cn/20190814140718952.jpg...
2019-08-14 14:10:00
836
原创 微信小程序轮播图 图片高度自适应
wxml<view class='swiper-box'> <swiper wx:if="{{ imgUrls.length !== 0 }}" indicator-dots="true" autoplay="true" circular="true" style='{{bannerHeight}}'> <block wx:for="{{i...
2019-06-10 16:14:01
1311
原创 微信小程序左边菜单栏
WXML<view class='big-box'> <view class='left-menu'> <block wx:for="{{dataList}}" wx:key="key"> <view class='{{index == idx ? "avtive":"Default-Class"}}' bindt...
2019-05-30 16:34:13
6997
13
原创 微信支付-支付宝支付文档
唤起支付宝支付：https://docs.open.alipay.com/203/105285/换起微信支付：https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_4
2019-05-20 10:53:02
141
原创 微信小程序城市选择--iview weapp组件
微信小程序UI组件库 – https://weapp.iviewui.com/ 官网GitHub下载地址：https://github.com/TalkingData/iview-weapp.git体验小程序码直接上代码 – 可直接用**city.json**{ "usingComponents": { "i-index": "../../dist/index/inde...
2019-05-16 14:38:27
4019
3
原创 微信小程序提示版本更新，请更新到最新版本
if (wx.canIUse("getUpdateManager")) { let updateManager = wx.getUpdateManager(); updateManager.onCheckForUpdate((res) => { // 请求完新版本信息的回调 console.log(res.hasUpdate); ...
2019-05-16 12:03:55
3538
原创 小程序遮罩层上下滑动穿透 ---- 解决方法
最外层元素加上事件catchtouchmove遮罩层元素加上事件catchtouchmoveWXML//外层元素<view catchtouchmove='{{stopPageScroll}}'></view>//遮罩层元素<view class='mask' wx:if="{{maskShow}}" catchtouchmove='{{stopPageS...
2019-05-09 16:50:52
2224
原创 小程序第一次授权失败解密错误问题
正确的顺序：wx.getUserInfo(按钮) -> wx.login() -> wx.getUserInfo(废弃接口)
2019-03-21 19:32:37
2943
转载 img标签src使用网络地址展示图片，https。。无法显示，404 问题解决办法
<meta name="referrer" content="no-referrer">
2018-12-25 14:03:44
13026
原创 小程序 炫酷的海报进入首页
直接上代码把，直接复制粘贴可用WXML&amp;amp;lt;!-- 海报 --&amp;amp;gt;&amp;amp;lt;view class='{{hvuiagui}}' style='height:100%; overflow:hidden; opacity:1; transition:all .8s;'&amp;amp;gt; &amp;amp;lt;image src='../../images/b3.
2018-12-13 17:54:54
470
原创 微信小程序：左滑功能
wxml代码：{{item.num}}wxss代码：.box{width: 96%;height: 200rpx;background: #fff;border-radius: 15rpx;box-shadow:2px 2px 5px #CFD0D0;margin: auto;}page{background: #ddd;}js代码：// page...
2018-12-06 19:56:33
280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人