美甲小程序
Não pode escolher mais do que 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.

89 linhas
1.1 KiB

  1. .swiper-box {
  2. width: 100%;
  3. padding: 20rpx 24rpx 16rpx;
  4. box-sizing: border-box;
  5. background:#FFF;
  6. }
  7. .swiper {
  8. width: 100%;
  9. height: 265rpx;
  10. border-radius: 10rpx;
  11. overflow: hidden;
  12. }
  13. .imageUrl {
  14. width: 100%;
  15. height: 100%;
  16. }
  17. .wx-swiper-dots.wx-swiper-dots-horizontal{
  18. margin-left: 40%;
  19. /* margin-bottom: 40rpx; */
  20. }
  21. .main-box {
  22. padding: 0 24rpx;
  23. width: 100%;
  24. box-sizing: border-box;
  25. margin-top: 16rpx;
  26. }
  27. .mainItem-box {
  28. width: 223rpx;
  29. height: 297rpx;
  30. border-radius: 16rpx;
  31. overflow: hidden;
  32. display: inline-block;
  33. margin: 0 16rpx 16rpx 0;
  34. vertical-align: middle;
  35. }
  36. .mainItem-box:nth-child(3n){
  37. margin-right: 0;
  38. }
  39. .imageUrl-box {
  40. width: 223rpx;
  41. height: 223rpx;
  42. }
  43. .imageUrl-box > .imageUrl {
  44. width: 100%;
  45. height: 100%
  46. }
  47. .item-title {
  48. height: 74rpx;
  49. color: #333333;
  50. font-weight: 500;
  51. font-size: 30rpx;
  52. line-height: 74rpx;
  53. text-align: center;
  54. background:#F1F1F1;
  55. }
  56. .juhua-box {
  57. text-align: center;
  58. line-height: 30rpx;
  59. font-size: 30rpx;
  60. color: #333333;
  61. padding: 10rpx 0;
  62. }
  63. .juhua {
  64. width: 50rpx;
  65. height: 50rpx;
  66. vertical-align: middle;
  67. margin-left: 6rpx;
  68. }