Hml
放大缩小
Css
.container {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.box{
flex-direction: column;
justify-content: center;
align-items: center;
width: 400px;
height: 400px;
}
Js
import prompt from '@system.prompt';
let width = 200;
let height = 200;
export default {
data: {
widthVal:width,
heightVal:height,
},
enlarge(){
if (width < 400) {
width +=10;
height +=10;
this.widthVal = width
this.heightVal = height
}else {
prompt.showToast({message:"已经达到最大"})
}
},
decrease(){
if (width > 180) {
width -=10;
height -=10;
this.widthVal = width
this.heightVal = height
}else{
prompt.showToast({message:"不能再缩小了"})
}
},
}
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。
举报投诉
-
鸿蒙系统
+关注
关注
183文章
2605浏览量
65252 -
HarmonyOS
+关注
关注
79文章
1780浏览量
29234
发布评论请先 登录
相关推荐
多个波形图同时放大缩小
比如我现在与三个波形图,需同时放大缩小里面的波形。用的波形图,波形图没有“分格显示曲线”这个功能,波形图表可以。所以用了多个波形图来同时显示,怎么样才能放大缩小三个波形。。。。
发表于 11-22 12:00
【组件资料】HarmonyOS三方件开发指南
显示。1.2.模拟器上运行效果:2、HarmonyOS三方件开发指南——AsyncHttpHarmony组件1.AsyncHttpHarmony功能介绍1.1.组件介绍在做HarmonyOS
发表于 03-21 11:18
HarmonyOS应用开发-放大与缩小效果展现
Hml 放大缩小 Css.container { flex-direction: column; justify-content: center; align-items: center
发表于 04-08 10:52
HarmonyOS应用开发-ClickableImageJsDome体验
的设计。本DEMO主要涉及到的页面元素有有image,image-animator,展现图片资源在界面交互中几种常见运用效果。旨在帮助开发人员快速了解HarmonyOS JSUI应用的
发表于 06-18 11:42
HarmonyOS应用开发-StepsCard体验
一、组件说明使开发人员了解HarmonyOS中JS卡片的开发,包含卡片的创建、更新、删除功能,以文字的方式展现了用户当日行走的步数及路程,以进度条的方式
发表于 08-18 10:32
HarmonyOS/OpenHarmony应用开发ServiceAbility开发体验
,即使用户切换到其他应用,Service仍将在后台继续运行。接口说明开发体验:注册Service示例效果:示例代码:https://gitee.com/jltfcloudcn/jump_to/tree
发表于 12-09 10:40
ad22.11.2版放大缩小问题
ad22.11.2版不能按住鼠标中键拖动放大缩小,可以用ctrl+滚轮放大缩小,不知道什么原因。电脑配置 13400Fcpu 32G内存,固态硬盘gtx750显卡,感觉好像不是电脑配置
发表于 03-11 07:59
HarmonyOS 应用开发-ClickableImageJsDome体验
的设计。本DEMO主要涉及到的页面元素有有image,image-animator,展现图片资源在界面交互中几种常见运用效果。旨在帮助开发人员快速了解 HarmonyOS JSUI应用
评论