Commit d8c7420a authored by Z's avatar Z

🐛 Z: Hot: fix tabs's padding-bottom and searchs margin-top's problem.

parent 93c100b7
...@@ -4861,10 +4861,11 @@ ...@@ -4861,10 +4861,11 @@
display: inline-block display: inline-block
} }
/* Z-Style-tabs */
.el-tabs__header { .el-tabs__header {
padding: 0; padding: 0;
position: relative; position: relative;
margin: 0 0 15px margin: 0 0 0px
} }
.el-tabs__active-bar { .el-tabs__active-bar {
......
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="main"> <div class="main">
<div class="searchs"> <div class="searchs">
<div class="buttons"> <div class="buttons">
<el-button class="button buttonlight" size="small" @click="searchsCreate">创建任务</el-button> <el-button size="small" @click="searchsCreate">创建任务</el-button>
<el-button class="button buttondark" size="small">发布任务</el-button> <el-button type="primary" size="small">发布任务</el-button>
<el-button class="button buttondark" size="small">批量删除</el-button> <el-button type="primary" size="small">批量删除</el-button>
</div> </div>
<!-- 搜索区 --> <!-- 搜索区 -->
...@@ -345,16 +345,16 @@ ...@@ -345,16 +345,16 @@
justify-content: flex-start; justify-content: flex-start;
} }
.searchs { /*.searchs {*/
// border: 2px solid red; /* !*border: 2px solid red;*!*/
height: 40px; /* height: 40px;*/
width: 100%; /* width: 100%;*/
display: flex; /* display: flex;*/
flex-direction: row; /* flex-direction: row;*/
justify-content: space-between; /* justify-content: space-between;*/
align-items: center; /* align-items: center;*/
} /*}*/
.buttons { .buttons {
// border: 2px solid darkcyan; // border: 2px solid darkcyan;
...@@ -366,26 +366,6 @@ ...@@ -366,26 +366,6 @@
justify-content: flex-start; justify-content: flex-start;
} }
.buttonlight {
background-color: #e8e9fe;
color: #4e59c7;
border: 1px solid #4e59c7;
box-sizing: border-box;
}
.buttonlight:hover {
}
.buttondark {
background-color: #4e59c7;
color: #ffffff;
border: 1px solid #4e59c7;
box-sizing: border-box;
}
.buttondark:hover {
}
.searchzone { .searchzone {
// border: 2px solid orange; // border: 2px solid orange;
height: 40px; height: 40px;
...@@ -404,7 +384,7 @@ ...@@ -404,7 +384,7 @@
// min-height: 400px; // min-height: 400px;
min-height: 70%; min-height: 70%;
width: 100%; width: 100%;
margin-top: 20px; /*margin-top: 20px;*/
} }
.list { .list {
......
<template> <template>
<!-- <d2-container type="card"> --> <!-- <d2-container type="card"> -->
<el-card class="box-card main"> <el-card class="box-card mains">
<el-tabs class="ztabs" v-model="cache.nowMenu" @tab-click="handleClick"> <el-tabs class="ztabs" v-model="cache.nowMenu" @tab-click="handleClick">
<el-tab-pane label="柜组任务" name="taskBar"> <el-tab-pane label="柜组任务" name="taskBar">
<task-bar /> <task-bar />
...@@ -38,7 +38,8 @@ export default { ...@@ -38,7 +38,8 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.main { .mains {
border: 1px solid red;
height: 90vh; height: 90vh;
margin: 10px 10px; margin: 10px 10px;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment