css样式优化
This commit is contained in:
parent
a294094642
commit
8d3c087145
@ -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 {
|
||||
|
@ -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>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user