Newer
Older
urbanLifeline_YanAn / src / views / 全局文件公共说明.vue
@zhangqy zhangqy on 8 Oct 2 KB 优化
  1. <template>
  2. <div id="as"></div>
  3. </template>
  4.  
  5. <script setup name="as">
  6. import { ref, reactive, toRefs, onMounted } from "vue";
  7. </script>
  8.  
  9. <style lang="scss" scoped>
  10. $text-color: #fff;
  11. $form-item-margin-bottom: 20px;
  12. $border-color-base: fade($text-color, 50%);
  13. $primary-color: #1890ff;
  14. $font-size-base: 15px;
  15. $error-color: #f5222d;
  16. $highlight-color: #f5222d;
  17. $form-item-margin-bottom: 18px;
  18. $popover-bg: #1d1f4a;
  19. $select-item-selected-bg: $primary-color;
  20.  
  21. $theme-color-1: #9ec3de;
  22. $theme-color-2: #36e2f7;
  23. $theme-color-3: #072e7a;
  24.  
  25. $zindex-modal: 1009;
  26. $zindex-modal-mask: 1009;
  27.  
  28. $tooltip-max-width: 300px;
  29. $tooltip-bg: #1d1f4a;
  30. #as {
  31. width: 100%;
  32. height: 100%;
  33. }
  34. .Separatebox {
  35. margin: 20px;
  36. padding: 10px;
  37. border: 1px solid #bec0e0;
  38. border-radius: 10px;
  39. }
  40.  
  41. .titlename {
  42. position: relative;
  43. margin: 10px 0;
  44. font-size: 16px;
  45. font-weight: bold;
  46. }
  47.  
  48. .wordtitle {
  49. color: green;
  50. font-size: 20px;
  51. }
  52.  
  53. .record-page {
  54. position: relative;
  55. z-index: 1000;
  56. top: 120px;
  57. left: 140px;
  58. width: 40px;
  59. height: 250px;
  60. animation: hideLeftMenu 0.75s ease-in-out;
  61. animation-fill-mode: forwards;
  62. &.show {
  63. animation-fill-mode: forwards;
  64. animation: showLeftMenu 0.75s ease-in-out;
  65. }
  66. .img {
  67. width: 60px;
  68. cursor: pointer;
  69. }
  70. .duihuak {
  71. position: absolute;
  72. width: 382px;
  73. height: 166px;
  74. background: url("@/assets/images/voice/duihuak.png") no-repeat;
  75. top: -100px;
  76. left: 40px;
  77. padding: 50px 0 20px 0;
  78. font-size: 14px;
  79. transform: scale(0);
  80. transform-origin: left bottom;
  81. transition: all 0.25s ease-in-out;
  82. &.show {
  83. transform: scale(1);
  84. }
  85. .close {
  86. position: absolute;
  87. top: 0;
  88. right: 0;
  89. cursor: pointer;
  90. }
  91. .tip {
  92. position: absolute;
  93. top: 25px;
  94. left: 75px;
  95. font-size: 12px;
  96. color: #ccc;
  97. }
  98. .msg {
  99. position: absolute;
  100. top: 50px;
  101. left: 75px;
  102. font-size: 14px;
  103. color: #ffffff;
  104. span {
  105. color: $primary-color;
  106. font-weight: 600;
  107. }
  108. .message {
  109. margin-top: 5px;
  110. padding-right: 10px;
  111. padding-left: 20px;
  112. font-size: 15px;
  113. font-weight: 600;
  114. overflow: hidden;
  115. // text-align: right;
  116. text-overflow: ellipsis;
  117. cursor: pointer;
  118. display: -webkit-box;
  119. -webkit-box-orient: vertical;
  120. color: $primary-color;
  121. span {
  122. color: #ccc;
  123. }
  124. }
  125. }
  126. }
  127. }
  128.  
  129. .bzbox {
  130. height: 400px;
  131. }
  132. </style>