uni-app
DCloud产品之uni-app
前端薛小帅
代码戏人生,写出新风采
展开
-
uniapp组件封装之slot(插槽)使用
uniapp组件封装之插槽传参,一起来学习uniapp中slot的使用吧原创 2022-12-08 12:07:39 · 3334 阅读 · 1 评论 -
uniapp编译到H5怎样禁止浏览器下拉?
uniapp编译到H5怎样禁止浏览器下拉原创 2022-08-18 13:14:37 · 1202 阅读 · 0 评论 -
uniapp全局组件全局使用(不在每个页面template使用,仅支持H5),函数式调用全局组件方法
uniapp全局组件全局使用(不在每个页面template使用,仅支持H5),函数式调用全局组件方法原创 2022-08-16 14:17:34 · 12606 阅读 · 13 评论 -
微信授权登录,uniapp微信授权登录,wap2app微信授权登录,h5plus微信授权登录
既然是Dcloud产品,那编译器不约而同使用HBuilderX,并且下面的截图是前提UniAPP中的微信登陆(APP端)uni.login({ provider: 'weixin', success: function(loginRes) { // uniapp为我们封装了微信登陆,loginRes参数里含有我们需要的openid,unionid,access_token等参数 let openid = loginRes.authResult.o原创 2021-04-13 09:40:03 · 1075 阅读 · 0 评论 -
APP、H5支付流程介绍
微信内嵌H5需要先 npm installjweixin-module -s 下载微信 jssdk在 vuex 中定义 const jwx = require('jweixin-module') 在vuex的actions中定义一个方法,请求后台接口,获得如下参数使用 jwx.config(res.data) 注入这些参数 在jwx.ready 中使用 sdk 提供的 API 返回到需要支付的页面,先调用刚才 vuex 中 actions 中定义的方法 先调后端接口下单拿到 订..原创 2021-02-25 18:52:37 · 519 阅读 · 0 评论 -
uniapp掘墓者之IOS时间格式
最近发现了一个小坑,特此记录一下let str = '2020-01-20 15:34:24';new Date(str)// Andriod// Mon Jan 20 2020 15:34:24 GMT+0800 (中国标准时间)// Ios // Invalid Date原因在于Ios只能识别/这种格式的时间格式,所以改成如下代码let str = '2020-01-20 15:34:24';let os = uni.getSystemInfoSync().pl...原创 2021-01-22 14:46:52 · 485 阅读 · 0 评论 -
uniapp掘墓者之context.drawImage方法
这两天在做一个前端使用canvas生成海报,好家伙,一个问题整了快一周需求是这样的:后台给我返回一个背景图在服务器上的地址 http://xxx.com/img/1.jpg,还有一个二维码所在的 x轴 和 y轴,二维码的内容前端拿到这些之后先把背景图画在canvas上然后通过 qrcode 或者别的技术生成二维码然后再通过x轴和y轴将二维码画在canvas上//先获取到canvas 第一个参数是template中写好的canvas的idlet context = un.原创 2021-01-22 14:43:10 · 5342 阅读 · 0 评论 -
uni-app组件之mescroll-uni的简单使用
mescroll-uni是一个翻页组件,官方文档【点击查看】这里对 mescroll-uni 进行了二次封装在 components 目录下新建一个 up-down-load.vue<template> <view> <mescroll-uni @init="init" :down="downOption" @down="downCallback" :up="upOption" @scroll="scroll" @up="upCallback" :...原创 2021-01-22 14:17:07 · 12284 阅读 · 0 评论 -
Uniapp掘墓者之编译到微信小程序
先看下面这组代码<!--父组件--><father> <!--子组件--> <son @hand="hand"></son></father>hand(){ // #ifndef MP-WEIXIN console.log(this) //father // #endif // #ifdef Mp-WEIXIN console.log(this) //son原创 2021-01-05 15:10:20 · 207 阅读 · 0 评论 -
Uni-APP使用ios原生插件storeKit(ios应用评分功能),【JS Framework】当前运行的基座不包含原生插件【xxxxxxx】,请在manifest.json中配置该插件怎么解决?
首先,你可以 点击这里 下载插件或者 购买插件(0元)购买的时候选择你的项目源码并填上包名就会永久绑定在你这个项目中我这里是下载使用,下载完解压生成Xty-StoreKit ,在项目根目录创建 nativeplugins 目录,将 Xty-StoreKit 放进去然后在你的代码中按需要将他显示出来,这里我放在了 App.vue 中const storeKit = uni.requireNativePlugin('Xty-StoreKit');//首先引入这个插件store..原创 2020-11-24 18:13:03 · 6357 阅读 · 4 评论 -
js如何检测当前页面是否在微信浏览器打开
调用如下函数返回 true 表示当前是微信内核,即在 微信浏览器 打开function isWx(){ // return navigator.userAgent.toLowerCase().indexOf('wechat') !== -1 //只在安卓生效 return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1 //通用}...原创 2020-11-19 08:56:50 · 366 阅读 · 0 评论 -
axios的二次封装,请求、base_url、接口统一管理分开处理
首先先来看一下目录结构主要有三个文件 api.js |url.js | conf.js先来介绍一下这三个 js 文件api.js,封装的axios代码,源码如下import axios from 'axios'import { BASE_URL, API_URL } from './conf'; // 1-引入BASE_URL 和 API_URL,后面再说这两个是什么东西// const token = sessionStorage.getItem('token')...原创 2020-06-07 18:31:21 · 1811 阅读 · 0 评论 -
uni-app使用native.js拉取手机通讯录页面选择手机号,仿支付宝微信手机充值选择通讯录好友
新建 utils 目录下 nativeCommon.js/** * nativeCommon,通过Native.js调用原生API * 选择通讯录电话 */var nativeCommon = { /** * 通讯录模块 */ contacts: { getContact: function(callBack) { switch (plus.os.name) { case "iOS": if (plus.device.model === "iPhoneS原创 2020-06-15 10:30:17 · 1508 阅读 · 9 评论 -
uni-app要实现APP首次进入弹出模态框
要实现APP首次进入弹出模态框判断Storage中是否存在一个字段,如果有则多次进入,如果没有则首次进入在首页中methods中写下如下代码,并在onShow中调用,注意此处获取缓存必须是同步isFirstEnter(){ var firstEnter = uni.getStorageSync('firstEnter');//同步获取缓存中是否有首次进入字段 l...原创 2020-04-15 17:01:55 · 4285 阅读 · 1 评论 -
uni-app踩坑记
1. 关于uni.request()APP端请求的问题本以为data里面传入参数就可以成功请求,在浏览器上和HbuilderX内置浏览器上都可以成功请求,高高兴兴打包成apk,然后发送到手机上,安装之后发现并没有请求成功,郁闷啊.......后来找办法,看文档,所以我看到了下面这句话,然后知道原因了,原来APP端Get请求的话参数直接拼接在url?后面还有一个原因是我使用Node.js连接...原创 2020-01-15 14:46:12 · 1128 阅读 · 0 评论 -
uni-app组件的使用
假设你有header和slider组件需要在每个组件中写上组件的name值然后在main.js中引入,注册最后直接在需要的页面使用原创 2020-01-07 17:20:32 · 645 阅读 · 0 评论