背景uniapp
uniapp开发——打包安装后打开应用提示“当前应用运行在自定义基座中，发布正式版请打包时不要勾选自定义调试基座”
Android Studio项目目录中，找到app/src/main/assets/data/dcloud_error.html,把syncDebug的值改为true就可以了 ......
【UniApp】-uni-app-动态计算字体大小(苹果计算器)
前言 本文主要介绍uni-app中动态计算字体大小的方法 原因呢就是在上一篇文章当中我发现输入的内容已经超过了展示区域 于是我就想到了动态计算字体大小的方法，这样就可以保证输入的内容不会超过展示区域 正文 首先要改造的是 style="font-size: 180rpx;" 这里不能直接写死，而是要 ......
flutter中背景图片（动态图片）
单页面设置背景图片 使用 Container 组件和 decoration 属性： 优点：简单易用，适用于大多数情况下的页面背景设置。 缺点：无法控制背景图片的位置和层级。 class MyBook extends StatelessWidget { const MyBook({super.key} ......
关于uniapp设置头部固定，内容区域滚动，不同手机显示表现不一致的问题
问题 若固定了头部元素区域高度，比如固定的rpx，vh等，在其他手机中可能出现部分空白，导致界面不协调。我的解决方案是自动计算出头部区域元素的高度，让内容区域自动设置外边距 方案 使用了 unaipp提供的 uni.createSelectorQuery() 方法来获取头部区域的高度。首先，通过 r ......
【UniApp】-uni-app-处理项目输入数据(苹果计算器)
前言 上一篇文章完成了项目的基本布局，这一篇文章我们来处理一下项目的输入数据 项目的输入数据主要是通过按键来输入的，所以我们需要对按键进行处理 那么我们就来看一下 uni-app-处理项目输入数据 步入正题 在上篇文章中，我在 data 中定义了一个 buttons 每个元素中，有一个 func 属 ......
【UniApp】-uni-app-项目实战页面布局(苹果计算器)
前言 经过前面的文章介绍，基本上 UniApp 的内容就介绍完毕了 那么从本文开始，我们就开始进行一个项目的实战 这次做的项目是苹果计算器，这个项目的难度不是很大，但是也不是很简单，适合练手 创建项目 打开 HBuilderX，点击左上角 文件 -> 新建 -> 项目： 搭建基本布局 项目创建完毕之 ......
uniapp map地图 多边形中心点
需求：用户进入页面，页面展示电子围栏中心点， 技术栈：uniapp+map地图 效果图： ：：接口未返回中心点的经纬度，需要前端计算中心点在哪里 代码： centerList() { let newArr = this.arrRed.map(item => { item.latitude = Num ......
[转载]使用GoEasy在uniapp下实现实时音视频通话附关键代码
GRTC （GoEasy Real-Time Communication）是GoEasy推出的新功能，用于协助开发者在uniapp下轻松实现一对一和多人场景下的实时音视频通话功能。 集成步骤 1. 配置云厂商音视频服务GRTC功能依赖于云厂商的音视频服务，目前已集成七牛云音视频服务(每月免费5000 ......
Uniapp开发：HBuilder开发工具从Git引入的项目文件修改后不区分显示标识的问题
一、问题如下 使用的HBuilder X版本：3.98 Git插件已安装： 项目结构如下： 右击项目目录，在git命令中-》检查已修改，可以发现还是能检索到修改过的文件： 文件是有修改过的，但是在上图中没有任何的修改标识，这些文件也没有添加到.gitignore配置中。 二、问题解决 配置git环境 ......
DevExpress中使用BandGridView实现复合（多行）表头、设置多行表头背景颜色、表格边框颜色
一、实现效果 二、 实现方法 2.1、创建复合表头 ①将创建的GridControl下的GirdView1转化为BandGridView类型； ②创建需要展示的列（指定列的名称【Name】、描述【caption】、数据字段名称【FieldName】） ③绑定列实现复合表头。 注意：如果复合表头有多行 ......
[转载]使用GoEasy在uniapp下实现实时音视频通话附关键代码
GRTC （GoEasy Real-Time Communication）是GoEasy推出的新功能，用于协助开发者在uniapp下轻松实现一对一和多人场景下的实时音视频通话功能。 集成步骤 1. 配置云厂商音视频服务GRTC功能依赖于云厂商的音视频服务，目前已集成七牛云音视频服务(每月免费5000 ......
uniapp返回上一个页面
在 UniApp 中返回上一个页面，你可以使用 uni.navigateBack() 方法来实现。 uni.navigateBack() 方法用于导航返回上一页，你可以传递一个可选的参数来指定返回的步数。如果不传递参数，则默认返回上一页。 下面是一个示例代码，演示如何在 UniApp 中返回上一个页 ......
uniapp项目迁移至vue cli
目录相关资源注意事项安装vue cli使用uni-preset-vue模板创建uniapp拷贝文件安装依赖main.jsuni.scsspages.jsonvue.config.jshttp请求/响应拦截器H5跨域配置运行与发布 相关资源 uni-preset-vue 源码 uniapp 官网 uV ......
【UniApp】-uni-app-自定义组件
前言 经过上个章节的介绍，大家可以了解到 uni-app-网络请求的基本使用方法 那本章节来给大家介绍一下 uni-app-自定义组件 的基本使用方法 原本打算是直接写项目的，在写项目之前还有个内容需要我在码一篇文章，所以就先码这篇文章了 本章节的内容比较简单，大家可以快速的过一遍，然后在项目中使用 ......
uniapp开发——未登录登录失效页面登录后页面回调的处理
刚开始默认沿用了前边小程序的做法，即在单击事件或者onHide函数中缓存标识，onShow中读取标识，对必要的业务逻辑进行重新请求。具体代码如下： 微信小程序登录后页面回调的处理方案： 1.缓存回调刷新标识： 单击事件中设置： methods:{ onSubmit(){ this.setData({ ......
uniapp app安卓、ios文件选择 (上传pdf word video img )等
1、hybrid 必须放在项目根目录下，不然会调用失效：如图 2、建立nvue 子窗体 代码： 1 <template> 2 <view class="nvue"> 3 <text class="popup-item" @click="clickfun">选择文件</text> 4 <text cl ......
uniapp vue3版本的scroll-view的scroll-into-view方法不生效解决
问题代码如图 bug原因 建了vue2版本和vue3版本的uniapp分别测试，vue3版本的scroll-view存在scroll-into-view不生效的问题，目前未修复（23.12.20） 解决方法，换了个思路，如图 思路：获取当前选中元素的left值，并动态绑定给scroll-left实现 ......
【UniApp】-uni-app-网络请求
前言 经过上个章节的介绍，大家可以了解到 uni-app-pinia存储数据的基本使用方法 那本章节来给大家介绍一下 uni-app-网络请求 的基本使用方法 步入正题 首先我们打开官方文档，我先带着大家看一下官方文档的介绍：https://uniapp.dcloud.net.cn/api/requ ......
uniapp之scroll-view添加自定义刷新
自定义scroll-view 下拉及复位 来自：https://ask.dcloud.net.cn/question/176935 <template> <view class="action"> <scroll-view scroll-y :style="'height:'+listHeight+ ......
在 uniapp 中为 App 添加权限告知目的
const permission = { // 初始化状态 state: { // 处理应用程序权限请求 WRITE_EXTERNAL_STORAGE: false, ACCESS_FINE_LOCATION: false, CALL_PHONE: false, CAMERA: false, REC ......
uniapp实现水印
1.新建水印文件 <template> <view class="make"> <view class="list"> <view class="item" v-for="i in 500"> <text>{{info}}</text> </view> </view> <slot></slot> < ......
【UniApp】-uni-app-pinia存储数据
前言 经过上个章节的介绍，大家可以了解到 uni-app-数据缓存 的基本使用方法 那本章节来给大家介绍一下 uni-app-pinia存储数据 的基本使用方法 经过我这么多篇章的介绍，我发现大家环境比较耗时，所以在今后的文章中，我会尽量减少环境的搭建 如果某一篇的文章环境确实是不一样的，我会在文章 ......
css渐变背景，linear-gradient()线性渐变和radial-gradient()径向渐变
1.简单的线性渐变 .layout{ width: 100%; min-height: 100vh; background: linear-gradient(#FFE8E9,rgba(0,0,0,0) 200px); } 2.层叠多层的渐变（左右+上下+背景图） .layout{ width: 10 ......
Winform控件背景透明无边框（以button为例）
其实，只要通过设置button的属性，就可以实现button的背景色为透明： 1、将button的backcolor属性设置为Transparent，该属性在web选项的第一个； 2、将button的FlatStyle属性设置为Flat。 3、如果还想将button的边框线去掉，在button的Fl ......
HTML背景图片不重复平铺
//图片不平铺解决方法body { background-size: 100% 100%;//图片大小按照父级的大小适应 background-repeat: no-repeat;//不重复 background-image: url(../BigScreen/img/hgz_bg.png); } ......
Windows10登录界面背景无法改变的解决方法
异常问题 在设置中修改登录界面和锁屏界面的背景图，修改后只有锁屏界面生效，而登录界面的没生效没报错，检查系统日志也没错误日志 解决方法 1.开始 -> 运行 -> 输入regedit * 也可以用win + R -> 输入regedit 2.定位注册表的位置到 HKEY_LOCAL_MACHINE\ ......
【UniApp】-uni-app-数据缓存
前言 好，经过上个章节的介绍完毕之后，给大家补充了一下 uni-app-数据传递的内容 那么补充了 uni-app-数据传递的内容之后，这篇文章来给大家介绍一下 uni-app-数据缓存 搭建项目 首先我们还是要先搭建一个项目，这里我就不多说了，大家可以参考上一篇文章 搭建好项目之后，我们就可以开始 ......
【UniApp】-uni-app-数据传递补充
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-CompositionAPI传递数据 那么了解完了uni-app-CompositionAPI传递数据之后，这篇文章来给大家介绍一下 uni-app-数据传递补充（也就是在补充一点内容给到大家） 先主要介绍逆向传递数据，逆向传递数据除 ......
【UniApp】-uni-app-CompositionAPI传递数据
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-传递数据 那么了解完了uni-app-传递数据之后，这篇文章来给大家介绍一下 uni-app-CompositionAPI传递数据 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 ......