index.wxss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. /* uni.scss */
  7. .content.data-v-8e01b58b {
  8. display: flex;
  9. flex-direction: column;
  10. width: 100vw;
  11. height: 100vh;
  12. }
  13. .content .top.data-v-8e01b58b {
  14. margin: 2vw;
  15. }
  16. .content .bottom.data-v-8e01b58b {
  17. position: relative;
  18. flex-grow: 1;
  19. background-color: var(--f9Color);
  20. }
  21. .content .bottom .list.data-v-8e01b58b {
  22. background-color: var(--mainColor);
  23. border: 1px solid var(--f5Color);
  24. padding: 2vw;
  25. margin: 2vw 2vw 0 2vw;
  26. border-radius: 5px;
  27. }
  28. .content .bottom .list .name.data-v-8e01b58b {
  29. font-size: var(--font16Size);
  30. margin: 0 0 1vw 0;
  31. }
  32. .content .bottom .list .other.data-v-8e01b58b {
  33. font-size: var(--font14Size);
  34. }
  35. .content .bottom .list .other text.data-v-8e01b58b:first-child {
  36. color: var(--f85Color);
  37. }
  38. .scroll-view.data-v-8e01b58b {
  39. position: absolute;
  40. top: 0;
  41. left: 0;
  42. right: 0;
  43. bottom: 0;
  44. }
  45. .scroll-view .list-scroll-view.data-v-8e01b58b {
  46. display: flex;
  47. flex-direction: column;
  48. }
  49. .is_bottom.data-v-8e01b58b {
  50. width: 100%;
  51. text-align: center;
  52. }
  53. .is_bottom text.data-v-8e01b58b {
  54. padding: 2vw 0;
  55. display: inline-block;
  56. color: var(--f85Color);
  57. font-size: var(--font12Size);
  58. }