shuishen
2022-11-12 ce034b4c0db0eec0928fa54ee35f91ff2005a75c
src/components/shrink/index.vue
@@ -9,9 +9,7 @@
 * 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>
@@ -29,11 +27,15 @@
                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')
            }
        }
    },
@@ -41,6 +43,8 @@
    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>