| | |
| | | } |
| | | |
| | | .bottom-title-text { |
| | | position: absolute; |
| | | /* 绝对定位 */ |
| | | left: 50%; |
| | | /* 移动到容器的中间 */ |
| | | transform: translateX(-50%); |
| | | /* 通过平移自身宽度的一半来实现真正的居中 */ |
| | | font-size: 16px; |
| | | /* 字体大小 */ |
| | | color: #333; |
| | | /* 字体颜色 */ |
| | | |
| | | margin-right: 10rpx; /* 给文本和图标之间添加一些间距 */ |
| | | font-size: 16px; /* 字体大小 */ |
| | | color: #333; /* 字体颜色 */ |
| | | } |
| | | |
| | | .refresh-button { |
| | |
| | | margin-bottom: 2rpx; |
| | | width: 100wh; |
| | | } |
| | | .swipe-cell-base{ |
| | | .info-img{ |
| | | width: 50rpx; |
| | | height: 50rpx; |
| | | } |
| | | .title-center{ |
| | | position: absolute; |
| | | /* 绝对定位 */ |
| | | left: 50%; |
| | | /* 移动到容器的中间 */ |
| | | transform: translateX(-50%); |
| | | display: flex; |
| | | justify-content: space-between; /* 使子元素在主轴上均匀分布 */ |
| | | align-items: center; /* 垂直居中对齐 */ |
| | | } |
| | | |
| | | .content-container{ |
| | | white-space: pre-line; |
| | | word-wrap: break-word; /* 防止长单词无法换行 */ |
| | | } |
| | | |
| | | .long-content { |
| | | height: 450rpx; |
| | | margin-top: 16rpx; |
| | | font-size: 32rpx; |
| | | color: #888; |
| | | } |