demo.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /* #ifndef APP-NVUE */
  2. view,
  3. text {
  4. box-sizing: border-box;
  5. }
  6. /* #endif */
  7. /* start--演示页面使用的统一样式--start */
  8. uni-page-body {
  9. height: 100%;
  10. }
  11. page {
  12. height: calc(100% - var(--status-bar-height));
  13. background: #fff !important;
  14. }
  15. .u-demo {
  16. padding: 25px 20px;
  17. }
  18. .u-demo-wrap {
  19. border-width: 1px;
  20. border-color: #ddd;
  21. border-style: dashed;
  22. background-color: rgb(250, 250, 250);
  23. padding: 20px 10px;
  24. border-radius: 3px;
  25. }
  26. .u-demo-area {
  27. text-align: center;
  28. }
  29. .u-no-demo-here {
  30. color: $u-tips-color;
  31. font-size: 13px;
  32. }
  33. .u-demo-result-line {
  34. border-width: 1px;
  35. border-color: #ddd;
  36. border-style: dashed;
  37. padding: 5px 20px;
  38. margin-top: 30px;
  39. border-radius: 5px;
  40. background-color: rgb(240, 240, 240);
  41. color: $u-content-color;
  42. font-size: 16px;
  43. /* #ifndef APP-NVUE */
  44. word-break: break-word;
  45. display: inline-block;
  46. /* #endif */
  47. text-align: left;
  48. }
  49. .u-demo-title,
  50. .u-config-title {
  51. text-align: center;
  52. font-size: 16px;
  53. font-weight: bold;
  54. margin-bottom: 20px;
  55. }
  56. .u-config-item {
  57. margin-top: 25px;
  58. }
  59. .u-config-title {
  60. margin-top: 20px;
  61. padding-bottom: 5px;
  62. }
  63. .u-item-title {
  64. position: relative;
  65. font-size: 15px;
  66. padding-left: 8px;
  67. line-height: 1;
  68. margin-bottom: 11px;
  69. }
  70. .u-item-title:after {
  71. position: absolute;
  72. width: 4px;
  73. top: -1px;
  74. height: 16px;
  75. /* #ifndef APP-NVUE */
  76. content: '';
  77. /* #endif */
  78. left: 0;
  79. border-radius: 10px;
  80. background-color: $u-content-color;
  81. }
  82. /* end--演示页面使用的统一样式--end */
  83. .no-data {
  84. text-align: center;
  85. padding: 40rpx 0;
  86. }