| | |
| | | <!-- |
| | | * @Date: 2024-01-05 22:26:22 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-02-02 23:46:50 |
| | | * @LastEditTime: 2024-03-08 09:07:05 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/mapPreviewDetail/index.vue |
| | | --> |
| | | <template> |
| | |
| | | |
| | | .center { |
| | | flex: 1 1 auto; |
| | | |
| | | display: flex; |
| | | flex-direction: column; |
| | | .center-top { |
| | | display: flex; |
| | | justify-content: space-around; |
| | |
| | | } |
| | | |
| | | .center-bottom { |
| | | flex: 1 1 auto; |
| | | margin-bottom: 50px; |
| | | margin-top: 50px; |
| | | display: flex; |
| | | justify-content: center; |
| | | |
| | | img { |
| | | width: 629px; |
| | | height: 648px; |
| | | max-width: 100%; |
| | | max-height: 100%; |
| | | } |
| | | } |
| | | } |
| | |
| | | background: url('./img/right_1.png'); |
| | | padding: 0 14px; |
| | | overflow: hidden; |
| | | |
| | | background-size: contain; |
| | | &>p { |
| | | font-size: 21px; |
| | | font-family: PingFangSC, PingFang SC; |
| | |
| | | width: 100%; |
| | | height: 208px; |
| | | background: url('./img/right_2.png'); |
| | | |
| | | background-size: contain; |
| | | p { |
| | | font-size: 16px; |
| | | color: #F7F8FA; |
| | |
| | | width: 100%; |
| | | height: 208px; |
| | | background: url('./img/right_2.png'); |
| | | background-size: contain; |
| | | } |
| | | |
| | | .right_3 { |