style:首页修改
Showing
2 changed files
with
22 additions
and
18 deletions
| ... | @@ -11,9 +11,9 @@ | ... | @@ -11,9 +11,9 @@ |
| 11 | </template> | 11 | </template> |
| 12 | 12 | ||
| 13 | <script> | 13 | <script> |
| 14 | import maps from "@/components/Echart/Map"; | 14 | import maps from "@/components/Echart/Map"; |
| 15 | import brokenline from "@/components/Echart/Brokenline"; | 15 | import brokenline from "@/components/Echart/Brokenline"; |
| 16 | export default { | 16 | export default { |
| 17 | data () { | 17 | data () { |
| 18 | return {}; | 18 | return {}; |
| 19 | }, | 19 | }, |
| ... | @@ -21,12 +21,12 @@ | ... | @@ -21,12 +21,12 @@ |
| 21 | mounted () { }, | 21 | mounted () { }, |
| 22 | beforeDestroy () { }, | 22 | beforeDestroy () { }, |
| 23 | methods: {}, | 23 | methods: {}, |
| 24 | }; | 24 | }; |
| 25 | </script> | 25 | </script> |
| 26 | 26 | ||
| 27 | <style lang="scss" scoped> | 27 | <style lang="scss" scoped> |
| 28 | .centercard { | 28 | .centercard { |
| 29 | width: 44%; | 29 | width: 40%; |
| 30 | height: calc(100vh - 114px); | 30 | height: calc(100vh - 114px); |
| 31 | box-sizing: border-box; | 31 | box-sizing: border-box; |
| 32 | padding: 0 0.0521rem; | 32 | padding: 0 0.0521rem; |
| ... | @@ -75,10 +75,11 @@ | ... | @@ -75,10 +75,11 @@ |
| 75 | text-align: center; | 75 | text-align: center; |
| 76 | margin-bottom: 0.0521rem; | 76 | margin-bottom: 0.0521rem; |
| 77 | } | 77 | } |
| 78 | |||
| 78 | .brokenline { | 79 | .brokenline { |
| 79 | margin: auto; | 80 | margin: auto; |
| 80 | width: 100%; | 81 | width: 100%; |
| 81 | } | 82 | } |
| 82 | } | 83 | } |
| 83 | } | 84 | } |
| 84 | </style> | 85 | </style> | ... | ... |
| ... | @@ -19,10 +19,10 @@ | ... | @@ -19,10 +19,10 @@ |
| 19 | </template> | 19 | </template> |
| 20 | 20 | ||
| 21 | <script> | 21 | <script> |
| 22 | import columnarsmat from "@/components/Echart/Columnarsmat"; | 22 | import columnarsmat from "@/components/Echart/Columnarsmat"; |
| 23 | import Rose from "@/components/Echart/Rose"; | 23 | import Rose from "@/components/Echart/Rose"; |
| 24 | import work from "@/api/work"; | 24 | import work from "@/api/work"; |
| 25 | export default { | 25 | export default { |
| 26 | data () { | 26 | data () { |
| 27 | return { | 27 | return { |
| 28 | config: { | 28 | config: { |
| ... | @@ -70,15 +70,15 @@ | ... | @@ -70,15 +70,15 @@ |
| 70 | 70 | ||
| 71 | }, | 71 | }, |
| 72 | }, | 72 | }, |
| 73 | } | 73 | } |
| 74 | </script> | 74 | </script> |
| 75 | <style lang="scss" scoped> | 75 | <style lang="scss" scoped> |
| 76 | /deep/.row-item:not(:last-child) { | 76 | /deep/.row-item:not(:last-child) { |
| 77 | margin-bottom: 0.026rem; | 77 | margin-bottom: 0.026rem; |
| 78 | } | 78 | } |
| 79 | 79 | ||
| 80 | .rightcard { | 80 | .rightcard { |
| 81 | width: 32%; | 81 | width: 30%; |
| 82 | display: flex; | 82 | display: flex; |
| 83 | height: calc(100vh - 114px); | 83 | height: calc(100vh - 114px); |
| 84 | flex-direction: column; | 84 | flex-direction: column; |
| ... | @@ -121,20 +121,24 @@ | ... | @@ -121,20 +121,24 @@ |
| 121 | height: 33%; | 121 | height: 33%; |
| 122 | background: url("~@/image/xjgyfwxx.png") no-repeat; | 122 | background: url("~@/image/xjgyfwxx.png") no-repeat; |
| 123 | background-size: 100% 100%; | 123 | background-size: 100% 100%; |
| 124 | |||
| 124 | /deep/.dv-scroll-board { | 125 | /deep/.dv-scroll-board { |
| 125 | .header { | 126 | .header { |
| 126 | height: 0.1875rem; | 127 | height: 0.1875rem; |
| 127 | align-items: center; | 128 | align-items: center; |
| 128 | } | 129 | } |
| 129 | } | 130 | } |
| 131 | |||
| 130 | .board { | 132 | .board { |
| 131 | width: 90%; | 133 | width: 90%; |
| 132 | margin: 0 auto; | 134 | margin: 0 auto; |
| 133 | height: 1.1031rem; | 135 | height: 1.1031rem; |
| 134 | margin-top: 0.0521rem; | 136 | margin-top: 0.0521rem; |
| 137 | |||
| 135 | /deep/.header { | 138 | /deep/.header { |
| 136 | font-size: 0.0738rem; | 139 | font-size: 0.0738rem; |
| 137 | } | 140 | } |
| 141 | |||
| 138 | /deep/.rows { | 142 | /deep/.rows { |
| 139 | .ceil { | 143 | .ceil { |
| 140 | font-size: 0.0738rem; | 144 | font-size: 0.0738rem; |
| ... | @@ -167,5 +171,4 @@ | ... | @@ -167,5 +171,4 @@ |
| 167 | .cardhead { | 171 | .cardhead { |
| 168 | position: absolute; | 172 | position: absolute; |
| 169 | } | 173 | } |
| 170 | } | 174 | }</style> |
| 171 | </style> | ... | ... |
-
Please register or sign in to post a comment