uni-app开发
uni-app开发记录
最爱琳琳宝贝
这个作者很懒,什么都没留下…
展开
-
2021-11-06 uniapp前置登录逻辑判断
uniapp前置登录逻辑判断需求:1、新用户直接登录。2、已经登录过的用户在后台验证token,验证通过则直接进入主界面,失败 则跳转到登录界面。实现:登录的逻辑判断主要写在app.vue中onLaunch: function() { console.log('App Launch') // 获取缓存中的登录数据 let tokenRes = uni.getStorageSync('token'); let userInfoRes = uni.getStorageSync(原创 2021-11-06 17:28:35 · 1501 阅读 · 0 评论 -
2021-11-06 uniapp解决scroll-view滑动事件失效问题@scrolltolower
uniapp解决scroll-view滑动事件失效问题@scrolltolower1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。2、父容器最好也指定高度下面通过举例来说明<template> <view class="main"> <scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom">原创 2021-11-06 17:27:07 · 4177 阅读 · 0 评论 -
2021-11-06 uniapp微信支付
uniapp微信支付注意:appid是在微信开放平台的移动应用里面申请的,申请成功之后需要将其填写到manifest.json文件中,另外params需要调用接口获取uni.requestPayment({ provider: 'wxpay', orderInfo:{ "appid":params.appid,//appid "noncestr":params.nonceStr,//随机字符串 "package":params.package,//原创 2021-11-06 17:23:37 · 139 阅读 · 0 评论 -
2021-10-22 uniapp跳转到上次离开界面
uniapp设置缓存,进入页面直接恢复到上次退出界面关键点1、在onUnload函数中设置好响应的缓存2、在onLoad函数中提取设置的缓存以刷题界面进行举例1、onUnload函数中的代码if语句为判断选择题的共用界面类型onUnload() { var data = { 'subjectPath':this.name, 'oldIndex':this.cache } if(this.cache!=0){ if(this.name=="计原创 2021-10-22 16:17:31 · 731 阅读 · 0 评论 -
2021-10-17 uniapp 跨页页面传参方法总结
Uniapp跨页面传参方法总结方法一 ,在url中传参1,参数数量较少,可用uni.navigateTo()进行传参uni.navigateTo({ url:"http://text.exam.cn:80/test?name=张三&age=20"})参数为:?name=张三&age=20,传参成功后可以在接收页面的onload()函数里进行接收onload(option){ var name = option.name var age = option.age}原创 2021-10-17 20:28:56 · 1078 阅读 · 0 评论 -
2021-10-17 uniapp分页加载数据
uniapp分页加载数据,解决一次性加载全部数据导致的卡顿问题这里以左右可滑动的刷题页面举例template部分<template> <view> <swiper :current="current" @change="change" > <swiper-item v-for="(question,index) in questionList" :key="index"> <view&g原创 2021-10-17 19:51:31 · 1538 阅读 · 0 评论 -
2021-10-17 uniapp微信登录
uniapp实现微信登录第一步,首先需要拉起微信登录信息通过uni.getUserProfile()实现uni.getUserProfile({ desc: '我们将获取您的用户信息用于登录', lang: 'zh_CN', success: userProfileRes => { //拉取用户成功,调用登录 console.log(userProfileRes); }})第二步,登录通过uni原创 2021-10-17 19:25:45 · 172 阅读 · 0 评论 -
2021-10-17 获取系统信息(屏幕高度)
uniapp获取系统信息(屏幕高度),并设置组件高度uni.getSystemInfo()可获取的系统信息有多种,包括:brand设备品牌model设备型号pixelRatio设备像素比screenWidth屏幕宽度screenHeight屏幕高度windowWidth可使用窗口宽度windowHeight可使用窗口高度windowTop可使用窗口的顶部位置windowBottom可使用窗口的底部位置statusBarH原创 2021-10-17 19:24:03 · 86 阅读 · 0 评论 -
2021-10-09 uniapp请求封装+请求拦截
uniapp请求封装+请求拦截新建request.js文件const BASE_URL='接口地址'const token=uni.getStorageSync('token')//获取登录后的tokenexport default (urls,methods,params)=>{ if(!token){ //处理没有token的操作 return ; } return new Promise((resolve,reject)=>{ uni.request({ u原创 2021-10-09 16:49:36 · 179 阅读 · 0 评论 -
2021-10-08 uniapp页面跳转+传参
1、启动模拟接口1)node ./src/app.js 在D:\uniapp素材\heima_shop_server目录下2、在uni.request函数中的成功函数要这么写success: (res) => { this.results=res.data.message }这里缺少 => 会得不到数据3、页面的跳转1)navigate跳转方法<navigator url="/pages/detail/detail">跳转到非tabba原创 2021-10-08 20:10:13 · 1761 阅读 · 0 评论 -
2021-10-08 uniapp验证码登录
uniapp获取验证码登录目标界面页面代码<template> <view class="wrap"> <view class="top"></view> <view class="content"> <view class="title">欢迎登录刷题app</view> <view class="c_input"> <input class="u-border-bo原创 2021-10-08 20:02:04 · 1653 阅读 · 0 评论