@beeapi/nutui
Version:
一套轻量级移动端Vue组件库
5 lines • 3.11 kB
CSS
/*!
* @beeapi/nutui v2.2.10 - cell.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
* (c) 2017-2020 JDC
* Released under the MIT License.
*/.nut-cell{display:block;padding:0 10px;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}.nut-cell.nut-cell-link:active{background-color:#f6f6f6}.nut-cell .nut-cell-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;min-height:48px;background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,85.5%,.5)),to(hsla(0,0%,85.5%,.5)));background-image:-o-linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));background-image:linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));background-size:100% 1px;background-repeat:no-repeat}.nut-cell .nut-cell-left{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.nut-cell .nut-cell-title{display:block;line-height:1.5;font-size:14px;color:#2d2d2d}.nut-cell .nut-cell-sub-title{display:block;line-height:1;font-size:12px;color:#848484;margin-top:5px}.nut-cell .nut-cell-sub-title:empty{display:none}.nut-cell .nut-cell-right{font-size:12px;color:#848484}.nut-cell .nut-cell-icon,.nut-cell .nut-cell-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.nut-cell .nut-cell-icon img{height:14px;margin-left:10px}.nut-cell:first-of-type{background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,85.5%,.5)),to(hsla(0,0%,85.5%,.5)));background-image:-o-linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));background-image:linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));background-size:100% 1px;background-repeat:no-repeat}.nut-cell:first-of-type .nut-cell-box{background-image:none}.nut-cell:last-of-type{background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,85.5%,.5)),to(hsla(0,0%,85.5%,.5)));background-image:-o-linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));background-image:linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));background-size:100% 1px;background-repeat:no-repeat;background-position:bottom}.nut-cell:only-of-type{background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,85.5%,.5)),to(hsla(0,0%,85.5%,.5))) bottom,-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,85.5%,.5)),to(hsla(0,0%,85.5%,.5))) top;background:-o-linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5)) bottom,-o-linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5)) top;background:linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5)) bottom,linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5)) top;background-size:100% 1px;background-repeat:no-repeat}