小程序
Acitylion
这个作者很懒,什么都没留下…
展开
-
小程序富文本图片放大功能
// 富文本图片放大function richImg(txt) {//txt 指的是接口返回的富文本 // 主要代码 let imgarr = []; let regex = new RegExp(/<img.*?(?:>|\/>)/gi); // 匹配所有图片 let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i; // 匹配src图片 let arrsImg = txt.match(regex); // obj.info 后台.原创 2022-04-17 00:36:19 · 1175 阅读 · 0 评论 -
小程序分享海报功能
小程序文档说是画布不更新了 但是还能用 所以我就把部分代码粘贴出来仅供参考 <!-- 分享 --> <view class="share" hidden="{{share}}"> <view class="share_top"> <view></view> <view class="share_name">分享</view> <view class="cl...原创 2022-03-19 11:22:26 · 536 阅读 · 0 评论 -
小程序--获取上一个页面的js里面的pages的所有信息
// 设置地址 bindDefault: function (event) { var type = this.data.type; var address_id = event.currentTarget.dataset.id; let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。 le...原创 2019-09-25 17:58:12 · 1097 阅读 · 0 评论 -
小程序canvas 简单配置 保存图片
提示 如果图片显示不出来的话 查看一下域名是否正确 图片是否转成本地图片 <view class="poster" hidden="{{hidden}}"> <canvas canvas-id="shareCanvas" style="width:604rpx;height:940rpx"></canvas> <view class="preservation"> <view class="p_btn" b...原创 2021-09-06 15:29:02 · 330 阅读 · 0 评论 -
小程序跳转公众号
一、首先在公众平台绑定关联公众号二、创建一个文件 里面是公众号文章链接 点击直接跳转到这页原创 2021-08-31 19:10:36 · 260 阅读 · 0 评论 -
多维数组 点击事件 (商城选择规格)
同一个点击事件接口返回数据 默认 flag 是0 未选中的状态specList:"[{"name":"颜色","children":[{"id":0,"name":"红色","flag":0},{"id":1,"name":"蓝色","flag":0},{"id":2,"name":"紫色","flag":0}]},{"name":"尺寸","children":[{"id":0,"name":"大号","flag":0},{"id":1,"name":"中号","flag":0},{"i...原创 2021-08-06 15:43:20 · 211 阅读 · 0 评论 -
小程序config 配置
封装了一些公共的方法 仅供参考const api = require('./api.config').api;//页面跳转function gopage(e) { let url = e.currentTarget.dataset.url; wx.navigateTo({ url: url, })}function Ajax(url,type, data, callback) { wx.request({ url: api[url], data:.原创 2021-07-06 16:16:56 · 617 阅读 · 0 评论 -
小程序富文本视频截取
var con = res.data.data.content;//富文本 let start = con.indexOf('video src="');//视频src开始位置 let end =con.indexOf('type="video/mpeg4"');//视频src结束位置 var video = '' if(start == -1){ video = '' }else{ ...原创 2021-06-29 15:54:38 · 369 阅读 · 0 评论 -
仿微信朋友圈 评论 回复评论 点赞功能
<view> <view class="bg"> <image src="../static/images/bg.png"></image> <view class="user_info"> <view class="user_name">{{userInfo.nickname}}</view> <view class="user_img"> &l...原创 2021-06-23 11:00:19 · 790 阅读 · 1 评论 -
小程序点击左上角返回清空定时器
//在onshow里添加定时器onShow() { let _this = this; this.setData({ timer: setInterval(() => { _this.getApi(); // 这个是我要实时刷新的事件 }, 5000) }) },原创 2021-06-08 16:03:14 · 202 阅读 · 0 评论 -
小程序 echarts 操作步骤
https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx1db9e5ab1149ea03&token=1496975098&lang=zh_CN接入步骤1、插件申请首先要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台,通过wx1db9e5ab1149ea03查找插件并添加。通过申请后,方可在小程序中使用相应的插件2、引入插件配置在 app.json 中插件如下代码,注意 AppI..原创 2021-05-21 10:25:07 · 311 阅读 · 0 评论 -
小程序 获取当前几月几日 星期几
getweekday(date){ var weekArray = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六"); var week = weekArray[new Date(date).getDay()];//注意此处必须是先new一个Date return week; }, formatDate(date) { console.log(date) date = new Date(date);...原创 2021-05-11 19:03:52 · 365 阅读 · 0 评论 -
小程序 多个轮播图指示点样式自定义
<view class="top_swiper"> <swiper class="top_swiper_all" circular="{{circular}}" indicator-dots="{{indicatorDots}}" autoplay="true" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{background}}...原创 2021-05-11 14:15:42 · 259 阅读 · 0 评论 -
open-data头像的更改样式
<view class="userInfo" wx:else> <view class="userImg"> <!-- <image src="{{userInfo.avatar}}"></image> --> <open-data type="userAvatarUrl"></open-data> </view> <open-data type=...原创 2021-04-13 17:32:04 · 262 阅读 · 0 评论 -
微信开发者工具 编译直接页面 paused in debugger
卸载!!重新安装!!原创 2021-03-16 11:03:31 · 566 阅读 · 0 评论 -
微信小程序九宫格抽奖
<view class="login"> <view class="cloud"> <image src="../../public/images/yun.png"></image> </view> <view class="name"> <image src="../../public/images/wenzi.png"></image> </view>...原创 2021-03-11 21:04:03 · 277 阅读 · 0 评论 -
小程序获取地理位置名称 腾讯地图SDK
打开小程序需要获取到当前位置名称,微信文档里wx.getLocation 只返回个经纬度没有位置名称 然后就需要调用腾讯地址的sdk来获取名称第一步申请密钥 名称自己能记住就行然后有key了 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.1JavaScriptSDK v1.2 安全域名设置,在小程序管理后台-> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置requ...原创 2021-02-24 11:24:54 · 365 阅读 · 0 评论 -
微信小程序 自定义轮播图指示点
<view> <swiper class="bgBox" indicator-dots="true" autoplay="true" interval="20000" duration="500" indicator-active-color='#FFFFFF'> <block wx:for="{{background}}" wx:key="*this"> <swiper-item> ...原创 2021-01-06 12:08:31 · 484 阅读 · 0 评论 -
隐藏小程序返回按钮
跳转到下一页的时候不想返回到上一页,隐藏返回按钮的图标wx.redirectTo({ url: '../LookCar/pages/index/index', })//在下一页的onshow里 onShow: function () { wx.hideHomeButton() },原创 2020-09-10 09:55:06 · 1434 阅读 · 0 评论 -
小程序 vant weapp 的安装和使用
第一步 先初始化 npm init第二步# 通过 npm 安装npm i @vant/weapp -S --production# 通过 yarn 安装yarn add @vant/weapp --production# 安装 0.x 版本npm i vant-weapp -S --production然后会显示这两个文件,如果没有miniprogram 说明没有安装成功 一定要初始化...原创 2020-08-20 21:49:59 · 484 阅读 · 0 评论 -
小程序实现图片上传功能
<view class="themeHeader"> <view class="theme"> <view class="themeName">反馈主题</view> <view class="themeInput"><input placeholder="请输入反馈主题" bindinput="bindTitle" value="{{title}}"></input></view> &...原创 2020-08-18 11:56:18 · 4985 阅读 · 4 评论 -
小程序富文本显示图片
小程序中很多项目都会有文章详情的内容会用到富文本编辑器,小程序提供的方法是https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html接口返回的图片需要设置个样式让图片的宽100%; var id = options.id; var that = this; wx.request({ url: api.EnvironmentalNotificationDetails,原创 2020-08-18 11:43:04 · 1090 阅读 · 0 评论 -
小程序体验版跟测试版上传照片失败的问题 及图片上传的方法
小程序写了一个星期,马上要交付给客户,真机测试都没有问题后,提交体验版之后发现图片上传不上去,然后我就在网上找资料,总结以下几个原因:1.先看服务器域名是否配置,uploadFile2. 真机调试 不校验合法域名3.把体验版的调试工具打开,看看是不是有报错4.如果测试版小程序上传没有问题的话,以上三部解决后应该就可以了这是我封装的上传照片的方法,仅供参考,因为小程序提供的api每次只能上传一张 所以要循环上传 //上传照片 bindUpload:functio..原创 2020-08-18 11:33:28 · 7221 阅读 · 0 评论 -
小程序倒计时功能
<view class="time-item"> <text class="time-item"> 距结束:</text> <text class="time_show">{{countDownDay}}</text> 天 ...原创 2019-06-03 11:38:18 · 1271 阅读 · 0 评论 -
小程序 -- 点击切换分类 分页加载 懒加载
//历史拍卖import store from '../../store'import create from '../../westore/create';var utils = require("../../utils/utils.js");var base = require("../../utils/base.js");var log = require("../../ut...原创 2020-01-02 15:58:13 · 1461 阅读 · 2 评论 -
小程序实现web锚点,点击跳到对应位置
测试的数据一定要长,不然就是个坑!!测试的数据一定要长,不然就是个坑!!测试的数据一定要长,不然就是个坑!!https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html网址贴出来省的找了主要是scroll-view的这个属性,自己看官方文档吧<scroll-view s...原创 2019-07-24 17:37:10 · 6075 阅读 · 0 评论 -
小程序分页加载
<scroll-view class='goods-scroll-view' scroll-y style="height: {{scrollViewHeight}}px;" bindscrolltolower="scrollToLower" bindscrolltoupper="scrollToUpper"> <view class='goods-list'> ...原创 2019-06-05 15:16:30 · 1164 阅读 · 1 评论 -
小程序 -- 云开发 向数据库添加数据
创建一个集合,然后在页面中创建一个按钮,把你的数据参数传入数据库中 // 新增订单 addMallOrders: function() { var startDate = new Date('2019-09-19 9:30:00'); var endDate = new Date('2019-09-20 10:30:00'); //2天后的时间换算成毫秒 ...原创 2019-09-20 15:18:29 · 4914 阅读 · 2 评论 -
小程序--云开发 点击切换分类demo + 下拉加载
第一步:先从数据库里拿到数据 data: { getSystemInfo: {}, score: 0, //积分状态 1升序 2降序 price: 0, //价格状态 1升序 2降序 firstType: "全部", //默认 typeItem: [{ name: '全部', id: 0 }, { ...原创 2019-09-20 14:17:38 · 570 阅读 · 0 评论 -
小程序-两次支付密码输入
https://github.com/evan2020/six-Input-box自己根据需求去改就好了,下面是我在作者的基础上改成我想要的样式了我的这个其实就是把每次初始化之前的值拿到,存起来 到时候请求接口验证就可以了 几乎没怎么改动indeximport store from '../../store'import create from '../../w...原创 2019-09-17 20:44:32 · 870 阅读 · 0 评论 -
解决小程序换行问题
后台返回的接口数据是不换行的 ,小程序换行加个 /n 这就需要给他们拆分 然后在拼接起来了<scroll-view scroll-x="true" style=" white-space: nowrap;"> <!-- display: inline-block--> <view class="classifyList {{first_cate...原创 2019-08-20 09:36:26 · 6482 阅读 · 0 评论 -
小程序获取屏幕宽度
https://developers.weixin.qq.com/miniprogram/dev/api/base/system/system-info/wx.getSystemInfo.html写在app.js里了 随时可以调用 onShow: function (options) { console.log("app-onShow"); let that = th...原创 2019-08-02 10:27:32 · 5218 阅读 · 1 评论