You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
1.3 KiB
64 lines
1.3 KiB
2 months ago
|
|
||
|
|
.button.data-v-5a08be13 {
|
||
|
|
display: block;
|
||
|
|
width: 80%;
|
||
|
|
height: 60px;
|
||
|
|
margin:10px auto ;
|
||
|
|
padding: 10px;
|
||
|
|
background-color: #1E90FF;
|
||
|
|
color: white;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
.list.data-v-5a08be13 {
|
||
|
|
margin: 20px;
|
||
|
|
background-color: #f9f9f9; /* 背景色 */
|
||
|
|
border-bottom: 1px solid #ccc; /* 边框 */
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.list-header.data-v-5a08be13{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.list-left.data-v-5a08be13 {
|
||
|
|
flex-grow: 2; /* 让这个区域可扩展 */
|
||
|
|
}
|
||
|
|
.list-mid.data-v-5a08be13 {
|
||
|
|
text-align: center; /* 中间对齐 */
|
||
|
|
padding-right: auto;
|
||
|
|
flex-grow: 1;
|
||
|
|
}
|
||
|
|
.list-right.data-v-5a08be13 {
|
||
|
|
padding-left: 15px;
|
||
|
|
padding-right: 8px;
|
||
|
|
}
|
||
|
|
.list-item.data-v-5a08be13 {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 5px 0;
|
||
|
|
}
|
||
|
|
.item-left.data-v-5a08be13 {
|
||
|
|
font-size: 32rpx;
|
||
|
|
overflow: hidden; /* 防止溢出 */
|
||
|
|
text-overflow: ellipsis; /* 溢出时显示省略号 */
|
||
|
|
white-space: nowrap; /* 不换行 */
|
||
|
|
text-align: left; /* 姓名列靠左 */
|
||
|
|
flex: 6;
|
||
|
|
}
|
||
|
|
.item-mid.data-v-5a08be13{
|
||
|
|
text-align: center; /* 中间对齐 */
|
||
|
|
padding-left: 60px;
|
||
|
|
padding-right: 45px;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.item-right.data-v-5a08be13{
|
||
|
|
text-align: center;
|
||
|
|
padding-right: 10px;
|
||
|
|
flex:1;
|
||
|
|
}
|
||
|
|
.button-container.data-v-5a08be13 {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
}
|