fortune.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /* 颜色变量 */
  2. /* 行为相关颜色 */
  3. /* 文字基本颜色 */
  4. /* 背景颜色 */
  5. /* 边框颜色 */
  6. /* 尺寸变量 */
  7. /* 文字尺寸 */
  8. /* 图片尺寸 */
  9. /* Border Radius */
  10. /* 水平间距 */
  11. /* 垂直间距 */
  12. /* 透明度 */
  13. /* 文章场景相关 */
  14. .fortune_list.data-v-35adc31d {
  15. margin-top: 30rpx;
  16. background-color: #fff;
  17. border-radius: 40rpx 40rpx 0rpx 0rpx;
  18. }
  19. .tabs_list_box.data-v-35adc31d {
  20. padding: 0 26rpx;
  21. width: 100vw;
  22. box-sizing: border-box;
  23. background: var(--bgColor);
  24. }
  25. .tabs_list_box .tabs-rigth-fixed.data-v-35adc31d {
  26. background: #95fad5;
  27. border-radius: 50rpx;
  28. height: 40rpx;
  29. line-height: 40rpx;
  30. display: flex;
  31. align-items: center;
  32. padding: 0 6rpx;
  33. box-sizing: border-box;
  34. font-size: 20rpx;
  35. font-family: SmileySans-Oblique-2;
  36. }
  37. .tabs_list_box .tabs-rigth-fixed text.data-v-35adc31d {
  38. font-weight: 600;
  39. }
  40. .demo-uni-row.data-v-35adc31d {
  41. width: 100%;
  42. padding: 0 26rpx;
  43. margin-top: 20rpx;
  44. box-sizing: border-box;
  45. display: flex;
  46. flex-wrap: wrap;
  47. }
  48. .demo-uni-row .demo-uni-col.data-v-35adc31d {
  49. width: calc(33.3333333333% - 8rpx);
  50. height: 400rpx;
  51. background-color: #ccc;
  52. border-radius: 13px;
  53. margin-bottom: 10rpx;
  54. }
  55. .demo-uni-row .demo-uni-col.data-v-35adc31d:nth-child(3n-1) {
  56. margin-right: 10rpx;
  57. margin-left: 10rpx;
  58. }