| | |
| | | * Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved. |
| | | --> |
| | | <template> |
| | | <div class="shrink-box" @click="shrinkClick"> |
| | | {{ str }} |
| | | </div> |
| | | <div class="shrink-box" @click="shrinkClick">{{ str }}</div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | this.str = '<<' |
| | | document.querySelector('.dc-container .dc-zoom-controller').classList.remove('shrink-btn') |
| | | document.querySelector('.screen-full-btn').classList.remove('shrink-btn') |
| | | document.querySelector('.image-switch-icon-btn').classList.remove('shrink-btn') |
| | | document.querySelector('.image-switch-img-btn').classList.remove('shrink-btn') |
| | | |
| | | } else { |
| | | this.str = '>>' |
| | | document.querySelector('.dc-container .dc-zoom-controller').classList.add('shrink-btn') |
| | | document.querySelector('.screen-full-btn').classList.add('shrink-btn') |
| | | document.querySelector('.image-switch-icon-btn').classList.add('shrink-btn') |
| | | document.querySelector('.image-switch-img-btn').classList.add('shrink-btn') |
| | | } |
| | | } |
| | | }, |
| | |
| | | beforeDestroy () { |
| | | document.querySelector('.dc-container .dc-zoom-controller').classList.remove('shrink-btn') |
| | | document.querySelector('.screen-full-btn').classList.remove('shrink-btn') |
| | | document.querySelector('.image-switch-icon-btn').classList.remove('shrink-btn') |
| | | document.querySelector('.image-switch-img-btn').classList.remove('shrink-btn') |
| | | } |
| | | } |
| | | </script> |