cate.wxss 1.6 KB

1234567891011121314151617181920212223
  1. /*布局*/
  2. .cate-content {display: flex;flex-direction: row;font-size: 16px;position: fixed;top:55px;bottom:1rpx;width: 100%;background: #FFF}
  3. .category-tab {flex-direction: column;display: flex;width: 200rpx;color: #444;height: 100%;background: #f8f8f8;}
  4. .category-content {display: flex;flex-direction: column;width: 550rpx;height: 100%;overflow: hidden;padding:10rpx;}
  5. /*左导航*/
  6. .type-nav {position: relative;height: 90rpx;line-height: 90rpx;text-align: center;z-index: 10;background: #f8f8f8;display: block;font-size:32rpx;}
  7. .type-nav.selected {background: #fff;color: #ff495e;border-right: none;font-weight: 600}
  8. /*右导航*/
  9. .weui-grids {border: none}
  10. .category-content .weui-grid {border: none;padding:10px;}
  11. .category-content .weui-grid .weui-grid__icon{width: 100%;}
  12. .category-content .weui-grid .cate-text{font-size:28rpx;color: #686868;}
  13. /* 产品 */
  14. .box{display: flex;padding:10rpx;margin:10rpx;background: #fff;margin-bottom:5px;box-sizing:border-box;}
  15. .box .box-img{width:180rpx;}
  16. .box .box-img image{width: 180rpx;height: 180rpx;vertical-align: middle;border-radius: 5px;}
  17. .box .box-flex{flex: 1;padding:0px 8rpx;}
  18. .box .box-flex .name{line-height:40rpx;font-size: 28rpx;height:80rpx;text-overflow: ellipsis;overflow: hidden;}
  19. .box .disc{color: #777;font-size: 26rpx;line-height:35rpx;}
  20. .box .bar{margin-top:5px;display: flex;}
  21. .box .bar .sell_price{flex: 1;color: #fe3939;font-size: 18px;}
  22. .box .market_price{color:#999;font-size: 12px;text-decoration:line-through}
  23. .box .bar .btn{width: 80px;height: 30px;font-size: 14px;border-radius: 0.3rem;border: 1px solid #fe3939;text-align: center;color: #333;line-height: 30px}