高度uniapp swiper
swiper---设置鼠标移入关闭自动播放
在使用swiper的时候，特别是在做轮播图的时候，我们的期望是当鼠标移入，关闭自动播放，鼠标移出的时候，自动播放。 var swiper = new Swiper('#swiper',{ watchSlidesProgress:true, slidesPerView:'auto', centered ......
uniapp实现背景颜色跟随图片主题色变化（多端兼容）
最近做 uniapp 项目时遇到一个需求，要求模仿腾讯视频 app 首页的背景颜色跟随 banner 图片的主题颜色变化，并且还要兼容 H5、APP、微信小程序三端。 由于项目的技术栈为 uniapp，所以以下使用 uni-ui 的组件库作为栗子。 需求分析 腾讯视频 app 效果如下： 从上图看出 ......
一个公共的swiper组件，swiper版本是3.4.2
import { getBannerList } from "@/utils/request/banner";import Swiper from "swiper";import {WOW} from "wowjs";export default { data() { return { banner ......
uniapp使用uni.uploadFile上传单文件内容
在uniapp中使用文件上传，一般使用uni.uploadFile，下面是一个单文件上传案例 uni.uploadFile({ url: uploadUrl, name: "file", // 上传的file的名称 formData: formData, // 除了文件内容的其他需要formdata ......
uniapp使用富文本组件editor获取不到data内数据的问题
vue2 在使用 uniapp 官方提供的 editor 富文本编辑器组件时，代码需求需要获取到富文本组件内的输入值并通过接口发送给后端，在editorContext.getContents内无论如何都无法将获取到的输入值存入data(){}内，最后通过修改this指向成功获取。 ......
uniapp的app苹果应用商店上架最简教程
除了测试版本之外，uniapp打包好的ipa文件是无法直接安装在普通用户的手机上面，这是苹果的证书和描述文件的机制的原因。 因此我们需要将打包好的ipa文件上架到苹果应用商店，也就是app store。 下面我整理了一篇全程不需要mac os电脑参与的上架苹果应用商店的教程。 教程的第一步，首先需要 ......
畅联云杂谈三：未来三年畅联云要达到什么高度才不负韶华？
作为畅联云（www.24hlink.cn）的主要缔造者，我对畅联云期望值很高，希望三年内畅联云能达到以下三个具体目标： 一、从设备接入量来看：视频路数超百万，物联网设备超千万。 证明技术成熟的最直接指标就是设备接入能力和接入数量。目前畅联云视频接入能力非常稳定可靠，协议也很丰富，基本覆盖了市场上90 ......
uniapp和小程序面试题
uniapp进行条件编译的两种方法？小程序端和H5的代表值是什么？ 通过 #ifdef、#ifndef 的方式 H5 ： H5 MP-WEIXIN ： 微信小程序 uniapp的配置文件、入口文件、主组件、页面管理部分 pages.json 配置文件 main.js 入口文件 App.vue 主组件 ......
uniapp页面标题隐藏（page-head）
使用uni-app生成页面时，会发现默认生成的页面是带了导航栏 如果所有页面都不需要这个导航栏了，可以在App.vue的公共样式<style>代码中添加 /* #ifdef H5 */ uni-page-head { display: none; } /* #endif */ 如果只是当前页面不需要 ......
uniapp-welive仿微信/抖音直播带货|uni-app+vue3+pinia短视频直播商城
基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播，Nvue多视频层级覆盖，支持 ......
Virtual Heightfield Mesh（虚拟高度场网格）
Unreal Engine中的Virtual Heightfield Mesh（虚拟高度场网格）是一种技术，用于高效地渲染大规模的地形。这项技术允许你创建广阔、详细的地形，同时保持良好的性能和较低的内存占用。它是利用现代图形硬件的能力来实现的，特别是对于那些要求大范围开放世界环境的游戏和模拟项目来说 ......
『UniApp』uni-app-打包成App
前言 大家好，我是 BNTang, 在上一节文章中，我给大家详细的介绍了如何将我开发好的项目打包为微信小程序并且发布到微信小程序商店 趁热打铁，在来一篇文章，给大家详细的介绍如何将项目打包成APP。 正文 打包 App 也是一样的，首先需要配置关于 App 应用的基础信息，打开 manifest.j ......
【vue】,封装的table组件，table表格超出高度自适应滚动效果，设置页面全局统一自适应高度
需求背景：为了使后台页面的 table 列表页面始终保持统一的高度，无论我们的列表数据有多少都只占一个屏幕的高度，如果 table 表格的数据太多，只滚动table 表格的数据，页面高度保持不变；使用 window.onresize 监听浏览器的高度： // tableHeight: 为 el-ta ......
uniapp 的一键登陆
anifest.json 中的 "sdkConfigs" 配置，删除一键登录 univerify uni.login({ provider: 'univerify', univerifyStyle: { fullScreen: true } }) ......
【UniApp】-uni-app-打包成小程序
前言 大家好，我是 BNTang, 在上一节文章中，我给大家详细的介绍了如何将我开发好的项目打包为网页。 趁热打铁，在来一篇文章，给大家详细的介绍如何将项目打包为小程序。 正文 打开微信小程序呢，其实还是需要进行一些相关的配置的 首先打开微信小程序的配置页面找到 manifest.json 文件 打 ......
【UniApp】-uni-app-打包成网页
前言 经过上一篇文章的介绍，已经将这个计算器的计算功能实现了，接下来就是我们项目当中的一个发包上线阶段，我模拟一下，目的就是为了给大家介绍一下，uni-app是如何打包成网页的。 除了可以打包成网页，uni-app还可以打包成小程序、App、H5、快应用等等，后面在单独开文章详细介绍。 正文 接着上 ......
uniapp,微信小程序分享页面时的标题和内容
在UniApp小程序中，分享时的标题通常是在分享内容中指定的。您可以在调用分享API时设置标题，具体取决于您使用的平台。 对于微信小程序，您可以使用wx.shareAppMessage方法来分享内容。在分享的数据中，可以设置title字段来指定分享的标题。例如： javascript复制代码 wx. ......
Uniapp的android版本的证书制作
一、查看Java安装路径 java -XshowSettings:properties -version 二，生成证书指令 Enter keystore password: //输入证书文件密码，输入完成回车 Re-enter new password: //再次输入证书文件密码，输入完成回车 Wh ......
uniapp之uni.showModal 弹出多次导致重叠问题
uniapp之uni.showModal 弹出多次导致重叠问题 场景： 端口权限过期后提示权限过期。但是同时调用多个接口导致多次报错弹窗。 代码： if (code && code == 401) { let exists = uni.getStorageSync('token_expired') ......
【UniApp】-uni-app-项目计算功能(苹果计算器)
前言 本文主要介绍苹果计算器项目中计算功能的实现 在前面的文章中已经实现了输入，动态计算字体大小，以及计算器的布局 本文主要介绍计算功能的实现 正文 实现/清空/改变正负/除以100 inputText 已经实现了，接下来实现 operator 的功能，operator 方法在之前的文章中已经定义好 ......
Uniapp判断运行环境，小程序-公众号-H5-APP
直接上代码 // #ifdef H5 var app_type = this.isWeiXin() ? 'wechat' : 'h5'; var app_type_name = this.isWeiXin() ? '微信公众号' : 'H5'; // #endif // #ifdef MP-WEIX ......
uniapp 微信支付，小程序支付，支付宝支付问题汇总
背景介绍 uni-app 可以转微信小程序或直接打包 APP ，支付模块使用统一方法 uni.requestPayment 但是不同平台参数不同容易出现混淆错乱。 相关网站 uni-app 统一支付： https://uniapp.dcloud.net.cn/api/plugins/payment. ......
uniapp开发——打包安装后打开应用提示“当前应用运行在自定义基座中，发布正式版请打包时不要勾选自定义调试基座”
Android Studio项目目录中，找到app/src/main/assets/data/dcloud_error.html,把syncDebug的值改为true就可以了 ......
【UniApp】-uni-app-动态计算字体大小(苹果计算器)
前言 本文主要介绍uni-app中动态计算字体大小的方法 原因呢就是在上一篇文章当中我发现输入的内容已经超过了展示区域 于是我就想到了动态计算字体大小的方法，这样就可以保证输入的内容不会超过展示区域 正文 首先要改造的是 style="font-size: 180rpx;" 这里不能直接写死，而是要 ......
关于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 ......