luswiper.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. @charset "UTF-8";
  2. /**
  3. * uni-app内置的常用样式变量
  4. */
  5. /* 行为相关颜色 */
  6. /* 文字基本颜色 */
  7. /* 背景颜色 */
  8. /* 边框颜色 */
  9. /* 尺寸变量 */
  10. /* 文字尺寸 */
  11. /* 图片尺寸 */
  12. /* Border Radius */
  13. /* 水平间距 */
  14. /* 垂直间距 */
  15. /* 透明度 */
  16. /* 文章场景相关 */
  17. .hlu.data-v-499180c6 {
  18. height: 90rpx;
  19. background: #FFFFFF;
  20. border-radius: 18rpx;
  21. margin: 0 34rpx;
  22. padding: 0 25rpx;
  23. font-size: 30rpx;
  24. }
  25. .hlu image.data-v-499180c6 {
  26. width: 70rpx;
  27. height: 40rpx;
  28. flex: 0 0 auto;
  29. margin-right: 26rpx;
  30. }
  31. .hlu .tit.data-v-499180c6 {
  32. font-size: 30rpx;
  33. position: relative;
  34. padding: 0 32rpx 0 27rpx;
  35. font-weight: bold;
  36. flex: 0 0 auto;
  37. }
  38. .hlu .tit.data-v-499180c6::before {
  39. content: '';
  40. position: absolute;
  41. left: 0;
  42. width: 12rpx;
  43. height: 12rpx;
  44. border-radius: 50%;
  45. top: 12rpx;
  46. }
  47. .hlu .tit.data-v-499180c6::after {
  48. content: '';
  49. position: absolute;
  50. right: 14rpx;
  51. top: 6rpx;
  52. bottom: 6rpx;
  53. width: 4rpx;
  54. background-color: #666666;
  55. }
  56. .hlu .tit.coeb.data-v-499180c6 {
  57. color: #EB5663;
  58. }
  59. .hlu .tit.coeb.data-v-499180c6::before {
  60. background-color: #EB5663;
  61. }
  62. .hlu .tit.co5c.data-v-499180c6 {
  63. color: #5CC37D;
  64. }
  65. .hlu .tit.co5c.data-v-499180c6::before {
  66. background-color: #5CC37D;
  67. }
  68. .hlu .swiper.data-v-499180c6 {
  69. flex: 1;
  70. height: 90rpx;
  71. }
  72. .hlu .swiper .swipera.data-v-499180c6 {
  73. height: 100%;
  74. display: flex;
  75. align-items: center;
  76. overflow: hidden;
  77. }