uniapp
骑着代马去流浪
这个作者很懒,什么都没留下…
展开
-
uniapp之h5公众号分享和授权
一,微信分享1,安装jweixin-modulenpm i jweixin-module2,在需要分享的页面引入<script> // #ifdef H5 let jweixin = require('jweixin-module') // #endif .....</script>3,设置分享内容(或者点击触发分享)distributrShare() { this.$http({ apiName: "wx.原创 2020-11-03 15:07:24 · 3777 阅读 · 0 评论 -
uniapp swiper高度自适应的100%完美解决方案
onReady() {//swiper高度自适应this.getElementHeight('.swiper-item2')},methods:{ getElementHeight(element) { setTimeout(()=>{ let query = uni.createSelectorQuery().in(this); query.select(element).boundingClientRect(); query.e...转载 2020-07-10 14:58:14 · 4559 阅读 · 0 评论 -
uniapp之APP/微信小程序/公众号支付
涉及到微信支付的都需要从后端接口获取支付配置信息:await this.$http({ apiName:"wxPayConfig", type:"POST", data:{ orderId:this.orderId }}).then(res => {}).catch(_ => {})支付宝支付获取的配置信息参数跟微信不一样,需要单独从接口获取,得到是一长串字符串:await this.$http({ apiName:"aliPay", type:"POST",原创 2020-05-25 12:08:35 · 2473 阅读 · 1 评论 -
uniapp开发小程序之上传图片(拍照或从相册中取)
<view @tap="ChooseImage"> 上传图片</view>methods:{ ChooseImage() { uni.chooseImage({ count: 1, //可选择数量,默认9 sizeType: ['compressed'], //只能上传压缩图 sourceType: ['album','camera'],...原创 2020-03-17 14:03:53 · 5152 阅读 · 3 评论 -
uniapp开发小程序之授权推送通知
<view @tap="getTmplID"> 授权通知</view>methods:{ getTmplID() { uni.requestSubscribeMessage({ tmplIds: ['321e21e21'], //需要授权的消息模板类型 success(res) { console.log(res) },...原创 2020-03-17 13:58:59 · 3834 阅读 · 0 评论 -
uniapp开发小程序之获取当前位置经纬度
onLoad() { var _self = this; uni.getLocation({ type: 'wgs84', success: function (res) { _self.lng = res.longitude || ""; _self.lat = res.latitude || ""; } });}原创 2020-03-17 13:54:56 · 1333 阅读 · 0 评论 -
uniapp开发小程序之获取手机号
<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号</button>methods:{ async getPhoneNumber (e) { let _self = this; //请求后端接口换取手机号 if(e.detail.encryptedDa...原创 2020-03-17 13:49:33 · 2035 阅读 · 1 评论 -
uniapp开发小程序之分享转发
<button open-type="share" @ShareAppMessage="onShareAppMessage "> 分享</button>methods:{ onShareAppMessage (){ return { title: "标题", path: "/pages/index?productI...原创 2020-03-17 13:45:54 · 3014 阅读 · 0 评论 -
uniapp app 端调微信支付接口
uni-app 官方文档支付接口如下:uni.requestPayment({ provider: provider, // wxpay、alipay orderInfo: 'orderInfo', //微信、支付宝订单数据 success: function (res) { console.log('success:' + JSON.stringif...原创 2020-02-10 15:18:55 · 1858 阅读 · 0 评论 -
uniapp/web2app开发总结
1,变量为数字0在ios上会不显示,需转成字符串才显示2,当页面中使用webview返回按钮会失效,需要自定义头部3,页面使用webview时候,默认是全屏的会遮挡住其他元素,解决办法是最好将webview布局在最下方,其他元素布局在webview的上方,onShow时计算webview距离屏幕顶部高度,并设置为这个距离:...<view class="kline_view...原创 2019-11-18 20:24:03 · 1652 阅读 · 0 评论 -
uniapp实现被浏览器唤起
1,配置UrlSchemes在manifest.json配置/* 应用发布信息 */"distribute" : { /* android打包配置 */ "android" : { "schemes" : [ "CCC" ], ... }, /* ios打包配置 */ "ios" : { "urlt...原创 2019-11-18 18:01:36 · 4070 阅读 · 0 评论 -
uniapp检查更新并显示下载进度
uni.request({ url: "http://2132", //请求更新地址 data: '', success(res) { if (!!res.data) { uni.showModal({ title: '版本更新' + res.data.versionCode, content: res.data.description, confirm...原创 2019-11-18 17:40:51 · 12202 阅读 · 11 评论 -
hbuilder打包打包web2app配置检查更新并显示更新下载进度
在app.js文件中配置:...onShow: function() { console.log('show'); var ua = navigator.userAgent; if(ua.indexOf('Html5Plus') > -1 && ua.indexOf('StreamApp') == -1) { var server = "http://...原创 2019-11-18 17:31:36 · 1859 阅读 · 1 评论 -
使用hbuilder将vue-cli打包后的网站转成webapp返回按钮无效等问题处理
分为两种情况进入app需要登录和进入app不需要登录1,不需要登录只需在打包配置文件sitemap.json添加配置easyConfig配置"pages": [ { "webviewId": "__W2A__xxxx.com", "matchUrls": [ {"pathname":"http://xxxx.com"} //首页 ]...原创 2019-11-18 17:19:03 · 780 阅读 · 0 评论 -
适用于uniapp的二维码的二维码生成插件
github:https://github.com/RidingACodeToStray/qrcode适用于uniapp的二维码库,大部分code由QRious而来。使用方法 let qrcode = new Qrcode(); qrcode.draw('myCanvas', 'https://u.wechat.com/EJab_1QbJTgyO7tcgynIyBE');创...原创 2019-06-24 11:30:26 · 10689 阅读 · 1 评论