index.wxss 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. .isfixed{position: fixed;top: 0px;left: 0px;right:0px;z-index:1;}
  2. /*搜索*/
  3. .searchbar {position:relative;}
  4. .searchbar .qrcode{width: 30px;height:30px;vertical-align:middle}
  5. .searchbar .van-search{padding:5px 10px!important}
  6. .searchbar .van-search__action--hover{background-color:#fff!important}
  7. /* 广告 */
  8. .banner{position: relative;margin-top:1px}
  9. .banner image{vertical-align:middle;width:100%;}
  10. .banner .wx-swiper-dots.wx-swiper-dots-horizontal{margin-bottom:10rpx;}
  11. .banner .wx-swiper-dot{width:20rpx;display: inline-flex;height:5rpx;margin-left:5rpx;justify-content:space-between;}
  12. .banner .wx-switem-titleiper-dot::before{content: '';flex-grow: 1;background: #FFF;border-radius:5rpx}
  13. .banner .wx-swiper-dot-active::before{background:#bbd000;}
  14. .bannerimg{background:#FFF;box-sizing:border-box;margin-top: 5px}
  15. .bannerimg image{width: 100%;vertical-align:middle}
  16. /* 快捷图标 */
  17. .icon_row{background: #FFF;position: relative;}
  18. /* 产品列表 */
  19. .van-title{margin-top:5px;background:#FFF;color: #FF0036;font-weight: 700;padding:10px 10px 0px;line-height:30px}
  20. .van-title text{margin-left: 8px;font-weight: 400;color: #aaa;font-size: 12px;}
  21. .van-card {padding: 10px!important;margin-bottom:1px}
  22. .van-card .van-card__title {font-weight:400!important;font-size:28rpx!important;line-height:35rpx!important;}
  23. .van-card .van-card__thumb .van-card__img{border-radius:3px}
  24. .van-card .van-card__price{font-size: 35rpx!important;}
  25. .van-card__bottom,.van-card__desc {line-height: 30px!important;}
  26. /* 左右大图 */
  27. .item{display: flex;flex-flow: row wrap;width: 100%;margin-top: 6px}
  28. .item .item_box{margin-bottom:6px;display: block;width:50%;position: relative;}
  29. .item .item_box navigator{background: #FFF;}
  30. .item .item_box:nth-child(2n) navigator{margin-left:3px;margin-right:6px;}
  31. .item .item_box:nth-child(odd) navigator{margin-right:3px;margin-left:6px;}
  32. .item .product-img image{width: 100%;vertical-align:top;border-radius:3px;}
  33. .item .product-info{padding:8rpx;line-height: 20px;}
  34. .item .product-title{max-height:40px;font-size: 28rpx;overflow: hidden;word-break: break-word;text-overflow:ellipsis;color: #333;}
  35. .item .product-price {height:25px;line-height:25px;}
  36. .item .product-price .sell{color:#f23030;font-size: 16px;}
  37. .item .product-price .market{color:#999;font-size: 12px;text-decoration:line-through;padding-left: 10px}
  38. .item .product-tip{max-height:20px;font-size: 12px;overflow: hidden;word-break: break-word;text-overflow: ellipsis;color:#999;}