微信小程序
Treasure girl1
这个作者很懒,什么都没留下…
展开
-
uni-app开发微信小程序之获取当前地址
<script> import amapFile from '../../common/amap-wx.js' export default { data() { return { key: 'ea5272730d9258289a996809b38c1638', } }, onShow() { this.handleAuthorize() }, methods: { // 获取位置 handleAuthorize() { va原创 2022-02-25 13:48:00 · 1459 阅读 · 2 评论 -
uni-app 实现小程序rsa加密(非对称加密原理)
uni-app 小程序 rsa 加密 使用的是 jsencryptmain.js文件//引入js文件import security_http_config from './common/security.js'//封装的接口Vue.prototype.proims = (data, url, contentType) => { //重要的地方 **let currentKey = security_http_config.createKey();** const token_u =原创 2022-01-17 15:46:24 · 1732 阅读 · 0 评论 -
uni-app 用户地理位置授权
许多小程序授权的时候 有的会点击取消授权,这就要打开设置重新授权了onShow() { this.Autho() },//授权Autho() { var that = this uni.authorize({ scope: 'scope.userLocation', success(res) { that.lat() }, // 授权失败 fail(err) { err = err['errMsg'] uni.sho原创 2021-12-17 11:56:07 · 968 阅读 · 0 评论 -
uniapp 实现微信小程序修改rich-text图片样式
<template> <gui-page> <view slot="gBody"> <view class="htext"> <rich-text :nodes="content"></rich-text> </view> </view> </gui-page></template><script> export default { d原创 2021-05-19 16:56:18 · 770 阅读 · 0 评论 -
uni-app 微信小程序使用 web-view 预览PDF
1、使用uni-pp开发微信小程序,上线之后发现Android手机无法加载览PDF,但ios可以。这里运用了 uni.openDocument<template> <view class="wenj" @click="file" > 点击查看文件 </view></template><script> export default { data() { return { attach_url: '', .原创 2021-05-19 09:54:46 · 621 阅读 · 0 评论 -
uni-app实现微信小程序本地图片转为base64
// #ifdef MP-WEIXIN uni.getFileSystemManager().readFile({ filePath: '/static/images/topbg.png', //选择图片返回的相对路径 encoding: 'base64', //编码格式 success: res => { //成功的回调 this.base64img = 'data:image/jpeg;base64,' + res.data //不加上这串字符,在页面无法显示原创 2021-05-13 16:32:10 · 499 阅读 · 0 评论 -
微信小程序保存图片到相册
wxml<view bindtap="download" class="down"> <view>生成图片</view></view>js download: function () { var that = this wx.showLoading({ title: '加载中', }); // 下载海报图片 wx.downloadFile({ url:‘图片路径’, su原创 2020-12-22 11:37:46 · 658 阅读 · 0 评论 -
微信小程序分享朋友圈功能
微信小程序分享到朋友圈的功能,终于实现了!但是只能是点击右上角菜单方式分享!话不多说 直接上代码!jsPage({ onLoad: function (options) { if(options.info){ options = JSON.parse(options.info); }; let that = this, //接受参数 that.setData({ id: options.id, avatarUrl: op.原创 2020-11-28 10:34:09 · 602 阅读 · 0 评论 -
uni-app-微信小程序实现输入卡号 每四个为一组中间为空格(也可以取消空格)
wxml<!-- 礼品卡卡号 --><view class="lb1"> <view class="lb2"> 礼品卡卡号 </view> <view class="lb3"> <input class="weui-input" name="number" placeholder-style='color:#ACACAC' placeholder="请输入卡号" value='{{number}}' bindinpu原创 2020-10-28 15:14:35 · 1325 阅读 · 0 评论 -
微信小程序多选取值判断显示内容
写微信小程序项目的时候 遇到多选框选值通过id来判断内容切换这里是通过wxs来实现的wxml<wxs module="calc"> function getId(arr, id) { return arr.indexOf(id) } module.exports = { getId: getId, }</wxs><view class="lb1"> <view class="lb2">原创 2020-10-23 14:52:06 · 1146 阅读 · 0 评论 -
微信小程序实现手机号隐藏,用****代替
新建一个wxs文件 这里我是放在utils文件夹里了subut.wxs/** * 处理字符串为****格式,中间显示四个*号 * str 需要处理的字符串 * startLength 前面显示的字符串长度 * endLength 后面显示的字符串长度 */var sub = function (str, startLength, endLength) { if (str.length == 0 || str == undefined) { return ""; } va原创 2020-10-12 15:02:56 · 2353 阅读 · 1 评论 -
小程序canvan画布,现两张图片合成一张,并保存到本地
微信小程序合成照片 应用canvas把他们绘制到一张图上保存到本地相册然后点击分享自定义一个组件components/canvas.js里// components/canvas/canvas.jsconst app = getApp()Component({ /** * 组件的属性列表 */ properties: { scene: { type: String, value: '' } }, /** * 组件的初始数原创 2020-09-29 11:59:35 · 2531 阅读 · 0 评论 -
微信小程序实现数字为四位一组间隔(仿银行卡卡号)
wxml<view class="payment_a"> <text>卡号:{{item.cards}}</text></view>js wx.$ajax('POST', '接口地址', {}, {}, {}).then((res) => { if (res.code == 1) { var lists =res.data.data for (let i = 0; i <原创 2020-09-25 14:20:49 · 744 阅读 · 0 评论 -
微信小程序实现循环列表下拉功能(点击事件)
点击不同列表下拉 直接上代码wxml<view class="sele" bindtap='bindShowMsg' data-id="{{item.user_id}}" wx:for='{{list}}' wx:for-item="item" wx:key='index'><view class="sele_c"> <view class="sele_imag"> <image src="{{item.user_image}}">&l原创 2020-09-15 15:20:40 · 2913 阅读 · 0 评论 -
微信小程序开发规范
目录规范基础规范页面、样式、行为、规范,不用首屏加载的尽量分包图片项目图片文件放置于根目录的images文件夹下,组件独有的图片放在当前组件images目录下组件文件所有组件相关文件统一放在components目录下。模型文件模型文件主要用于编写各类业务模型。项目模型文件放置于根目录的 models 文件夹下,组件相关模型放置于components目录下的models文件夹中。行为文件行为文件放在所引用的组件目录下公共方法所以与公共方法相原创 2020-09-11 14:12:44 · 1364 阅读 · 0 评论 -
微信小程序字符串与对象相互转换
字符串转对象var data= JSON.parse(stsr);对象转字符串var stsr= JSON.stringify(data);原创 2020-09-01 14:30:15 · 2399 阅读 · 0 评论 -
微信小程序websocket连接服务器(接收信息)
app.jsApp({ onLaunch: function () { var that = this; // 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId } }) // 获取用户信息 wx.getSetting({ success: res => { if原创 2020-08-19 10:01:08 · 2121 阅读 · 0 评论 -
微信小程序实现收藏和取消收藏功能
话不多说,直接上代码jsdata:{ isFavorite: false,}, //收藏 collect: function(options) { console.log(options) var that = this; var openid = wx.getStorageSync('openid'); var isFavorite = this.data.isFavorite; var id = options.currentTarget.原创 2020-08-17 09:31:11 · 5094 阅读 · 0 评论 -
uni-app/微信小程序:验证手机号 身份证 邮箱(正则表达式)
手机号验证: var phones = e.detail.value.phone var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/; if (!myreg.test(phones)) { wx.showToast({ title: '手机号格式不正确!', icon: 'none', duration: 1500 }) r原创 2020-08-05 14:20:37 · 3036 阅读 · 0 评论 -
微信小程序:背景图片在电脑可以显示,真机测试时无法显示
最近做小程序项目发现背景图片在电脑上可以显示 ,真机调试时就不显示 ,问了一下度娘转为base64或者网络地址图片就可以了。Page({ data: { "image" : "/images/mipmap-hdpi/backgr.png", //背景图片 }, onLoad: function () { var that = this; let base64 = wx.getFileSystemManager().rea原创 2020-07-29 10:19:09 · 1857 阅读 · 0 评论