抖音c端
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

110 linhas
3.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. .continer {
  7. width: 95%;
  8. height: 100%;
  9. margin: auto;
  10. padding: 30rpx 0;
  11. .selectShop {
  12. .nav {
  13. display: flex;
  14. justify-content: space-between;
  15. margin-bottom: 20rpx;
  16. padding: 0 20rpx;
  17. .item {
  18. color: #ffffff;
  19. padding: 8rpx 15rpx;
  20. background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
  21. border-radius: 15rpx;
  22. }
  23. }
  24. .shopList {
  25. width: 100%;
  26. background-color: #ffffff;
  27. border-radius: 10rpx;
  28. padding: 20rpx 0;
  29. margin: auto;
  30. .item {
  31. display: flex;
  32. justify-content: space-between;
  33. width: 95%;
  34. margin: auto;
  35. color: #ffffff;
  36. margin-bottom: 30rpx;
  37. padding: 20rpx 25rpx;
  38. box-sizing: border-box !important;
  39. background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
  40. border-radius: 12rpx;
  41. .img {
  42. width: 30%;
  43. height: 170rpx;
  44. }
  45. .infoBox {
  46. display: flex;
  47. justify-content: space-between;
  48. flex-direction: column;
  49. width: 65%;
  50. margin-left: 20rpx;
  51. padding: 8rpx 0;
  52. .infoItem {
  53. width: 100%;
  54. white-space: nowrap;
  55. overflow: hidden;
  56. text-overflow: ellipsis;
  57. }
  58. }
  59. }
  60. }
  61. }
  62. .selectCity {
  63. .nav {
  64. margin-bottom: 20rpx;
  65. padding: 0 20rpx;
  66. .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. }
  75. }
  76. .indexBar {
  77. position: fixed;
  78. top: 10%;
  79. right: 3%;
  80. font-size: 25rpx;
  81. text-align: center;
  82. background-color: #00000075;
  83. padding-top: 20rpx;
  84. padding-bottom: 10rpx;
  85. border-radius: 30rpx;
  86. .indexBarItem {
  87. width: 50rpx;
  88. color: #ffffff;
  89. margin-bottom: 10rpx;
  90. transition: all 0.3s;
  91. &.active {
  92. color: #f92672;
  93. }
  94. }
  95. }
  96. }
  97. }