index.wxss 1.2 KB

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