![](https://img-blog.csdnimg.cn/20210310163500270.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Uni-App
2020年初开始接触uniApp项目,此栏是总结之前以至以后遇到的uniApp的项目问题,方便自己查阅,也同时希望可以帮助别人。
染小七
自律,共生。
展开
-
uniapp提示用户开启定位,跳转到开启定位页面
【代码】uniapp提示用户开启定位,跳转到开启定位页面。原创 2023-02-24 18:38:56 · 971 阅读 · 0 评论 -
UniApp:uniapp的接口封装(二)
新建 https 文件夹存放以下文件baseUrl.jsapis.jsrequest.jshttp.jsbaseUrl.js//存放主站域名const BASE_URL = 'http://www.ceshi.com'export { BASE_URL}apis.js//导入API地址import { BASE_URL } from '@/https/baseUrl.js'//常用APIclass Apis { API_URL = BASE_URL /..原创 2022-05-13 16:35:22 · 1668 阅读 · 0 评论 -
UniApp:方法篇:微信小程序海报生成和保存
UniApp在微信小程序中的Canvas画布操作画布建立建立画布<!-- 禁止画布被拖动 --><canvas canvas-id="posterid" style="width:300rpx;height:400rpx;" disable-scroll="true" @touchstart="" @touchmove="" @touchend=""><原创 2022-04-29 11:02:39 · 1888 阅读 · 0 评论 -
UniApp:方法篇:页面锚点
UniApp做页面锚点:uni.createSelectorQuery().select('.in').boundingClientRect( data => { uni.createSelectorQuery().select(".out").boundingClientRect( res => { console.log("res",res); uni.pageScrollTo({ duration: 100, scrollTop:data.top + 590 - r原创 2022-03-03 13:59:46 · 1064 阅读 · 0 评论 -
UniApp:方法篇:动态修改数组内容this.$set
在uniapp的多选中,常用来修改页面状态,需要涉及到数组的动态添加参数;数组:numList:[ { name:"第一个" }, { name:"第二个" }, { name:"第三个" }]方法:this.numList.forEach((item,index) => { console.log(item); this.$set(item,"status",false)})结果:numList:[ { name:"第一个", status:原创 2021-10-20 17:11:37 · 9093 阅读 · 0 评论 -
UniApp:uniapp的导入全局js
在common文件夹下新建一个js(例如test.js);test.js:function show(){ console.log("我是测试js");}module.exports = { show : show}在main.js内引入:import test from 'common/test.js';Vue.prototype.test = test;在页面内引用:this.test.show();...原创 2021-09-24 17:23:05 · 2607 阅读 · 0 评论 -
UniApp:uniapp的request请求接口封装
import Vue from 'vue'import App from './App'// 封装请求接口const http = { /** * 提示开始请求 * @param {Object} text:提示的内容--[开始请求] * @param {Object} status:是否显示--[success/none] * @param {Number} times:显示的秒数--[2000] */ toast:function(text,status,times){原创 2021-08-18 14:28:32 · 932 阅读 · 0 评论 -
UniApp:微信小程序篇:新版登录
<template> <view class="content"> <button type="default" @click="login()">登录</button> </view></template><script> export default { data() { return { } }, methods: { login:function(){原创 2021-04-29 14:27:48 · 826 阅读 · 0 评论 -
UniApp:方法篇:循环picker
<template> <view> <view class=""> <!-- @click="pickerIndex = index" 点击时将当前下标【index】赋值给【pickerIndex】 --> <picker v-for="(item,index) in list" mode="selector" :range="item.content" @change="pickerChange" @click=原创 2021-04-10 09:58:53 · 2665 阅读 · 0 评论 -
UniApp:Vue特性篇:vue2.0的广播与接收(待详细了解)
this.$eventHub Vue2.0 事件的广播与接收(观察者模式)Vue2.0中可以使用$emit , $on, $off 分别来分发、监听、取消监听事件。官方的给出的最简单的升级建议是使用集中的事件处理器,而且也明确说明了 一个空的vue实例就可以做到,因为Vue 实例实现了一个事件分发接口。在main.js中声明【eventHub】的Vue对象。Vue.prototype.$eventHub = Vue.prototype.$eventHub || new Vue();A页面:在【原创 2021-04-02 10:53:06 · 1254 阅读 · 1 评论 -
UniApp:方法杂记之滑动页面切换上下页
需求:触屏滑动页面,使页面整体元素移动,一定距离内松手回弹,超过一定距离后刷新内容;<template> <view @touchstart="start" @touchmove="mid" @touchend="end"> <view class="one" :style="{ left:leftVal + 'px', right:rightVal + 'px', }"> <text>内容</text> <原创 2021-03-18 13:51:02 · 2182 阅读 · 6 评论 -
UniApp:IOS篇:通用链接【Universal Links】配置
在做APP的项目中遇到了,APP向微信中分享信息的需求,因此了解到了iOS的通用链接【Universal Links】,查询了诸多资料,最后搞定了,特此记录一下。Dcloud问答社区:https://ask.dcloud.net.cn/article/36445Dcloud问答社区:ios通用链接配置简书:iOS Universal Links教程博客园:iOS 唤起APP之Universal Link(通用链接)第一步:开启Associated Domains服务1.登录苹果开发者网站,在原创 2021-03-17 11:06:06 · 9418 阅读 · 7 评论 -
UniApp:方法杂记之获取页面内的元素信息
可以在【onReady】的生命周期获取页面盒子的元素宽高,来做一些适配。onReady:function(){ uni.getSystemInfo({ success: (res) => { console.log("各种参数",res); //包含各种参数:屏幕的宽高、状态栏的高度(网页一般为0)等参数; console.log("屏幕的高度",res.windowHeight); //页面内某元素的参数 let info = uni.createSelectorQ原创 2021-03-16 16:26:49 · 1748 阅读 · 0 评论 -
UniApp:小程序篇:授权登录
<template> <view> <!-- 信息授权登录在小程序更新规则后,目前仅支持【button】按钮调用 --> <!-- 授权获取个人信息 头像 + 昵称 个人小程序ID或企业级ID--> <!-- @getuserinfo="getUserInfo" 这里不需要传值 --> <!-- @getuserinfo="getUserInfo(e)" 这样写是错误的 @getPhon原创 2021-03-11 16:00:01 · 1411 阅读 · 0 评论 -
UniApp:方法篇之禁止蒙版下页面内容滑动解决办法整合
css解决办法:.将底层view 的css属性设置为如下 position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;此方法适用于主页面无滚动的情况。在蒙版层添加 @touchmove.stop.prevent=""<view class="mode" @touchmove.stop.prevent=""> <view></view>.原创 2021-03-10 16:20:15 · 1858 阅读 · 0 评论