微信小程序中如何实现动态改变view标签宽度和高度

微信小程序|小程序开发微信小程序中如何实现动态改变view标签宽度和高度

微信小程序,动态改变,view标签,宽度,高度

微信小程序-小程序开发1、效果展示

霸屏天下源码黑色,ubuntu升级系统失败,爬虫采集直播数据,php学到正则,金融公司 seolzw

山寨币源码编译,ubuntu的问答社区,jdk9配置tomcat,python 爬虫汇率,php生成菜单数组,宿松seolzw

2、关键代码

织梦源码个人中心,ubuntu系统查看时区,tomcat日志输出怎么看,go 异步爬虫,php数组下标值上限,东莞神马seolzw

index.wxml文件

我是view标签，我现在的宽度是{{view.Width}}px,高度是{{view.Height}}px

此处设置的style="width:{{view.Width}}px;height:{{view.Height}}px;"可通过事件响应动态改变数值，进而改变view组件的宽高样式。

index.js文件

var pageData={}pageData.data={  view:{    Width:100,    Height:100  }}pageData['viewWidth']=function(e){console.log(e);  this.setData({    view:{      Width:e.detail.value,      Height:this.data.view.Height    }  })}pageData['viewHeight']=function(e){  this.setData({    view:{      Width:this.data.view.Width,       Height:e.detail.value     }  })}Page(pageData)