极光uniapp
手把手教你vue3-ts-uniapp-vite创建多端小程序-1
1.创建vue3+vite ``` # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-project # 创建以 typescript 开发的工程 npx degit dcloudio/uni-preset-v ......
uniapp项目实践总结(七)编写一个简单的应用页面
> 之前自定义了顶部和底部导航栏，那接下来就写一个简单的二级页面，这个是出了导航页面之外经常用到的。 ## 目录 - 结构 - 模板 - 样式 - 方法 - 示例 ## 结构 一个普通页面的结构应该是如下所示： ```html 列表内容 ``` ## 模板 uniapp 内置了常用的组件，可以直接使 ......
uniapp项目实践总结(六)自定义顶部导航栏
> 本篇主要讲述如何自定义顶部导航栏，有时候默认导航栏不足以满足我们的需求，这时候就需要自定义导航栏来解决这个问题。 ## 目录 - 默认导航 - 修改配置 - 自定义顶部 ## 默认导航 自带的默认顶部导航设置的内容有限，不容易扩展修改，因此如果有更加个性化的需求，则需要自定义顶部导航。 配置如下 ......
uniapp随机生成图片
//生成从minNum到maxNum的随机数 randomNum(minNum, maxNum) { switch (arguments.length) { case 1: return parseInt(Math.random() * minNum + 1, 10); case 2: return ......
uniapp 远程搜索功能的封装
## 封装组件 ``` {{emptyTips}} {{isJSON?(isAloneShow?item[keyName]:item[keyCode]+' _ '+item[keyName]):item}} {{isJSON?isAloneShow?(item.enumCode?item.enumC ......
uniapp小程序onlaunch与onload的矛盾
起因：我们的项目是内嵌刀他人项目里的，从url中拿到用户token，然后以此请求我们自己的token，在onlaunch中请求，与此同时在onload中也在请求数据，onload中请求需要请求头中带token，此时onlaunch中还没有请求结果，不可能存储token 解决方法：小程序 onLaun ......
uniapp云开发第一步：看文档+AI解释
A.uniapp云开发中的云对象是什么意思 uniapp云开发中的云对象是一种存储结构，用于存储和管理用户数据，它可以把数据保存在云端，让用户可以通过网络访问这些数据，更加安全可靠。 云函数是一种基于云端的服务，可以帮助开发者实现一些复杂的业务逻辑，比如处理大量数据，支持第三方接口等。 ......
uniapp sqlite操作封装
> 最近一段时间在用uniapp写app，在项目中有聊天服务，打算把聊天记录存储到sqlite数据库中，由于习惯了链式调用，决定封装下sqlite的操作，花了几个小时，应该能完成简单的功能了，能力有限，有bug当我没发，实在不行直接写sql。 **执行如下语句** ```js DB('tb_user ......
uniapp做项目开始
首先确定了开发框架 uniapp+vue3+uview-plus3 因为项目简单也不要什么酷炫效果，所以下载了uview-plus3官网的样例程序学习了一下 为什么要选这些控件呢，个人的想法就是样式太难写了 开始做了vue项目以及uniapp之后，发现困难最大的是css样式， 最幸运的时项目对样式没 ......
uniapp项目实践总结(五)自定义底部导航栏
> 在底部导航栏这个模块，很多时候默认的样式不符合我们的设计规范和需求，因此需要自定义底部导航栏，这样可以满足我们的需求，也可以更加个性化，增加用户体验，下面就介绍如何自定义底部导航栏。 ## 目录 - 准备导航素材 - 配置页面导航 - 自定义导航栏 ## 准备导航素材 要自定义底部导航栏，我们需 ......
uniapp项目实践总结(四)安装和使用一个插件市场的插件
> 这篇文章主要介绍如何安装和使用一个插件市场的插件的方法。 ## 目录 - 查找插件 - 安装插件 - 使用插件 ## 查找插件 打开插件市场：[https://ext.dcloud.net.cn/](https://ext.dcloud.net.cn/) 例如我们项目中要用到富文本渲染的内容，可 ......
uniapp小程序 scanCode实现 扫一扫功能
先上效果图： camera实现官网有详细的介绍 代码实现： flash手电筒 cover-view是扫一扫中间蓝色的横线，不能设置style阴影，会出不来 onScancode扫码成功之后的操作（e.detail.result） <view class="scan-border"> <view st ......
uniapp小程序 腾讯地图实现 电子围栏、marker标注
在腾讯地图官网要提前申请key 在微信开放平台要提前申请腾讯地图使用权限 效果图 腾讯官网有详细的介绍，根据步骤下载js文件放在本地，在使用的页面引入即可 template页面：一定要给地图设置宽长度，否不展示 latitude是getLocation获取到的经纬度，也可以是接口返回的经纬度 pol ......
.Net 6/NetCore3.1 Vue Element Uniapp前后端分离低代码快速开发框架
# .Net 6/Net Core Vue Element Uniapp前后端分离低代码快速开发框架 这是一个能提高开发效率的开发框架，全自动生成PC与移动端(uniapp)代码;支持移动ios/android/h5/微信小程序。 # 一、框架能做什么 1、前后端分离项目 2、纯后端项目 3、移动端 ......
uniapp项目实践总结(三)全局公共组件和样式以及方法的使用
# uniapp 项目实践总结(三)全局公共组件和样式以及方法的使用 > 上一篇讲解了如何创建一个新的 uniapp 项目，这篇来讲解以下如何注册和使用全局的公共组件，全局样式和全局方法。 ## 目录 - 目录结构 - 公共组件 - 公共样式 - 公共方法 ## 目录结构 创建好项目以后，可以先初始 ......
uniapp scanCode扫码结果赋值给input没效果
通过v-model实现双向绑定，在data定义carNumberList为空，扫码结果直接赋值即可 问题就是出现在this ......
uniapp省市区街道四级联动
``` import ehPicker from '@/components/erha-picker/erha-picker.vue' components:{ ehPicker }, confirmStreet(param) { this.street = param.province + par ......
uniapp 项目实践总结(二)从零开始搭建一个项目
> 导语：本篇文章主要是项目方面的技术开发总结，新建一个项目可以选择使用可视化界面，也可以使用命令行搭建。 ## 目录 - 可视化界面 - 命令行搭建 - 安卓开发环境 - 苹果开发环境 ## 可视化界面 ### 安装软件 使用官方推荐的 HbuilderX 软件，开发方式比较简单，内置相关环境以及 ......
uniapp App 保存无后缀的图片到相册
问题描述：无后缀直接用uni.downloadFile和uni.saveImageToPhotosAlbum会报错 报错内容 saveImageToPhotosAlbum:fail UNKOWN ERROR3 解决方案：将文件重命名 uni.downloadFile({ url: this.url, ......
uniapp 封装完整的http请求
直接复制粘贴到uniapp项目里使用包括手动取消单个请求 包括自动检测取消重复请求 请求拦截, 响应拦截 // login.js// import request from './request'//// export default {// login () {// try {// return ......
使用uniapp进入小程序获取链接参数
两种解决方法 第一种：onload里面传参option，直接把option赋值给定义的对象或字段,如下 onLoad(option) { // 获取小程序进入场景和参数 this.tenendId = option.tenant_id console.log(this.tenendId); }, 第 ......
uniapp android离线配置
参考 https://blog.csdn.net/weixin_45784582/article/details/122864663 申请离线配置需要再开发者中心申请离线密匙, 申请密匙需要 SHA1 MD5 SHA256, 下面是申请步骤 https://dev.dcloud.net.cn/pag ......
暂告一段落的vue学习以及uniapp的开始
最近学习了VUE并且参照其他开源项目做了一个大致的框架，只余部分还需要改成自己的东西， 但是这个要到一段落了，开始了小程序项目之旅， 首先还是到uniapp官网查看官方资料 当然了，还是要从vue3的部分开始学起 跟着官方视频做了一个试例，感觉还不错，很简单 然后项目正式开始了~~ 终于开始了客户项 ......
知识付费uniapp源码,知识付费的鼻祖，传承文化的智者
在如今知识付费如火如荼的时代，似乎这个概念是新近的发展。然而，在中国的历史长河中，早就有知识付费的先驱者，其中一个重要人物便是孟子。 ......
在uniapp - uni.navigateBack携带参数跳转
子页面 ``` let pages = getCurrentPages(); // 当前页页⾯实例 let nowPage = pages[pages.length -1]; //当前页⾯实例 let prevPage = pages[pages.length -2]; // 上一页面实例 // 需 ......
uniapp路由跳转后通过uni.$emit和uni.$on页面通讯后，接收到数据但是却赋值不了
原因：跳转到未渲染过的页面时，页面还没渲染就进行赋值操作，所以赋值不上去。 如果往后跳转，可以使用 uni.$emit和uni.$on页面传值。即uni.navigateBack({delta:1})，尽量不要使用uni.navigateTo（会造成页面重叠）。 能够接收到数据并赋值。 解决办法：使 ......
uniapp专栏——屏幕安全区域
## 写在前面 这些内容是在通过cli搭建的uniapp中，使用了vite4,ts4.9,vue3（组合式API,setup语法糖）。如果有版本不一致，请谨慎参考。 ## 正文 ### css方式 UNI提供的安全区CSS常量 ``` 获取上安全距离(安全区域距离顶部边界的距离)： env(safe ......
uniapp保存服务器端sessionID方案
我们知道，uniapp，小程序都不支持cookie，那么每次调用服务端api接口时，服务端提供的Set-Cookie无法自动保存，导致每次都请求都是一个新sessionID,无法完成一些正常的校验，想要解决这个问题，可以让uniapp首次加载请求时保存服务器传过来的sessionID，在之后的请求中 ......
uniapp 富文本图片100%显示
filters: { formatRichText(html) { //控制小程序中图片大小 let newContent = '' newContent = html.replace(/<img[^>]*>/gi, function(match) { match = match.replace(/ ......