首页 前端知识 uniapp动态修改样式,使用style动态修改样式,避坑

uniapp动态修改样式,使用style动态修改样式,避坑

2024-02-29 12:02:26 前端知识 前端哥 261 19 我要收藏

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也能生效。

有更好解决办法的希望能留言互相学习。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2948.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!