高度uniapp swiper
记一次<!DOCTYPE html>引起的height100%总是屏幕高度，layui弹框top值很大超出屏幕问题
不管父元素有没有指定高度，只要有height:100% 高度就是是九百多，我屏幕的高度或者浏览器可显示区域高度 最先是swiper区域控制不了高度一致九百多，后来发现layui的checkbox span文字高度也是九百多，两个地方均有height100% layui msg 无法显示，查看源代码 ......
uniapp专栏 —— vscode报错 'uni' is not defined.
## 写在前面 这些内容基于通过cli搭建的uniapp项目，使用了vite4,ts4.9,vue3（组合式API,setup语法糖）。如果有版本不一致，请谨慎参考。 ## 正文 uni是一个全局变量，但是eslint没有识别到。 ### 避免这个错误报错 在.eslintrc.js文件中加上配置 ......
vue3,ts,vite4,uniapp设置路径别名
安装依赖 ``` npm install --save-dev @types/node ``` 配置vite.config.ts文件 ```ts // vite.config.ts import { defineConfig } from 'vite'; import { resolve } fro ......
vue3+vite4使用swiper10实现coverflow效果
<Swiper class="swiper-container mt-40px" :modules="modules" :loop="true" :autoplay="{ delay: 5000, }" :speed="1000" :slidesPerView="2" :centeredSlides ......
介绍社交论坛问答发帖系统源码-java+vue+uniapp开发前后端
前后端分离社交论坛问答发帖BBS源码，社交论坛小程序|H5论坛|，app论坛是java+vue+uniapp开发的前后端分离社交论坛问答发帖/BBS项目，包括论坛图文帖，视频，圈子，IM私聊，微信支付，付费贴，积分签到，钱包充值等论坛小程序论坛app完整功能 演示地址：www.runruncode. ......
iOS tableView中嵌套collectionView如何动态计算高度
 tableview中嵌套collectionview的使用场景经常见，一般都是collectionview高度写死，那么 ......
iOS 动态布局计算可视区域tableView的高度
一般我们计算tableView的高度通过contentSize属性去拿，但是如果我们cell的高度是动态的，拿到的高度就不准确，如何能拿到可视区域tableView的高度，可以通过以下方式： ``` /// 计算tableView的高度 [self.tableView reloadData]; NS ......
iOS 苹果授权登录（Sign in with Apple）系列之uniapp篇
官方网址 https://uniapp.dcloud.net.cn/tutorial/app-oauth.html# 代码集成 1、在 template 添加以下代码, 苹果授权登录（Sign in with Apple）是 iOS 13 才有的,做下系统版本判断 <template> <view ......
uniapp H5 解决跨域
1、请求地址：http://192.168.1.216:8080/renren-api/api/getUserInfo 2、修改 manifest.json "h5": {"devServer": { "port": 5173, //端口号 "disableHostCheck": true, "pr ......
uniapp深入浅出
一.简介 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。具有vue和微信小程序的开发经验，可快速上手 ......
uniapp中使用openlayers
相关链接 https://codeleading.com/article/25216143964/#google_vignette 例子 <template> <view id="map-id" class="map-class"></view> </template> <script> expor ......
uniapp云发布时自有证书的生成
1.需要java环境 2.生成签名：keytool -genkey -alias mytest -keyalg RSA -keysize 2048 -validity 36500 -keystore mytest.keystore（mytest表示签名文件的名称） 3.查看签名：keytool -l ......
uniapp 如何使用插件
1.需要申请 腾讯地图的key，小程序中>设置>第三方设置>申请开通腾讯位置服务后 ，下方会多一个插件管理模块，点击详情会有插件的appid在下面添加插件中能用到，key配置的授权的appId 就是项目的appid，注意：状态这里需要通过才能使用，具体代码参考图一 2.在uniapp中的 manif ......
直播app开发搭建，uniapp中微信小程序账号登录
直播app开发搭建，uniapp中微信小程序账号登录 <template><view> <!-- 登录适配 --> <!-- 最新版登录方法 --><button type='primary' @tap="getUserProfile">新 </button> <!-- 老版本登录方法 --><bu ......
uniapp请求数据流在真机上预览pdf
1.请求后端的数据流 image-tools.js的代码自行到网上下载，放到utils文件夹里 //映入image-tools插件import { base64ToPath } from '@/utils/image-tools.js'//省略部分代码.....//请求数据流方法lookBg() { ......
uniapp 在app和小程序端使用webview进行数据交互
结论：app端支持比较好可以做到实时传递，微信小程序支持比较差，小程序向url传参只能通过url，url向app传参需要特定时机（后退、组件销毁、分享、复制链接）触发才能收到消息。 以下是代码 app端（需要使用nvue） <template> <view class="webview-box"> ......
前端echarts组件问题合集（渲染、传参、高度...）
1、echarts环形图设置主标题text和副标题subtext在环形图中居中显示 可以通过设置主标题和副标题的textAlign来设置，title textAlign methods: { initChart() { let self = this; // {height:'250px'} 设置t ......
uniapp使用canvas在弹窗中绘制二维码，弹窗滚动及二维码样式问题
1.背景描述：在页面上点击显示二维码图标，然后以弹窗的形式将二维码展示出来 2.效果如下： 3.代码如下： <template> <view> <!-- 二维码 --> <view @click="showQRcode">二维码</view> <!-- 显示二维码弹窗 --> <uni-popup ......
接口返回数据后，将其渲染到swiper上，但样式没发生改变
var swiper = new Swiper("#swiper1", { slidesPerView: 3, observer:true, observeParents:true, grid: { rows: 2, }, spaceBetween: 30, pagination: { el: ". ......
uniapp windows 上架 apple store
需要公司提供苹果开发者账号即可 1. 打开苹果开发者官网 点击打开链接 2.点击这个选项打开开发者配置 需要注册账号并花钱加入成为开发者才会显示这个选项，一般公司会提供苹果开发者账号的 3. 先配置证书Certificates 4.这里需要上传一个CSR文件 5.生成CSR文件 需要去这个网站 12 ......
uniapp 微信小程序 camera 组件，测试版和体验版都正常，上线后全量发布扫码就是白屏，
解决办法：需要更新隐私协议 右边菜单最下面“设置”—拖到下方服务内容声明块--去完善用户隐私保护指引 ......
2023-07-12 uniapp之微信小程序使用canvas时层级太高遮住其他页面如何处理？
前言：如题。 原因：app-vue和小程序框架，渲染引擎是webview的。但为了优化体验，部分组件如map、video、textarea、canvas通过原生控件实现，原生组件层级高于前端组件（类似flash层级高于div）。—— uniapp 解决方案： 1.使用cover-view，该方案由u ......
uniapp微信小程序分包
1.在manifest配置以下节点，可以在App端启动分包。查看文档 "app-plus": { "optimization": { "subPackages": true }, "runmode" : "liberate" // 开启分包优化后，必须配置资源释放模式 } 一旦在pages.json ......
2023-07-12 vue this.$set设置子组件内的值无效（uniapp+vue）
前言：怎么说呢，子组件内嵌套了多层对象和数组，业务逻辑也是在子组件内处理，如何修改多层嵌套的对象数组的值？ vue提供了一个this.$set方法去改变对应的值，实测在uniapp打包的微信小程序中无法使用该方法，而在Android端则可以，那有没有两全其美的方法？ 答案是有，在修改深层次的值时可以 ......
2023-07-11 uniapp之小程序input设置字号大于其默认高度，无法撑起字号设定的高度
前言：在小程序中input的默认最小高度为1.4rem，假如我要设定的input输入的字体为64rpx，那实际上，input的高度还是显示为1.4rem，但在Android端则不会出现这种情况。 原因：小程序端默认input样式导致。 解决方案：手动设置min-height: 64rpx。 ......
CSS 父元素没有设置高度，子元素如何跟父元素保持一样的高度？
 如上图所示，height 属性需要让父元素有高度，所以，h2 的 `::before` 设置 ......
视频直播系统源码，uniapp滚动加载 下拉刷新
视频直播系统源码，uniapp滚动加载 下拉刷新 滚动加载 滚动加载指的是当用户滑动页面到底部时，自动加载更多数据。在uniapp中，我们可以通过监onReachBottom来实现滚动加载。 onReachBottom 页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。 ......
uniapp中使用极光推送
1、注册极光账号 2、注册几个主流手机厂商的开发者账号（注册手机厂商，可以保证app进程不在的时候走厂商通道推送消息） 3、配置uniapp极光插件 https://ext.dcloud.net.cn/plugin?id=4028 https://ext.dcloud.net.cn/plugin?i ......