绘画 海报uniapp canvas
vue3+typescript +uniapp中select标签
` ` ts的代码： `` 相当于 v-model ` ` 主要是因为 uniapp 的v-model 编译之后无法支持 微信小程序，所以要麻烦很多 转成 :value + @change 来实现 ......
微信小程序隐私保护协议修改方法 uniapp
微信隐私保护协议指南 一天天没事闲的 01 在manifest.json 中添加一行 "__usePrivacyCheck__" : false 02 自定义一个弹窗组件 这个弹窗样式随便 主要得包含三个功能组件 1、用于调用wx.openPrivacyContract() Api wx.openP ......
uniapp 读取安卓本地json或txt文件
代码： ```` /** * 读取文件 * @param {string} path - 文件的绝对路径 */ function readFile(path) { const filePath = plus.io.convertLocalFileSystemURL(path); const fil ......
uniapp项目实践总结(十)自定义滑动触摸组件
> 在 APP 的日常开放过程中，我们经常可以看到上拉刷新、下拉刷新、左滑、右滑、触底加载等效果，那其中的原理是如何呢，又是如何实现的呢，下面就一探究竟。这篇文章主要是讲述自定义滑动触摸组件的方放，兼容网页 H5 端、微信小程序端和 App 端。 ## 目录 * 准备工作 * 原理分析 * 组件实现 ......
在uniapp中如何将PDF或者XML文件转化成base64？
场景：如何将获取到的内网服务器的文件，传给我们的后台，把文件保存下来？ 1.使用uni.downloadFile() 获取到文件的临时路径 2.uniapp导入安装的的插件“image-tools”，把临时路径转化成base64传给后台。 注意点：如果同时解析多个xml文件，后台可能会接收到乱码的情 ......
uniapp 腾讯地图 实现导航
在unipp小程序开放平台上申请，不申请无法使用 申请成功后，点击详情，appID很重要，微信小程序是写在app.json里，uniapp是写在源码视图里 文档介绍(https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/u ......
AI绘画：StableDiffusion实操教程-完美世界-魔女（附高清图下载）
前段时间我分享了StableDiffusion的非常完整的教程：“[AI绘画：Stable Diffusion 终极宝典：从入门到精通](https://y3if3fk7ce.feishu.cn/docx/KqEMdhJigoFY8fxc9TPcwMninKf) ” 尽管如此，还有读者反馈说，尽管已 ......
avue表单组件后台拖拉拽框架avue-form-design在移动端vant框架与uniapp框架下的动态渲染转换适配
**avue表单组件后台拖拉拽框架avue-form-design：https://github.com/sscfaith/avue-form-design** **avue表单组件后台拖拉拽框架avue-form-design在移动端vant框架与uniapp框架下的动态渲染转换适配** 待补充 ......
uniapp检查更新并显示下载进度（2）
## 1、App.vue文件 ``` ``` ## 2、appUpdate.js文件 ``` //APP更新 import { http } from '@/common/service/service.js' export default function appUpdate() { uni.re ......
uniapp切换主题颜色（后台管理系统）
需求：在现有已经做好的后台管理系统添加一个切换主题颜色的功能 分析：该项目用了很多uniapp的组件，css样式没有统一，类名也没有统一 使用混合mixin.scss,并使用vuex 效果图 功能：按钮背景颜色、部分样式、字体图标、分页跟随主题颜色变化也变化 每一个用户喜欢的主题颜色都不一样，后端已 ......
uniapp app端如何使用插件实现获取手机应用自定义上传
<u-button size="mini"style="background-color: #3ac908;color: #ffffff;font-size: 16rpx;width: 110rpx;height: 50rpx;" @tap="onUpload">上传</u-button> // 以 ......
uniapp小程序隐私协议弹窗组件。自2023年9月15日起，对于涉及处理用户个人信息的小程序开发者，微信要求，仅当开发者主动向平台同步用户已阅读并同意了小程序的隐私保护指引等信息处理规则后，方可调用微信提供的隐私接口
上代码 隐私组件代码 直接复制 就能用 <template> <view class="zero-privacy" :class="[{'zero-bottom':position=='bottom'}]" v-if="showPrivacy"> <view class="zero-privacy- ......
uniapp项目实践总结(八)自定义加载组件
> 有时候一个页面请求接口需要加载很长时间，这时候就需要一个加载页面来告知用户内容正在请求加载中，下面就写一个简单的自定义加载组件。 ## 目录 - 准备工作 - 逻辑思路 - 实战演练 - 效果预览 ## 准备工作 在之前的全局组件目录`components`下新建一个组件文件夹，命名为`q-lo ......
手把手教你vue3-ts-uniapp-vite创建多端小程序-3 统一ui，uni-ui库
uni-ui 官网地址https://uniapp.dcloud.net.cn/component/uniui/quickstart.html 1.安装sass、sass-loader npm install sass -D npm install sass-loader -D 2.安装uni-ui ......
手把手教你vue3-ts-uniapp-vite创建多端小程序-2 设置底部导航
1.打开项目，打开pages.json ，设置底部导航栏。注意pages中的path和tabBar中list中的path要一致 { "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" ......
手把手教你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 ......
AI绘画：StableDiffusion实操教程-斗罗大陆2-江楠楠-常服（附高清图下载）
前段时间我分享了StableDiffusion的非常完整的教程：“[AI绘画：Stable Diffusion 终极宝典：从入门到精通](https://y3if3fk7ce.feishu.cn/docx/KqEMdhJigoFY8fxc9TPcwMninKf) ” 尽管如此，还有读者反馈说，尽管已 ......
uniapp项目实践总结(七)编写一个简单的应用页面
> 之前自定义了顶部和底部导航栏，那接下来就写一个简单的二级页面，这个是出了导航页面之外经常用到的。 ## 目录 - 结构 - 模板 - 样式 - 方法 - 示例 ## 结构 一个普通页面的结构应该是如下所示： ```html 列表内容 ``` ## 模板 uniapp 内置了常用的组件，可以直接使 ......
AI绘画美女：StableDiffusion实操教程-完美世界-国漫女神云曦（附高清图下载）
前段时间分享过StableDiffusion的入门到精通教程：[AI绘画：Stable Diffusion 终极宝典：从入门到精通](https://y3if3fk7ce.feishu.cn/docx/KqEMdhJigoFY8fxc9TPcwMninKf) 但是还有人就问：安装是安装好了，可是为什 ......
uniapp项目实践总结(六)自定义顶部导航栏
> 本篇主要讲述如何自定义顶部导航栏，有时候默认导航栏不足以满足我们的需求，这时候就需要自定义导航栏来解决这个问题。 ## 目录 - 默认导航 - 修改配置 - 自定义顶部 ## 默认导航 自带的默认顶部导航设置的内容有限，不容易扩展修改，因此如果有更加个性化的需求，则需要自定义顶部导航。 配置如下 ......
uniapp随机生成图片
//生成从minNum到maxNum的随机数 randomNum(minNum, maxNum) { switch (arguments.length) { case 1: return parseInt(Math.random() * minNum + 1, 10); case 2: return ......
canvas 贝塞尔曲线绘制动态流动线
效果如下： 无意看到类似上图效果，就想着自己复现下，也熟悉下canvas方法。为了方便计算，我把每个tab列表等分10份，每个192px，渐变色长度为192 X 2;曲线是通过三次贝赛尔曲线绘制的，曲线运动是通过这个drawCurvePath方法，根据曲线的占比绘制曲线，具体代码如下： <!DOCT ......
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 ......