XiaoMo/x-php-Admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css样式优化

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/home/widgets/components/StoreConversionData.vue
View File

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

12
src/views/system/application/pluginMarket.vue
View File

@ -3,7 +3,7 @@
<div class="pop-box" v-show="popShow"> <div class="pop-box" v-show="popShow">
<pop-info :showPop="installPlugin"></pop-info> <pop-info :showPop="installPlugin"></pop-info>
</div> </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="[ <!-- <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 ? 'tab-box-two' : windowType === 2 ? 'tab-box-one' : '',
windowType === 1 ? ((i + 1) % 2) ? 'mg-r-25' : '' : windowType === 1 ? ((i + 1) % 2) ? 'mg-r-25' : '' :
@ -25,7 +25,7 @@
</template> </template>
<script setup> <script setup>
import { ref, onMounted, onUnmounted, nextTick } from 'vue' import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
import popInfo from './popInfo.vue' import popInfo from './popInfo.vue'
import PluginBox from './pluginBox.vue'; import PluginBox from './pluginBox.vue';
let windowType = ref(0) let windowType = ref(0)
@ -46,13 +46,17 @@ let setWindowType = () => {
let installPlugin=()=>{ let installPlugin=()=>{
popShow.value=!popShow.value popShow.value=!popShow.value
} }
//卸载监听
let unObserve=()=>{
resize.unobserve(tabBox.value)
}
onMounted(() => { onMounted(() => {
nextTick(() => setWindowType()) nextTick(() => setWindowType())
}) })
onUnmounted(() => { onBeforeUnmount(() => {
resize.unobserve() unObserve()
}) })
</script> </script>