| | |
| | | <div class="copyrightInformation"> |
| | | 版权所有:中国中医研究院 京ICP备 0384937947 京公网安备 1212129923 |
| | | </div> |
| | | <div class="profilePhoto"></div> |
| | | <div class="profilePhoto"> |
| | | <img class="autoImg" src="@/assets/images/profilePhoto.png" alt="" /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | background-repeat: no-repeat; |
| | | background-size: 98% 95%; |
| | | position: relative; |
| | | padding: 0 40px; |
| | | box-sizing: border-box; |
| | | } |
| | | .profilePhoto { |
| | | background-image: url("@/assets/images/profilePhoto.png"); |
| | | width: 475px; |
| | | height: 556px; |
| | | /* background-image: url("@/assets/images/profilePhoto.png"); */ |
| | | width: 50%; |
| | | height: 60%; |
| | | background-repeat: no-repeat; |
| | | background-size: 100% 100%; |
| | | position: absolute; |
| | | top: 30%; |
| | | left: 8%; |
| | | top: 28.2%; |
| | | left: 0; |
| | | } |
| | | .headerBox { |
| | | width: 99.5%; |
| | | height: 220px; |
| | | padding-top: 60px; |
| | | padding-left: 40px; |
| | | width: 95.5%; |
| | | height: 23.1%; |
| | | padding-top: 3%; |
| | | padding-left: 5%; |
| | | border-bottom: 1px solid#937950; |
| | | font-size: 50px; |
| | | line-height: 66px; |
| | |
| | | justify-content: space-between; |
| | | font-family: Alimama DongFangDaKai; |
| | | box-sizing: border-box; |
| | | margin: 0 auto; |
| | | } |
| | | .searchBox { |
| | | margin-right: 100px; |
| | | } |
| | | .menuBox { |
| | | position: absolute; |
| | | right: 48px; |
| | | width: 1000px; |
| | | right: 2.5%; |
| | | width: 52%; |
| | | height: 47.3%; |
| | | font-family: Alimama DongFangDaKai; |
| | | } |
| | | .menu { |
| | | width: 25%; |
| | | height: 450px; |
| | | /* height: 450px; */ |
| | | height: 100%; |
| | | background-color: #fff; |
| | | text-align: center; |
| | | padding-top: 20px; |
| | |
| | | } |
| | | .menuList { |
| | | display: flex; |
| | | height: 100%; |
| | | } |
| | | |
| | | .personalProfile { |
| | | background: rgba(147, 121, 80, 0.15); |
| | | height: 170px; |
| | | width: 100%; |
| | | height: 17.8%; |
| | | width: 95.1%; |
| | | position: absolute; |
| | | right: 40px; |
| | | bottom: 111px; |
| | | right: 2.5%; |
| | | bottom: 11.7%; |
| | | border: 1px solid #937950; |
| | | } |
| | | .textInfo { |
| | | position: absolute; |
| | | right: 40px; |
| | | width: 1000px; |
| | | width: 50%; |
| | | margin-top: 20px; |
| | | line-height: 16px; |
| | | /* line-height: 16px; */ |
| | | } |
| | | .copyrightInformation { |
| | | width: 100%; |
| | | position: absolute; |
| | | bottom: 80px; |
| | | bottom: 8%; |
| | | font-size: 12px; |
| | | color: #937950; |
| | | width: 100%; |
| | | text-align: center; |
| | | } |
| | | |
| | | @media screen and (min-width: 1950px) { |
| | | .textInfo { |
| | | font-size: 20px; |
| | | line-height: 24px; |
| | | } |
| | | } |
| | | </style> |