| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- /* 单元格组样式 */
- .tdesign-cell-group {
- position: relative;
- }
- /* 标题样式 */
- .tdesign-cell-group__title {
- font-family: PingFangSC-Regular;
- font-size: var(--td-cell-group-title-font-size, 28rpx);
- color: var(--td-cell-group-title-color, rgba(0,0,0,.4));
- text-align: left;
- line-height: var(--td-cell-group-title-line-height, 90rpx);
- background-color: var(--td-cell-group-title-bg-color, #f3f3f3);
- padding-left: var(--td-cell-group-title-padding-left, 32rpx);
- }
- /* 内容区域 */
- .tdesign-cell-group__content {
- position: relative;
- }
- /* 边框处理 */
- .tdesign-cell-group--bordered::before {
- position: absolute;
- box-sizing: border-box;
- content: ' ';
- pointer-events: none;
- right: 0;
- left: 0;
- top: 0;
- border-top: 1px solid var(--td-cell-group-border-color, #e7e7e7);
- transform: scaleY(.5);
- transform-origin: 0 0;
- transform-origin: top;
- z-index: 1;
- }
- .tdesign-cell-group--bordered::after {
- position: absolute;
- box-sizing: border-box;
- content: ' ';
- pointer-events: none;
- right: 0;
- left: 0;
- bottom: 0;
- border-bottom: 1px solid var(--td-cell-group-border-color, #e7e7e7);
- transform: scaleY(.5);
- transform-origin: bottom;
- z-index: 1;
- }
- /* 卡片主题 */
- .tdesign-cell-group--card {
- margin: 0 32rpx;
- border-radius: var(--td-radius-large, 18rpx);
- overflow: hidden;
- }
|