| | |
| | | </div> |
| | | </div> |
| | | <div class="info-box" v-if="noticeInfo.jumpPath"> |
| | | <!-- <component class="notice-content" :is="noticeInfo.jumpPath" style="height: 500px;" > |
| | | </component> --> |
| | | <component class="notice-content" :is="noticeInfo.jumpPath"> |
| | | </component> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | |
| | | <style scoped> |
| | | .notice-detail-page{ |
| | | height: calc(100vh - 120px); |
| | | overflow-y: auto; |
| | | padding-top: 16px; |
| | | height: calc(100% - 30px); |
| | | padding: 16px 0; |
| | | } |
| | | .notice-detail-head{ |
| | | background: #fff; |
| | |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | padding: 8px 20px 20px; |
| | | background: rgba(148, 147, 147, 0.1); |
| | | border-radius: 8px; |
| | | background: rgba(0,0,0, 0.03); |
| | | box-shadow: 0 0 10px 10px #fff; |
| | | border-radius: 4px; |
| | | height: calc(100% - 192px - 22px); |
| | | } |
| | | .notice-detail-head-content div{ |
| | | border-radius: 8px; |
| | |
| | | box-sizing: border-box; |
| | | margin-top: 12px; |
| | | } |
| | | |
| | | .notice-content{ |
| | | height: 100%; |
| | | } |
| | | </style> |