forked from github/dataease
style(frontend): css fix
This commit is contained in:
parent
fcb579d439
commit
c7d24c341d
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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
|
||||
|
@ -62,7 +62,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
<style scoped>
|
||||
.shape-item{
|
||||
padding: 6px;
|
||||
border: none;
|
||||
|
@ -117,7 +117,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
<style scoped>
|
||||
.shape-item{
|
||||
padding: 6px;
|
||||
border: none;
|
||||
|
@ -96,7 +96,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
<style scoped>
|
||||
.shape-item{
|
||||
padding: 6px;
|
||||
border: none;
|
||||
|
@ -74,7 +74,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
<style scoped>
|
||||
.shape-item{
|
||||
padding: 6px;
|
||||
border: none;
|
||||
|
@ -74,7 +74,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
<style scoped>
|
||||
.shape-item{
|
||||
padding: 6px;
|
||||
border: none;
|
||||
|
@ -99,7 +99,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
<style scoped>
|
||||
.filter-item{
|
||||
width: 100%;
|
||||
border-radius: 4px;
|
||||
|
@ -126,7 +126,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
<style scoped>
|
||||
.shape-item{
|
||||
padding: 6px;
|
||||
border: none;
|
||||
|
@ -91,7 +91,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
<style scoped>
|
||||
.shape-item{
|
||||
padding: 6px;
|
||||
border: none;
|
||||
|
@ -130,7 +130,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
<style scoped>
|
||||
.shape-item{
|
||||
padding: 6px;
|
||||
border: none;
|
||||
|
@ -88,7 +88,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
<style scoped>
|
||||
.shape-item{
|
||||
padding: 6px;
|
||||
border: none;
|
||||
|
@ -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{
|
||||
|
@ -264,7 +264,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
<style scoped>
|
||||
.el-divider--horizontal {
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user