| | |
| | | /* pages/personalCenter/publishBooks/index.wxss */ |
| | | .container { |
| | | width: 100vw; |
| | | height: 100vh; |
| | | background: #F2F3F8; |
| | | } |
| | | |
| | | .content { |
| | | height: calc(100vh - env(safe-area-inset-bottom)); |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .pageInfo { |
| | | padding: 40rpx 20rpx; |
| | | } |
| | | |
| | | .pageTotalCount { |
| | | font-size: 28rpx; |
| | | } |
| | | |
| | | .content-item { |
| | | padding: 20rpx 0; |
| | | background: #fff; |
| | | border-radius: 10rpx; |
| | | margin: 30rpx 0; |
| | | } |
| | | |
| | | .content-item .icon { |
| | | width: 58rpx; |
| | | height: 58rpx; |
| | | } |
| | | |
| | | .content-item .icon .img { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .item-con { |
| | | margin-left: 30rpx; |
| | | } |
| | | |
| | | .titleBox .item-title { |
| | | |
| | | font-weight: bold; |
| | | flex: 1; |
| | | width: 680rpx; |
| | | height: 40rpx; |
| | | line-height: 40rpx; |
| | | margin-top: 20rpx; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 1; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | .createDate { |
| | | font-size: 24rpx; |
| | | margin: 20rpx 0; |
| | | } |
| | | |
| | | .description { |
| | | font-size: 24rpx; |
| | | height: 80rpx; |
| | | line-height: 40rpx; |
| | | display: -webkit-box; |
| | | margin-top: 20rpx; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | .refresh-container { |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .bottom-loading, |
| | | .loading { |
| | | padding: 20rpx; |
| | | text-align: center; |
| | | } |
| | | |
| | | .body-loading { |
| | | padding: 200rpx 0; |
| | | text-align: center; |
| | | } |
| | | |
| | | .block { |
| | | position: relative; |
| | | width: 90vw; |
| | | height: 80vh; |
| | | background: var(--td-bg-color-container); |
| | | border-radius: 16rpx; |
| | | } |
| | | |
| | | .srcolbox { |
| | | width: 100%; |
| | | height: 78vh; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .block-content { |
| | | padding: 20rpx; |
| | | } |
| | | |
| | | .label { |
| | | font-weight: bold; |
| | | font-size: 28rpx; |
| | | } |
| | | |
| | | .infoCon { |
| | | padding: 10rpx 0; |
| | | font-size: 28rpx; |
| | | color: #666; |
| | | white-space: normal; |
| | | /* 保证文本会在适当的地方换行 */ |
| | | word-break: break-all; |
| | | } |
| | | |
| | | .close-btn { |
| | | position: absolute; |
| | | left: 50%; |
| | | margin-left: -32rpx; |
| | | bottom: calc(-1 * (48rpx + 64rpx)); |
| | | } |