style(frontend): css fix

This commit is contained in:
junjie 2021-03-26 12:14:18 +08:00
parent fcb579d439
commit c7d24c341d
15 changed files with 28 additions and 24 deletions

View File

@ -32,7 +32,7 @@ li {
list-style: none;
}
#app {
overflow: hidden;
/*overflow: hidden;*/
}
.el-tabs {
height: 100%;
@ -43,4 +43,4 @@ li {
}
.el-tabs__nav-scroll {
padding-left: 20px;
}
}

View File

@ -1,5 +1,5 @@
<template>
<div style="display: flex;width: 100%;height: 100%;">
<div style="display: flex;">
<div :id="chartId" style="width: 100%;height: 100%;" />
</div>
</template>
@ -50,7 +50,7 @@ export default {
},
methods: {
drawEcharts() {
debugger
// debugger
const chart = this.chart
let chart_option = {}
// type

View File

@ -62,7 +62,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.shape-item{
padding: 6px;
border: none;

View File

@ -117,7 +117,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.shape-item{
padding: 6px;
border: none;

View File

@ -96,7 +96,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.shape-item{
padding: 6px;
border: none;

View File

@ -74,7 +74,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.shape-item{
padding: 6px;
border: none;

View File

@ -74,7 +74,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.shape-item{
padding: 6px;
border: none;

View File

@ -99,7 +99,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.filter-item{
width: 100%;
border-radius: 4px;

View File

@ -126,7 +126,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.shape-item{
padding: 6px;
border: none;

View File

@ -91,7 +91,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.shape-item{
padding: 6px;
border: none;

View File

@ -130,7 +130,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.shape-item{
padding: 6px;
border: none;

View File

@ -88,7 +88,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.shape-item{
padding: 6px;
border: none;

View File

@ -101,7 +101,7 @@
</div>
</el-row>
</div>
<div style="height: 40%;overflow:auto;border-top: 1px solid #e6e6e6">
<div style="height: 40%;overflow:hidden;border-top: 1px solid #e6e6e6">
<el-tabs type="card" :stretch="true" class="tab-header">
<el-tab-pane :label="$t('chart.shape_attr')" class="padding-lr">
<color-selector class="attr-selector" :chart="chart" @onColorChange="onColorChange" />
@ -572,7 +572,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.padding-lr {
padding: 0 6px;
}
@ -654,6 +654,9 @@ export default {
background-color: #f7f8fa;
border-bottom-color: #f7f8fa!important;
}
.tab-header>>>.el-tabs__nav-scroll{
padding-left: 0!important;
}
.draggable-group {
display: inline-block;
@ -702,9 +705,10 @@ export default {
.filter-class{
height: calc(35% - 102px);
.filter-inner-class{
height: calc(100% - 40px);
}
}
.filter-class>>>.filter-inner-class{
height: calc(100% - 40px);
}
.chart-class{

View File

@ -264,7 +264,7 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.el-divider--horizontal {
margin: 12px 0;
}

View File

@ -504,16 +504,16 @@ export default {
}
</script>
<style scoped lang="scss">
<style scoped>
.el-divider--horizontal {
margin: 12px 0;
}
.el-radio{
margin-right: 10px;
>>>.el-radio__label{
font-size: 12px;
}
}
.el-radio>>>.el-radio__label{
font-size: 12px;
}
.dialog-css >>> .el-dialog__header {