抖音c端
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

94 строки
2.1 KiB

  1. /* c:\Users\56817\Desktop\Working Space\3,TikTok-MiniPro\ttc\pages2\shopSelect\shopSelect.ttss */
  2. page {
  3. font-size: 30rpx;
  4. box-sizing: border-box !important;
  5. background-color: #fff;
  6. }
  7. page .continer {
  8. width: 95%;
  9. height: 100%;
  10. margin: auto;
  11. padding: 30rpx 0;
  12. }
  13. page .continer .selectShop .nav {
  14. display: flex;
  15. justify-content: space-between;
  16. margin-bottom: 20rpx;
  17. padding: 0 20rpx;
  18. }
  19. page .continer .selectShop .nav .item {
  20. color: #ffffff;
  21. padding: 8rpx 15rpx;
  22. background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
  23. border-radius: 15rpx;
  24. }
  25. page .continer .selectShop .shopList {
  26. width: 100%;
  27. background-color: #ffffff;
  28. border-radius: 10rpx;
  29. padding: 20rpx 0;
  30. margin: auto;
  31. }
  32. page .continer .selectShop .shopList .item {
  33. display: flex;
  34. justify-content: space-between;
  35. width: 95%;
  36. margin: auto;
  37. color: #ffffff;
  38. margin-bottom: 30rpx;
  39. padding: 20rpx 25rpx;
  40. box-sizing: border-box !important;
  41. background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
  42. border-radius: 12rpx;
  43. }
  44. page .continer .selectShop .shopList .item .img {
  45. width: 30%;
  46. height: 170rpx;
  47. }
  48. page .continer .selectShop .shopList .item .infoBox {
  49. display: flex;
  50. justify-content: space-between;
  51. flex-direction: column;
  52. width: 65%;
  53. margin-left: 20rpx;
  54. padding: 8rpx 0;
  55. }
  56. page .continer .selectShop .shopList .item .infoBox .infoItem {
  57. width: 100%;
  58. white-space: nowrap;
  59. overflow: hidden;
  60. text-overflow: ellipsis;
  61. }
  62. page .continer .selectCity .nav {
  63. margin-bottom: 20rpx;
  64. padding: 0 20rpx;
  65. }
  66. page .continer .selectCity .nav .item {
  67. width: 10%;
  68. color: #ffffff;
  69. text-align: center;
  70. padding: 8rpx 15rpx;
  71. background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
  72. border-radius: 15rpx;
  73. }
  74. page .continer .indexBar {
  75. position: fixed;
  76. top: 10%;
  77. right: 3%;
  78. font-size: 25rpx;
  79. text-align: center;
  80. background-color: #00000075;
  81. padding-top: 20rpx;
  82. padding-bottom: 10rpx;
  83. border-radius: 30rpx;
  84. }
  85. page .continer .indexBar .indexBarItem {
  86. width: 50rpx;
  87. color: #ffffff;
  88. margin-bottom: 10rpx;
  89. transition: all 0.3s;
  90. }
  91. page .continer .indexBar .indexBarItem.active {
  92. color: #f92672;
  93. }