form表单中 提交按钮 内容填写完后变亮

变成这样

<div class="footer">
	<van-button	:style="{'background':(!(name && phoneNumber && fuDiAddress && bookName) ? 'rgba(236, 50, 50, 0.29)' : 'rgba(236, 50, 50, 1)'),'border-color':'white'}"color="#EC3232"
										size="large"
										type="warning"
										native-type="submit"
									>
										提交
			</van-button>
	</div>

思路 用三元运算符 把输入框的内容都不为false时 透明度为 1
有一个没有输入的时候 就是0.29的透明度
难点 在vant标签中写三元运算符

css 根据条件 动态改变样式的内容

<span @click="login" :style="{ 'line-height': infoFlag ? '0.36rem' : '1rem' }"