css样式优化

This commit is contained in:
luJianJun 2023-09-04 17:21:54 +08:00
parent a294094642
commit 8d3c087145
2 changed files with 10 additions and 5 deletions

View File

@ -272,10 +272,11 @@ export default {
height: 100%;
}
::v-deep .el-tabs__nav-next {
::v-deep .el-tabs__nav-next,::v-deep .el-tabs__nav-prev {
display: flex;
align-items: center;
height: 100%;
justify-content: center;
}
::v-deep .el-tabs__nav {

View File

@ -3,7 +3,7 @@
<div class="pop-box" v-show="popShow">
<pop-info :showPop="installPlugin"></pop-info>
</div>
<plugin-box :installPlugin="installPlugin" :windowType="windowType" :tabI="i" :item="item" v-for="(item, i) in list" :key="i"></plugin-box>
<plugin-box :installPlugin="installPlugin" :windowType="windowType" :tabI="i" :item="{}" v-for="(item, i) in list" :key="i"></plugin-box>
<!-- <div class="tab-box dis-f al-item" @click="installPlugin" v-for="(item, i) in list" :key="i" :class="[
windowType === 1 ? 'tab-box-two' : windowType === 2 ? 'tab-box-one' : '',
windowType === 1 ? ((i + 1) % 2) ? 'mg-r-25' : '' :
@ -25,7 +25,7 @@
</template>
<script setup>
import { ref, onMounted, onUnmounted, nextTick } from 'vue'
import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
import popInfo from './popInfo.vue'
import PluginBox from './pluginBox.vue';
let windowType = ref(0)
@ -46,13 +46,17 @@ let setWindowType = () => {
let installPlugin=()=>{
popShow.value=!popShow.value
}
//
let unObserve=()=>{
resize.unobserve(tabBox.value)
}
onMounted(() => {
nextTick(() => setWindowType())
})
onUnmounted(() => {
resize.unobserve()
onBeforeUnmount(() => {
unObserve()
})
</script>