captain-ui/lib/category/index.css

有赞vue wap业务组件库

.cap-category-container__group{position:relative;padding:20px 8px}.cap-category-container__active-title,.cap-category-container__group-title{position:absolute;top:0;left:0;right:0;padding:0 5px;background-color:#fff;font-size:12px;font-weight:400;line-height:28px;color:#3a3a3a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.cap-category-container__active-title--fixed{position:fixed;left:90px}.cap-category{position:relative;padding-left:90px;background-color:#fff}.cap-category-nav__item{padding:20px 16px;border:none}.cap-category-nav__item:after{border:none}.cap-category-nav{position:absolute;top:0;left:0;width:90px;height:100%;background-color:#f8f8f8;overflow-y:auto}.cap-category-container{position:relative}.cap-category-container__active-title{z-index:1}.cap-category-container__list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.cap-category-container__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:30%;margin-top:20px}.cap-category-container__link{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cap-category-container__img{width:68px;height:68px;margin-bottom:10px;border-radius:2px}.cap-category-container__title{width:100%;font-size:14px;color:#3a3a3a;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}