Autumn_yun的博客

原创 【无标题】vue pc支付宝支付/微信支付

pc项目 支付宝/微信支付

原创 uniapp 使用自定义地图选择位置并进行解析

上个页面可以使用逆地址解析出具体文字地址。// 逆地理编码函数。

原创 uniapp 小程序 高德/腾讯逆地址解析

*1.微信小程序先获取getLocationAPI权限2.manifest.json文件中加上“desc” : “你的位置将用于小程序位置接口的效果展示”},

原创 H5下载图片

unipp H5 下载 图片

原创 在线ps 改变图片颜色

ps 文字颜色 修改

原创 pc端 打印

打印 表格 pc

原创 项目中图片转base64 下载

图片下载 图片转base64

原创 uniapp 微信小程序打开文件

下载、打开文件

原创 百度地图点击定位获取位置、经纬度

百度定位 地图 位置

原创 element table 动态设置高度，宽度无限拉长

element table

原创 uniapp web-view与 H5、微信小程序传参

uniapp web-view 小程序 H5 发送消息 通讯

原创 uniapp 检查小程序更新

更新 小程序 uniapp

原创 APP跳转H5、微信小程序与微信小程序之间互跳

APP 小程序 跳转

原创 uniapp 上架注意点

uniapp 上架 打包

原创 echarts 柱状图 甘特图

柱状图 甘特图 echarts

原创 uniapp app引入字体包

字体包

原创 uniapp 画布生成图片 保存到手机

微信小程序 APP 画布 保存图片

原创 uniapp 微信小程序 显示传入位置

map画布位置显示

原创 H5\uniapp图片添加水印

图片加水印

原创 vue H5、uniapp小程序的文件下载

H5获取到下载链接直接用window.open(url, “_self”)打开uniapp 小程序wx.downloadFile({url:url,//下载文件在服务器上的地址success: function(res){console.log(res)if (res.statusCode === 200) {// 通过内置文档对象打开文档，便于另存为wx.openDocument({filePath: res.tempFilePath,fileType:‘docx,//必写show

原创 vue项目 导出excel

通过接口获取到表格内容const content = r.data;const blob = new Blob([ content ]);let filename=‘’;if (!filename) {let disposition = r.headers[“content-disposition”];if (disposition) {let respcds = disposition.split(“;”);for (let i = 0; i < respcds.length; i+

原创 uniapp生成微信小程序 分包

微信小程序 体积过大 分包 uniapp

原创 uniapp 获取当前位置

1.找寻第三方地图开发者平台申请账号高德申请平台:https://lbs.amap.com/百度申请平台:https://lbsyun.baidu.com/index.php?title=%E9%A6%96%E9%A1%B52.manifest.json打开文件选择模块配置勾选定位，选择一个第三方地图定位勾选，并填入在该平台申请的appkey3.在页面中使用uni.getLocation获取定位注意:1.如果获取的地址有偏差可以着重看一下uni.getLocation中type这个参数值2

原创 uniapp apk包上架到到vivo注意点

uniapp

原创 vue项目适配 rem

1.安装插件npm install postcss-px2rem px2rem-loader --svae2.在vue.config.js内加入// 引入等比适配插件const px2rem = require(‘postcss-px2rem’)// 配置基本大小const postcss = px2rem({// 基准大小 baseSize，需要和rem.js中相同remUnit: 16})3.在util文件夹创建rem.js// rem等比适配配置文件// 基准大小const

原创 postcss-px2rem在vue中的使用

原创 VUE element自定义table表头

**1.html<el-table:key=“tableKey”ref=“table”v-loading=“loading”:data=“list”fitstyle=“width: 100%;overflow-x:auto”height=“calc(100vh - 0px)”@selection-change=“onSelectChange”@sort-change=“sortChange”row-key=“id”:tree-props="{ children: ‘childr

原创 小程序web-view跳转H5页面，H5页面通过事件返回小程序页面

小程序页面: //url为H5页面路径H5页面跳转小程序页面npm install weixin-js-sdk在使用的vue单页面内引入：import wx from ‘weixin-js-sdk’wx.miniProgram.redirectTo({url: ‘/pages/index/index’ // 小程序中页面的路径})调试要在微信开发工具里调试H5在小程序页面的头部标题修改1.npm install vue-wechat-title --save2.在main.js里加入

原创 获取url后参数

getQueryVariable(variable){var query = window.location.href.substring(1);var vars=variable==“id”?query.split("?"):query.split("&")for (var i=0;i<vars.length;i++) {var pair = vars[i].split("=");if(pair[0] == variable){pair[1]=variable==“id”?pai

原创 字符串与base64 转换

btoa(encodeURI（‘’）) 字符串转base64decodeURI(atob()） base64转字符串

原创 uniapp 导航栏右侧文字显示不全

“titleNView”:{“buttons”:[{“text”: “”,//需要显示的文字“fontSize”:“15”,//字号“float”: “right”,//浮动“color”:"#333333",//字体颜色“width”: “auto”//设置宽度}]}