javascript/vueecharts
1
0
Fork 0
mirror of https://github.com/ecomfe/vue-echarts.git synced 2025-11-06 13:09:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: refine demo

Browse Source
This commit is contained in:
Justineo
2023-08-22 19:57:16 +08:00
parent 03a3a6a401
commit eb59b4b185
7 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/demo/Demo.vue
View File

@ -247,13 +247,15 @@ select {
}
figure {
display: inline-block;
position: relative;
display: flex;
justify-content: center;
width: fit-content;
margin: 2em auto;
.echarts {
width: calc(60vw + 4em);
height: 360px;
min-width: calc(40vw + 4em);
max-width: 720px;
padding: 1.5em 2em;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 8px;
@ -312,9 +314,6 @@ figure {
@media (max-width: 980px) {
p {
display: flex;
justify-content: center;
select {
text-indent: calc(50% - 1em);
}
@ -352,6 +351,11 @@ figure {
}
}
.actions {
display: flex;
justify-content: center;
}
figure {
width: 100vw;
margin: 1em auto;
@ -359,7 +363,7 @@ figure {
.echarts {
width: 100%;
min-width: 0;
height: 75vw;
height: 60vw;
padding: 1em 0;
border: none;
border-radius: 0;