微信小程序组件高度调整难题：攻克!important限制
在微信小程序开发中，调整组件高度常常令人头疼，即使使用了!important也可能无效。本文将针对一个实际案例，讲解如何突破!important限制，成功修改组件高度。
问题描述中，组件高度已使用!important，但仍需调整。这通常是因为组件内部使用了CSS变量控制高度。
经分析，该组件使用--calendar-confirm-button-height CSS变量控制按钮高度，代码类似于：height: var(--calendar-confirm-button-height, 36px)!important; 这意味着高度默认值为36px，可通过修改--calendar-confirm-button-height变量来改变。
解决方法：直接修改CSS变量。由于组件库（例如@vant）通常不会定义全局CSS变量，我们可以在小程序的全局样式文件app.wxss中添加如下代码覆盖默认值：
<code>page {
--calendar-confirm-button-height: 100px; /* 替换成你所需的高度 */
}</code>
通过在app.wxss中设置--calendar-confirm-button-height的值，所有使用该变量的组件高度都会被修改。请注意，此方法仅在支持var()函数的浏览器中有效。 将100px替换为你期望的高度值即可。
