| | |
| | | .section-1{ |
| | | position: absolute; |
| | | left: 70px; |
| | | top: -10px; |
| | | top: -20px; |
| | | width: calc((200vw - 240px) / 7 + 60px); |
| | | height: 630px; |
| | | height: calc(80vh - 109px); |
| | | background: rgba(0,100,190,.1); |
| | | border: 1px solid rgba(0,100,190,.4); |
| | | border-radius: 8px; |
| | |
| | | .section-2{ |
| | | position: absolute; |
| | | left: calc((400vw - 480px)/ 7 + 70px); |
| | | top: 150px; |
| | | top: calc((100vh - 130px)/ 5 - 20px); |
| | | width: calc((200vw - 240px) / 7 + 60px); |
| | | height: 470px; |
| | | height: calc((300vh - 390px)/ 5 - 5px); |
| | | background: rgba(0,100,190,.1); |
| | | border: 1px solid rgba(0,100,190,.4); |
| | | border-radius: 8px; |
| | |
| | | .section-3{ |
| | | position: absolute; |
| | | left: 100px; |
| | | top: 630px; |
| | | top: calc(80vh - 119px); |
| | | width: calc((500vw - 600px)/ 7 + 30px); |
| | | height: 180px; |
| | | height: calc((100vh - 130px)/ 5 + 20px); |
| | | background: rgba(0,100,190,.1); |
| | | border: 1px solid rgba(0,100,190,.4); |
| | | border-radius: 8px; |
对比新文件 |
| | |
| | | <template> |
| | | <div class="home-container"> |
| | | <iframe src="http://39.104.85.193"></iframe> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'safeKnowledgeSys', |
| | | props: { |
| | | |
| | | }, |
| | | data(){ |
| | | return{ |
| | | |
| | | } |
| | | }, |
| | | created() { |
| | | |
| | | }, |
| | | methods:{ |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <!-- Add "scoped" attribute to limit CSS to this component only --> |
| | | <style scoped lang="scss"> |
| | | .home-container{ |
| | | height: calc(100vh - 114px); |
| | | box-sizing: border-box; |
| | | overflow: hidden; |
| | | |
| | | iframe{ |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | } |
| | | </style> |