前言

uView 文檔的效果不是ui設(shè)計(jì)的樣式 需要重新編輯

• 原效果
  

ui設(shè)計(jì)效果

解決方案

設(shè)置里說(shuō)明的需要傳一個(gè)樣式對(duì)象
這個(gè)對(duì)象 需要寫(xiě)在 script 標(biāo)簽里面
這里需要遵循駝峰命名 比如font-size 改為 fontSize
lineHeight和textAlign為水平錘子居中效果

searchStyle: {background: '#F62F33',width: '105rpx',height: '60rpx',borderRadius: '30rpx',fontSize: '28rpx',color: '#FFFFFF',lineHeight:'60rpx',textAlign:'center'}

實(shí)現(xiàn)效果

差不多是這樣的效果