| | |
| | | <scroll-view scroll-y class="content-wrapper"> |
| | | <rich-text |
| | | :nodes="formatContent(detailData.content)" |
| | | class="content" |
| | | class="rich-content" |
| | | ></rich-text> |
| | | </scroll-view> |
| | | </template> |
| | |
| | | padding: 30rpx; |
| | | min-height: 100vh; |
| | | background-color: #f8f8f8; |
| | | |
| | | } |
| | | |
| | | .loading-container { |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .content-wrapper { |
| | | background-color: #fff; |
| | | border-radius: 16rpx; |
| | | padding: 30rpx; |
| | | box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05); |
| | | height: calc(100vh - 300rpx); |
| | | |
| | | .content { |
| | | .rich-content { |
| | | font-size: 30rpx; |
| | | line-height: 1.8; |
| | | color: #333; |
| | |
| | | margin: 20rpx 0; |
| | | } |
| | | } |
| | | .content-wrapper { |
| | | background-color: #fff; |
| | | border-radius: 16rpx; |
| | | padding: 30rpx; |
| | | box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05); |
| | | height: calc(100vh - 300rpx); |
| | | box-sizing: border-box; |
| | | } |
| | | </style> |