index.wxss 3.0 KB

12345678910111213141516171819202122232425262728293031323334
  1. @import '/import/css0_15.wxss';page{ background:#ffffff; }
  2. .search-icon wx-image{ width: 68rpx; height: 68rpx; }
  3. .search-icon{ height: 92rpx; padding: 0 24rpx; }
  4. .scroll-view-x{ background-color: #fff; white-space: nowrap; position: fixed; top: 0; z-index: 99; border-bottom:1rpx solid #e2e2e2; height: 92rpx; padding-right:140rpx; }
  5. .scroll-view-x .scroll-view-item{ display:inline-block; margin:16rpx 0rpx 16rpx 36rpx ; padding: 0 24rpx; font-size: 12pt; color:#666666; height:60rpx; line-height: 60rpx; white-space: nowrap; }
  6. .scroll-view-y{ border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }
  7. wx-swiper{ height: 304rpx; }
  8. .scroll-view-x .active{ color: #fff; border-radius: 30rpx; background-color: #ffa360; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffa360), color-stop(140%,#ff5c5c)); background-image: linear-gradient(140deg, #ffa360, #ff5c5c); height: 60rpx; }
  9. .banner { height: 320rpx; margin-top: 92rpx; }
  10. .banner wx-navigator { font-size: 0; position: relative; height: 100%; }
  11. .banner .slide-image { width: 100%; height: 100%; }
  12. .banner .slide-title { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 20rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 11pt; display: none; }
  13. .advert{ background: #f7f7f7; }
  14. .division{ height: 15rpx; background-color: #f7f7f7; }
  15. .list-item{ padding:24rpx; border-bottom: 1rpx solid #e2e2e2; }
  16. .list-item .corver-pic wx-image{ width: 220rpx; height: 220rpx; border-radius: 5rpx; margin-right:24rpx; }
  17. .goods-title{ color: #353535; font-size: 11pt; }
  18. .list-item .group-item wx-image{ width: 34rpx; height: 34rpx; border: 1rpx solid #ffffff; border-radius: 17rpx; }
  19. .list-item .group-item wx-view{ float: left; width: 24rpx; }
  20. .group-item{ margin-right: 12rpx; }
  21. .goods-sales { font-size: 10pt; color: #ff5c5c; }
  22. .list-item .price{ color: #ff5c5c; font-size: 14pt; margin-right: 16rpx; line-height: 1; }
  23. .list-item .price .unit{ font-size: 9pt; }
  24. .list-item .old-price{ font-size: 10pt; color: #919191; text-decoration: line-through; line-height: 1; }
  25. .list-item .group-btn{ height: 66rpx; width: 180rpx; color: #ffffff; font-size: 12pt; border-radius: 10rpx; background-color: #ffa360; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffa360), color-stop(140%,#ff5c5c)); background-image: linear-gradient(140deg, #ffa360, #ff5c5c); }
  26. .loading-bar{ visibility: hidden; }
  27. .loading-bar.active,wx-empty-bar{ visibility: visible; }
  28. .empty-bar{ height:80rpx; color:#919191; }
  29. .new-group{ border-radius: 30rpx; z-index:9999; position: absolute; top: 120rpx; left: 24rpx; }
  30. .new-group-info{ color: #ffffff; font-size:9pt; }
  31. .new-group-bg{ background-color: #000000; opacity: 0.5; width: 100%; position: absolute; height: 100%; border-radius: 30rpx; float: left; z-index: -1; }
  32. .new-group .new-group-info wx-image{ height: 60rpx; width: 60rpx; border-radius: 30rpx; margin-right: 10rpx; }
  33. .group-info-text{ height: 60rpx; margin-right: 22rpx; line-height: 1; }
  34. .user-block-1 .flex-grow-0 { width:300rpx; }