
Wechart
小程序相关
倘若hfl
这个作者很懒,什么都没留下…
展开
-
uniapp小程序接口返回文件流下载文件
使用uni.request post方法获取文件流,如果是get可以使用uni.downloadFile。原创 2024-07-05 17:56:50 · 2870 阅读 · 1 评论 -
uniapp微信小程序区分正式版,开发版,体验版
或者有些东西不想在正式版显示,只在开发版体验版中显示,也需要去手动隐藏。通常正式和开发环境需要调用不同域名接口,发布时需要手动更换。官方也没有给出判断环境的方法,但其实是有的,也就是。先看下 __wxConfig 包含哪些东西。原创 2023-08-16 15:16:49 · 5335 阅读 · 1 评论 -
uniapp小程序横屏显示样式错乱
vmax 相对于视口的宽度或高度中较大的那个,其中最大的那个被均分为100单位的vmax。vmin 相对于视口的宽度或高度中较小的那个,其中最小的那个被均分为100单位的vmin。这里我们用vmin,100vmin也就是手机屏幕宽度,一般设计图是750rpx。在开发中有时候会需要开发横屏页面,正常竖屏页面的样式横屏之后会放大错乱。原创 2023-06-15 10:47:24 · 1658 阅读 · 0 评论 -
uniapp小程序进入横屏页面后竖屏页面样式错乱放大
整体思路就是 当横屏页面卸载后,让他跳转到空白页,然后再跳转回上一个页面。原创 2023-07-03 10:44:10 · 1926 阅读 · 0 评论 -
uniapp,小程序获取定位,打开地图选择位置失败问题
uniapp小程序选择地理位置接口原创 2022-12-03 14:30:58 · 2209 阅读 · 0 评论 -
uniapp小程序使用RSA加密解密
【代码】uniapp小程序使用RSA加密解密。原创 2022-08-30 09:47:41 · 2452 阅读 · 1 评论 -
uniapp 小程序中使用逆地址解析 获取当前详细地址
描述获取当前定位的经纬度后使用 逆地址解析 获取到详细的地址uniapp和微信小程序获取地址有两个API,getLocation和chooseLocation,但都没有返回省市区等具体信息,那我们可以获取当前经纬度,然后使用逆地址解析接口去获取更多信息逆地址解析概述使用步骤1.前往腾讯位置服务官网 申请keyhttps://lbs.qq.com/dev/console/user/info填写自己小程序的appid2.使用是的,拿到key之后就可以在项目中使用了uni.getLocat原创 2022-01-13 10:05:39 · 2316 阅读 · 1 评论 -
uniapp 小程序实现中间突起tabbar
先看下效果实现步骤1.先引入uview ui,不会的可以看下我另外一篇文章,写的很详细uniapp 中uview-ui的使用教程https://blog.youkuaiyun.com/hu104160112/article/details/120076812?spm=1001.2014.3001.55012.创建tabbar 组件及页面3.pages.json文件中配置{ "easycom": { "autoscan": true, "custom": { "^uni-(.*)":原创 2021-09-08 10:48:22 · 5555 阅读 · 19 评论 -
uniapp 中uview-ui的使用教程
1.首先创建uniapp项目2.在头部工具栏 工具→插件安装 中安装 scss/sass编译3.去uni-app插件市场下载插件ZIP,解压后放入项目根目录下载地址:https://ext.dcloud.net.cn/plugin?id=15934.引入uView主JS库在项目根目录中的main.js中,引入并使用uView的JS库,注意这两行要放在import Vue之后。// main.jsimport uView from "uview-ui";Vue.use(uView);原创 2021-09-03 11:15:18 · 4975 阅读 · 2 评论 -
Error: 系统错误,错误码:80200,main package source size 2439KB exceed max limit 2MB (uniapp 小程序分包及分包优化)
当项目过大,超过2M时,我们就要进行分包1.主包中可以只留 主页,登录页,组件,公共js,css,其他都可以放到分包中2.一些只在分包中使用的组件或js,也可以放在分包中,这时可以开启分包优化,这样打包后,就不会占用主包体积假设支持分包的 uni-app 目录结构如下:┌─pages│ ├─index│ │ └─index.vue│ └─login│ └─login.vue├─pagesA│ ├─static│ └─list│ └─list.vue├─p原创 2021-08-30 10:54:30 · 10393 阅读 · 0 评论 -
uniapp 小程序版本自动更新
注意:代码是uniapp的,如果是微信小程序的话,要做出已下修改1.微信小程序代码写在app.js,uniapp写在app.vue里2.uni. 换成 wx.话不多说,上代码,注释写的很详细了onLaunch(options){ autoUpdate() { var that = this; // 获取小程序更新机制兼容 if (uni.canIUse('getUpdateManager')) { const updateMa原创 2021-07-16 11:19:21 · 3398 阅读 · 2 评论 -
uniapp 小程序实现全局所有页面分享 ‘发送给朋友‘和‘分享到朋友圈‘
效果实现一.局部配置,单个页面//发送给朋友onShareAppMessage(){ return { title: '',//分享标题 path: ''//分享页面路径 imageUrl: '',//分享图标 desc:'',//自定义分享描述 }},//分享朋友圈onShareTimeline() {}, 二.全局配置1.创建share.js文件module.exports = { onShow() { let pages = getCurrentP原创 2021-07-02 14:13:28 · 6538 阅读 · 8 评论 -
uniapp和小程序返回上一页前弹出提示弹窗,确定才允许返回
场景:小程序中某个页面数据没保存,返回上一页弹出提示弹窗,确定才允许返回使用的apiwx.enableAlertBeforeUnload:开启小程序页面返回询问对话框wx.disableAlertBeforeUnload:关闭小程序页面返回询问对话框适用:安卓虚拟返回按键,安卓全面屏左右滑动返回手势,安卓和苹果左上角返回不适用:苹果向右滑返回,安卓带虚拟按键向右滑返回(这两种好像官方社区也没回应)注意:1.wx.enableAlertBeforeUnload要搭配wx.disableAler原创 2021-06-07 10:31:06 · 9399 阅读 · 1 评论 -
uniapp中showToast之后延迟跳转页面,解决提示在真机中一闪而过
问题描述请求接口需要调用 uni.showLoading(),接口请求结束调用 uni.hideLoading(),满足需求条件后调用 uni.showToast()给用户提示信息,在开发者上正常,但是在真机上会出现提示信息一闪而过。产生原因uni.showLoading() 和 uni.showToast() 调用的是同一个框,都受 uni.hideToast() 或者 uni.hideLoading() 的影响。比如在真机上你的代码顺序为 uni.showLoading() =>uni.h原创 2021-04-27 14:05:11 · 10590 阅读 · 2 评论 -
小程序使用canvas生成海报,保存图片
使用canvas生成海报wxml<view> <canvas class="canvas" style="width: {{canvas_width}}px;height:{{canvas_height}}px;" canvas-id="mycanvas"></canvas> <view class="pop"> <view class="popbg" bindtap="getclose"></view&原创 2021-03-06 14:30:20 · 547 阅读 · 0 评论 -
小程序实现可拖动的悬浮图标
小程序实现可拖动的悬浮图标wxml<movable-area class="movablebox" style="height:{{phoneHeight}}px"> <movable-view x="{{x}}" y="{{y}}" direction="all" class='movableview'> <image mode="widthFix" src='https://sucai.suoluomei.cn/sucai_zs/images/2021030原创 2021-03-05 14:00:29 · 396 阅读 · 4 评论 -
小程序父子组件间传值,父传子,子传父
父传子父组件//json{ "navigationBarTitleText": "父子传值", "usingComponents": { "componentB": "../../components/son/son" }}//wxml<view> <componentB paramAtoB='{{paramAtoB}}' ></componentB></view>//js data: { paramAto原创 2020-12-21 12:01:46 · 628 阅读 · 0 评论