随笔分类 -  uni-app

uni-app中相关资料的整理
uni-app 小程序中地图的使用，包括点位标记，距离获取，显示隐藏，附近等功能
摘要：小程序中地图的使用，包括点位标记，距离获取，显示隐藏，附近等功能。 PS：其中代码部分有一些全局封装的函数，在这里因为种种原因我就不一一展示出来了，大家可以自己写或者私信，我发给大家 相关页面功能代码： 部分组件没有黏贴，可根据实际情况进行展示 <template> <view> <view v-i 阅读全文
posted @ 2024-12-27 09:44 星宝攸宁 阅读(786) 评论(4) 推荐(0)
uni-app中小程序地图展示具体的位置以及如何获取移动端天气的温度展示
摘要：移动端展示具体的位置 比如悦来广场国贸大厦，，利用的腾讯地图的相关接口，参考地址：https://lbs.qq.com/service/webService/webServiceGuide/webServiceGcoder 具体代码如下： uni.getLocation({ type: 'gcj02 阅读全文
posted @ 2024-12-27 09:39 星宝攸宁 阅读(113) 评论(0) 推荐(0)
解决uni-app中的本地跨域
摘要：关于在HbuilderX中的uni-app的本地跨域的代理解决方式： 此方式是在vue3中语法生效，如下： 创建vite.config.js，并在js中输入一下内容： import { defineConfig } from 'vite'; import uni from '@dcloudio/vi 阅读全文
posted @ 2024-12-27 09:35 星宝攸宁 阅读(595) 评论(0) 推荐(0)
uniApp中H5页面的图片压缩
摘要：在用uni-app进行开发的时候，进行图片的压缩的时候可以用uni.compressImage这个方法，但是这个方法可以支持小程序 APP，但是H5 是不支持的。鉴于爱山东入驻的都是H5页面，所以寻找了一下解决H5页面图片压缩的方法： npm install compressorjs --save 阅读全文
posted @ 2024-05-10 11:09 星宝攸宁 阅读(1444) 评论(0) 推荐(0)
小程序手写签名
摘要：最新在做项目的时候遇到了小程序手写签名保存图片，在这里记录一下给大家分享， 借鉴思路：https://ext.dcloud.net.cn/plugin?id=4354 如果需要源代码的画可以私信我发demo 成果如图: 阅读全文
posted @ 2024-04-20 11:16 星宝攸宁 阅读(36) 评论(0) 推荐(0)
uni-app小程序添加IM聊天以及音视频（VIUE3）
摘要：uni-app开发小程序的过程中，需要继承IM的聊天以及音视频功能，因为我是放在分包里的， 步骤如下： 按照文档要求，然后在相关的界面引用就可以了。 音视频引入： 这里引入之后还有一个问题是你必须每次在微信开发工具构建npm一下，具体操作如下： 在微信开发工具终端依次输入如下指令： npm init 阅读全文
posted @ 2023-04-14 13:19 星宝攸宁 阅读(598) 评论(0) 推荐(0)
uni-app vue2升级vue3过程中遇到的问题总结
摘要：首先是在升级的过程中，项目跑不起来，相关的问题不贴图了，解决办法简单粗暴，就是卸载，重装最新版Hbuilder X。可以解决一大部分问题。 再次，会出现如下报错： 是因为我在main.js中app.use 的问题，直接注释。然后发现还有如下问题： 排查了好久才发现，是因为写在app.vue中的检测小 阅读全文
posted @ 2023-04-12 11:31 星宝攸宁 阅读(1043) 评论(0) 推荐(0)
关于uni-app中的分享，兼容webview页面的分享
摘要：最近在uni-app做app的时候做到了分享的功能，基本上实现了，但是在web-view页面的分享是不起效果的（因为uni-app的机制说明了webview的层级是最高的），后来几经周转，终于用 plus.nativeObj.View 做了一个底部弹出，特此记录一下，附带代码 首先写了一个全局的js 阅读全文
posted @ 2022-03-09 14:13 星宝攸宁 阅读(2338) 评论(0) 推荐(0)
uni-app中小程序地图选点
摘要：最近在项目中要用到小程序地图选点，查了些许资料，特别在此记录一下，以便大家参考交流！，我选择用的是腾讯地图插件 实现效果： 1、去小程序开通腾讯腾讯位置服务 2、按照要求一步步操作，申请秘钥，添加项目 https://lbs.qq.com?lbs_invite=Y9PRFLY 3、选择设置，三方设置 阅读全文
posted @ 2021-06-09 15:13 星宝攸宁 阅读(3268) 评论(0) 推荐(0)
uni-app小程序分包图片加载
摘要：参考链接： https://www.cnblogs.com/puerile/p/11892390.html 分包步骤： 在根目录下新建vue.config.js文件 js文件内添加内容： const path = require('path') // const path = require('pa 阅读全文
posted @ 2021-05-27 15:31 星宝攸宁 阅读(2200) 评论(0) 推荐(0)
uni-app中如何让图片不带高度的自适应
摘要：很明显的图片压缩变形了，一般在uni-app中图片需要给出高度，但是现在因为图片的大小高度不一致，所以怎么才能让图片自适应本身的高度呢？其实很简单，只需要在image加上 mode="widthFix"就可以啦 如图： 代码： <view> <image src="../static/img/ind 阅读全文
posted @ 2021-05-27 09:22 星宝攸宁 阅读(2886) 评论(0) 推荐(0)
uni-app中全选多选单选
摘要：<template> <view> <!-- 单个复选框 --> <checkbox-group class="block" @change="checkboxChange"> <view class="cu-form-group"> <view class="title">复选选操作(checkb 阅读全文
posted @ 2020-06-30 08:32 星宝攸宁 阅读(12654) 评论(0) 推荐(0)