uniapp动态修改样式,使用style动态修改样式,避坑
使用echarts做柱状图套嵌在<view>
中,将xy轴颠倒后,不会自动撑大<view>
。所以打算根据计算数据条数修改图表高度。
微信小程序中。
经过查询后找到以对象的方式放入style
中,代码如下:
<view class="uChart" :style="echartClass">
data(){
return{
echartClass: {
height: "85upx"
}
}
}
不知道为什么无效,upx换车px,rpx也无效。
下面找到一种,将对象直接写到style
中
<view :style="{height: echartsHeight +'rpx'}">
data() {
return {
echartsHeight :80
}
}
这里我是写微信小程序,按照uniapp写法应该用upx,但是这里写upx无效,所以应该是根据平台使用对应的像素单位。微信小程序用的rpx,用px也能生效。
有更好解决办法的希望能留言互相学习。