关于uview框架中u-input样式无法调整的问题

最开始是根据uview官网2.x版本来写的，地址如下

Input 输入框 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架

结果样式无法调整，然后将u--input改成了u-input，写法如下：

<div class="top-box">
					<div>您有{{itemData.length}}位来访者</div>
					
						<u-input class="u-input" placeholderClass="place-class" placeholder="请输入来访者姓名，支持模糊搜索"
							border="surround" shape="circle" fontSize="28px" placeholderStyle="font-size:28px"
							v-model="value" @change="change" style="width:450px!important;background: #fff;"></u-input>
						<u-button shape="circle" class="searchButton">搜索</u-button>
						<u-button shape="circle" class="resetButton">重置</u-button>
					
				</div>

后来发现在上面嵌套了一个盒子之后就生效了

<div class="top-box">
					<div>您有{{itemData.length}}位来访者</div>
					<div>
						<u-input class="u-input" placeholderClass="place-class" placeholder="请输入来访者姓名，支持模糊搜索"
							border="surround" shape="circle" fontSize="28px" placeholderStyle="font-size:28px"
							v-model="value" @change="change" style="width:450px!important;background: #fff;"></u-input>
						<u-button shape="circle" class="searchButton">搜索</u-button>
						<u-button shape="circle" class="resetButton">重置</u-button>
					</div>
				</div>