![](https://csdnimg.cn/release/download_crawler_static/89331883/bg1.jpg)
蛟龙腾飞学习分享材料
HarmonyOS 应用开发-放大与缩小效果展现
Hml
<div class="container">
<div class="box">
<div style="width: {{ widthVal }};height: {{ heightVal }};
flex-direction: row;
justify-content: space-around;
align-items: center;
border: 2px;
background-color: aquamarine;
">
<button style="width: 80px;height: 30px;" onclick="enlarge">放大</button>
<button style="width: 80px;height: 30px;" onclick="decrease">缩小</button>
</div>
</div>
</div>
Css
.container {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;