list-item的宽度用百分比没有生效

nmb

<list-item type="box" class="header middle"> <swiper class="bigBanner" indicator="false"> <div class="swiperItem"> <div show="{{bol==true}}" class="search middle"> <div onclick="query"> <text class="btn">查询社保text> div> <text>一键查询您的社保账单text> div> <div show="{{bol==false}}" >div> div> <div class="swiperItem">div> swiper> <swiper class="litBanner" indicator="false"> <div class="swiperItem"> <text class="hot">热点text> <text>sdlkfatext> div> <div class="swiperItem"> <text class="hot">热点text> <text>sdlkfatext> div> swiper> list-item>

nmb

最上面是List-item里面的html结构，我给类名header的list-item宽度10%都没生效，给px就可以生效