// 基于 @CONTROL/列表/CONTROL.less.ftl 生成 // this is less .app-list { height:100%; flex-grow: 1; overflow-y: auto; .el-collapse-item__header.is-active{ color: #409eff; background-color: #ecf5ff; } .el-collapse{ .el-collapse-item{ .el-collapse-item__wrap{ .el-collapse-item__content{ padding: 10px 0 10px 0; } } } } .app-list-item { line-height: 34px; padding: 12px 6px; min-height: 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f0f0; .app-list-item-content { width: 70%; display: flex; align-items: center; .item-icon { width: 40px; height: 40px; margin-right: 14px; img { width: 40px; height: 40px; border-radius: 50%; } } .item-content-text { display: flex; flex-direction: column; width: 80%; .item-title { font-size: 18px; font-weight: bold; } .item-description{ height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .item-subtext { color: #8c8c8c; } } } .app-list-item-date { position: relative; color: #8c8c8c; } } .app-list-item.isSelect { background: #ecf5ff; border-radius: 2px; border-color: rgb(197, 197, 197); } .app-list-item:hover { background: #ecf5ff; } .loadmore { text-align: center; padding: 10px; text-decoration: underline; color: #82bff7; cursor: default; } } .app-list-empty { height:100%; color: #909399; display: flex; justify-content: center; align-items: center; }