当前位置: 首页 > news >正文

uniapp转app时,cover-view的坑

文字不换行

问题描述:一段文字只能一行显示,超出部分不显示

解决方案:给cover-view添加white-space: normal;样式,并且要添加合适的高度,且不要加line-height

cover-view内容不显示

问题描述:cover-view中所有的内容都不显示

解决方案:cover-view包含了不能识别的标签,里面只能包含cover-view和cover-image标签

添加点击事件无效

问题描述:给cover-view添加的点击事件没有效

解决方案:需要添加在内部标签上

v-if在true变为false后的cover-view元素无法消失

问题描述:v-if由false变为true可以正常显示,但是由true变为false时cover-view元素无法消失

解决方案:在<cover-view v-if="条件"></cover-view>下面加一个空的<cover-view v-else></cover-view>

cover-view内部元素在页面显示两遍

问题描述:只写了一个cover-view,页面确显示了两个一样的内容

解决方案:尝试在外面再包一层cover-view标签

cover-view里面的动态数据不显示

问题描述:动态数据的值由接口获取,打印正常确无法渲染

解决方案:先给一个初始值,不能为空字符串

cover-view定位

问题描述:position:fixed不稳定

解决方案:换成position:absolute

map在app端可以触发regionchange但是无法监听执行了什么操作

问题描述:当拖动地图时可以触发regionchange事件,但是e.type打印出来时regionchange, e.causedBy打印出来时undefined,无法判断是缩放还是移动了地图

解决方案:直接在regionchange函数中用mapContext 对象的方法获取,比如获取缩放比例MapContext.getScale(),每次获取都判断可上次是否一致不一致则说明地图被锁放了,执行相应函数

regionchange(e) {// #ifdef APP-PLUSme.map.getScale({success: (res) => {console.log('当前缩放级别:', res);if (me.mapScale != res.scale) {console.log('缩放级别不同执行相应的事件')me.mapScale = res.scale;//替换旧值  }}
});
//#endif

cover-view只支持基本的定位、布局、文本样式。不支持设置单边的border、background-image、shadow、overflow: visible

http://www.dtcms.com/a/315570.html

相关文章:

  • uniapp云打包打包安卓app失败,显示:本地安装包生成失败,请重试或者切换到非安心打包模式进行打包
  • uniapp Android App集成支付宝的扫码组件mPaaS
  • ubuntu-server安装
  • RabbitMQ面试精讲 Day 11:RabbitMQ集群架构与节点类型
  • 解决错误nvcc fatal : Unsupported gpu architecture ‘compute_86‘
  • 概率论角度: Laplace 算子和分数阶 Laplace 算子
  • BLE 安全连接:LE Secure Connections 与椭圆曲线密钥交换面试高频考点与真题解析
  • C++信息学奥赛一本通-第一部分-基础一-第2章-第1节
  • AlmaLinux8 平替 manylinux_2_28-python 的 GPG密钥管理、安装 cuda sdk
  • 使用ProxySql实现MySQL的读写分离
  • 2.3 子组件样式冲突详解
  • 浏览器冷启动与热启动机制全解析:原理、案例与性能优化实战
  • NuGet03-私有仓库搭建
  • HTML 媒体元素概述
  • DashVector专有网络
  • DDoS 防护的未来趋势AI 如何改变安全行业
  • Baumer相机如何通过YoloV8深度学习模型实现工厂自动化产线牛奶瓶盖实时装配的检测识别(C#代码UI界面版)
  • Pseudo Pseudo Random Numbers
  • Docker使用的常见问题
  • 《BFC的深层逻辑与全域应用》
  • 目标检测、分割的数据增强策略
  • 前端安全攻防
  • CVE-2017-8291源码分析与漏洞复现(PIL远程命令执行漏洞)
  • Kafka-Eagle 安装
  • LeetCode——2411. 按位或最大的最小子数组长度
  • 工业级 CAN 与以太网桥梁:串口服务器CAN通讯转换器深度解析(上)
  • 【Git】git提交代码报错Git: husky > pre-commit
  • 【java】大数据insert的几种技术方案和优缺点
  • 机器学习——集成学习(Ensemble Learning)详解:原理、方法与实战应用
  • 机遇识别与商业变革:基于开源AI大模型、AI智能名片与S2B2C商城小程序的协同创新研究