uview中input框和button组件的使用

710 阅读1分钟

Iuput组件

<u-input placeholder="请输入集装箱号" border="surround" prefixIcon="search"
                                prefixIconStyle="font-size: 44rpx;color: #909399" v-model="inputValue" :clearable="true" @change="change" :customStyle="{width:'480rpx',background: '#F3F3F3',bordeRadius: '10rpx'}">
</u-input>		

Button组件

<u-button text="查询" @click="getBoxData" type="primary"
:customStyle="{height:'60rpx',width:'120rpx',lineHeight:'60rpx',textAlign:'center',marginLeft:'20rpx',marginTop:'-6rpx'}">
</u-button>