123 lines
2.6 KiB
Plaintext
123 lines
2.6 KiB
Plaintext
|
/*=========== 公共间距 ===========*/
|
|||
|
|
.ml-35 {
|
|||
|
|
margin-left: 65.63rpx;
|
|||
|
|
}
|
|||
|
|
.ml-27 {
|
|||
|
|
margin-left: 50.63rpx;
|
|||
|
|
}
|
|||
|
|
.mt-13 {
|
|||
|
|
margin-top: 24.38rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*=========== 页面整体 ===========*/
|
|||
|
|
.page {
|
|||
|
|
padding: 37.76rpx 41.25rpx 980.63rpx;
|
|||
|
|
background-image: linear-gradient(180deg, #ff8d1a 0%, #ff8d1a00 27%);
|
|||
|
|
width: 100%;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
overflow-x: hidden;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*=========== 文本样式，均放大一号 ===========*/
|
|||
|
|
/* 主标题 “我推荐的用户” */
|
|||
|
|
.text {
|
|||
|
|
color: #ffffff;
|
|||
|
|
font-size: 36rpx; /* 原 33.75rpx → 36rpx */
|
|||
|
|
line-height: 34rpx; /* 对应行高 */
|
|||
|
|
font-family: SourceHanSansCN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 次级标题 “直推用户”/“间推用户” */
|
|||
|
|
.text_2 {
|
|||
|
|
margin-top: 40.42rpx;
|
|||
|
|
color: #ffffff;
|
|||
|
|
font-size: 36rpx; /* 新增字号 */
|
|||
|
|
line-height: 34rpx;
|
|||
|
|
font-family: SourceHanSansCN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 通用白字 */
|
|||
|
|
.font {
|
|||
|
|
font-size: 33rpx; /* 原 30rpx → 33rpx */
|
|||
|
|
line-height: 30rpx;
|
|||
|
|
color: #ffffff;
|
|||
|
|
font-family: SourceHanSansCN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 卡片容器 */
|
|||
|
|
.section {
|
|||
|
|
padding: 27.66rpx 27.09rpx 22.67rpx;
|
|||
|
|
background-color: #ffffff;
|
|||
|
|
border-radius: 9.38rpx;
|
|||
|
|
}
|
|||
|
|
.view {
|
|||
|
|
margin-top: 25.58rpx;
|
|||
|
|
}
|
|||
|
|
.group {
|
|||
|
|
padding-left: 14.06rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 表头文字 */
|
|||
|
|
.font_2 {
|
|||
|
|
font-size: 30rpx; /* 原 26.25rpx → 30rpx */
|
|||
|
|
line-height: 28rpx;
|
|||
|
|
color: #323232;
|
|||
|
|
font-family: SourceHanSansCN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 表格内容：收益、时间 */
|
|||
|
|
.font_4 {
|
|||
|
|
font-size: 30rpx; /* 原 26.25rpx → 30rpx */
|
|||
|
|
line-height: 23rpx;
|
|||
|
|
color: #323232;
|
|||
|
|
font-family: SourceHanSansCN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 小图标 */
|
|||
|
|
.image {
|
|||
|
|
width: 30rpx;
|
|||
|
|
height: 30rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* “间推用户”前缀 */
|
|||
|
|
.text_6 {
|
|||
|
|
margin-left: 2.74rpx;
|
|||
|
|
color: #323232;
|
|||
|
|
font-size: 30rpx; /* 新增字号 */
|
|||
|
|
line-height: 28rpx;
|
|||
|
|
font-family: SourceHanSansCN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 用户名文字，放大一号 */
|
|||
|
|
.font_3 {
|
|||
|
|
font-size: 30rpx; /* 原 26.25rpx → 30rpx */
|
|||
|
|
line-height: 36rpx; /* 支持两行 */
|
|||
|
|
color: #323232;
|
|||
|
|
font-family: SourceHanSansCN;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*=========== 新增：用户名自动换行 ===========*/
|
|||
|
|
/* 固定宽度，在“sdfdfs”处自动断行 */
|
|||
|
|
.name {
|
|||
|
|
flex: none; /* 关闭 flex 自动拉伸 */
|
|||
|
|
width: 127rpx; /* 根据字符长度微调，200rpx 在 “user_cxz” 后换行 */
|
|||
|
|
word-break: break-all; /* 任意字符处断行 */
|
|||
|
|
white-space: normal; /* 允许多行 */
|
|||
|
|
margin-right: 50rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 列表条目顶部对齐，支持多行用户名 */
|
|||
|
|
.list-item,
|
|||
|
|
.list-item_2 {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
margin-right: 12.28rpx;
|
|||
|
|
}
|
|||
|
|
.list-item:first-child,
|
|||
|
|
.list-item_2:first-child {
|
|||
|
|
margin-top: 0;
|
|||
|
|
}
|