App.vue 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <script>
  2. export default {
  3. onLaunch: function() {
  4. const that = this;
  5. },
  6. onShow: function() {
  7. const that = this;
  8. },
  9. onHide: function() {
  10. console.log('App Hide')
  11. },
  12. methods: {}
  13. }
  14. </script>
  15. <style lang="scss">
  16. /*每个页面公共css */
  17. @import '@/uni_modules/uni-scss/index.scss';
  18. @import '@/common/css/iconfont.css';
  19. /* 公用 */
  20. .container {
  21. display: flex;
  22. flex-direction: column;
  23. box-sizing: border-box;
  24. width: 100vw;
  25. height: 100vh;
  26. }
  27. .textOne {
  28. overflow: hidden;
  29. white-space: nowrap;
  30. text-overflow: ellipsis;
  31. -o-text-overflow: ellipsis;
  32. }
  33. .textOver {
  34. overflow: hidden;
  35. text-overflow: ellipsis;
  36. word-break: break-all;
  37. display: -webkit-box;
  38. -webkit-box-orient: vertical;
  39. -webkit-line-clamp: 2;
  40. }
  41. // 弹框公共样式
  42. .uni-dialog-content {
  43. padding: 2vw !important;
  44. max-height: 40vh;
  45. overflow-y: auto;
  46. align-items: normal !important;
  47. box-sizing: border-box;
  48. }
  49. /* 设置整个项目的公用样式*/
  50. page {
  51. /* 窗口可用高度 */
  52. /* 有头有底 */
  53. --oneHeight: 100vh;
  54. /* 有头无底 */
  55. --twoHeight: 92vh;
  56. /* 可用窗口背景颜色 */
  57. --mainColor: #ffffff;
  58. /* 底部菜单背景颜色 */
  59. --footColor: #f1f1f1;
  60. /* 字体大小 */
  61. --font20Size: 20px;
  62. --font19Size: 19px;
  63. --font18Size: 18px;
  64. --font17Size: 17px;
  65. --font16Size: 16px;
  66. --font15Size: 15px;
  67. --font14Size: 14px;
  68. --font13Size: 13px;
  69. --font12Size: 12px;
  70. /* 颜色 */
  71. --f1Color: #f1f1f1;
  72. --f2Color: #f2f2f2;
  73. --f3Color: #f3f3f3;
  74. --f4Color: #f4f4f4;
  75. --f5Color: #f5f5f5;
  76. --f6Color: #f6f6f6;
  77. --f7Color: #f7f7f7;
  78. --f8Color: #f8f8f8;
  79. --f9Color: #f9f9f9;
  80. --f99Color: #999999;
  81. --f85Color: #858585;
  82. --f69Color: #696969;
  83. --f80Color: #808080;
  84. --fcColor: #cccccc;
  85. --feColor: #eeeeee;
  86. --f00Color: #000000;
  87. --fffColor: #ffffff;
  88. --f3CColor: #007AFF;
  89. --fFAColor: #FFA500;
  90. --fF0Color: #FF0000;
  91. --f08Color: #008000;
  92. --f07CColor: #07C4A8;
  93. }
  94. </style>