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也能生效。
有更好解决办法的希望能留言互相学习。