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-PLUS
   me.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

相关推荐
不可求~8 小时前
多模型路由怎么落地:把任务分流写进项目的最小实现
java·前端·数据库
AC赳赳老秦11 小时前
公开图片 OCR 数据提取:OpenClaw 合规采集公开信息图,识别文字与表格并转化为结构化数据
java·大数据·前端·数据库·python·php·openclaw
谢慧琼11 小时前
2026零基础做企业网站,低成本搭建官方网站
服务器·前端·javascript
weixin_4316004412 小时前
前端数据埋点(1):一次点击如何变成一条埋点
前端·js·数据埋点
IT_陈寒12 小时前
Python线程池吞了异常还不告诉我,这谁顶得住啊
前端·人工智能·后端
计算机魔术师13 小时前
同样是AI辅助建造,为什么有的游戏三个月就烂尾了?
前端
用户9210802628613 小时前
0. 做 Agent 产品,前端 AI 组件框架怎么选?
前端
拾年27514 小时前
React Hooks 进阶篇:useMemo / useCallback / useReducer / useImperativeHandle,用「算账 +
前端·javascript·react.js
Jackson__14 小时前
面试官:如何在老项目中使用新框架,并实现通信?
前端·javascript·面试