- <template>
- <div id="as"></div>
- </template>
- <script setup name="as">
- import { ref, reactive, toRefs, onMounted } from "vue";
- </script>
- <style lang="scss" scoped>
- $text-color: #fff;
- $form-item-margin-bottom: 20px;
- $border-color-base: fade($text-color, 50%);
- $primary-color: #1890ff;
- $font-size-base: 15px;
- $error-color: #f5222d;
- $highlight-color: #f5222d;
- $form-item-margin-bottom: 18px;
- $popover-bg: #1d1f4a;
- $select-item-selected-bg: $primary-color;
- $theme-color-1: #9ec3de;
- $theme-color-2: #36e2f7;
- $theme-color-3: #072e7a;
- $zindex-modal: 1009;
- $zindex-modal-mask: 1009;
- $tooltip-max-width: 300px;
- $tooltip-bg: #1d1f4a;
- #as {
- width: 100%;
- height: 100%;
- }
- .Separatebox {
- margin: 20px;
- padding: 10px;
- border: 1px solid #bec0e0;
- border-radius: 10px;
- }
- .titlename {
- position: relative;
- margin: 10px 0;
- font-size: 16px;
- font-weight: bold;
- }
- .wordtitle {
- color: green;
- font-size: 20px;
- }
- .record-page {
- position: relative;
- z-index: 1000;
- top: 120px;
- left: 140px;
- width: 40px;
- height: 250px;
- animation: hideLeftMenu 0.75s ease-in-out;
- animation-fill-mode: forwards;
- &.show {
- animation-fill-mode: forwards;
- animation: showLeftMenu 0.75s ease-in-out;
- }
- .img {
- width: 60px;
- cursor: pointer;
- }
- .duihuak {
- position: absolute;
- width: 382px;
- height: 166px;
- background: url("@/assets/images/voice/duihuak.png") no-repeat;
- top: -100px;
- left: 40px;
- padding: 50px 0 20px 0;
- font-size: 14px;
- transform: scale(0);
- transform-origin: left bottom;
- transition: all 0.25s ease-in-out;
- &.show {
- transform: scale(1);
- }
- .close {
- position: absolute;
- top: 0;
- right: 0;
- cursor: pointer;
- }
- .tip {
- position: absolute;
- top: 25px;
- left: 75px;
- font-size: 12px;
- color: #ccc;
- }
- .msg {
- position: absolute;
- top: 50px;
- left: 75px;
- font-size: 14px;
- color: #ffffff;
- span {
- color: $primary-color;
- font-weight: 600;
- }
- .message {
- margin-top: 5px;
- padding-right: 10px;
- padding-left: 20px;
- font-size: 15px;
- font-weight: 600;
- overflow: hidden;
- // text-align: right;
- text-overflow: ellipsis;
- cursor: pointer;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- color: $primary-color;
- span {
- color: #ccc;
- }
- }
- }
- }
- }
- .bzbox {
- height: 400px;
- }
- </style>