tyh-ui2/theme/list.css

The next generation ui component library of tyh-ui is based on vue3 Version, fully embrace vue3.

.tyh-list{width:100%;border:1px solid #dcdee2;border-radius:6px;color:#515a6e}.tyh-list .tyh-list-header{min-height:45px;font-weight:600;border-bottom:1px solid #dcdee2;display:flex;align-items:center;padding:10px 20px;box-sizing:border-box}.tyh-list .tyh-list-content .tyh-list-ul{padding:0;margin:0}.tyh-list .tyh-list-content .tyh-list-ul .tyh-list-li{min-height:45px;list-style:none;border-bottom:1px solid #dcdee2;display:flex;align-items:center;padding:10px 20px;box-sizing:border-box;cursor:pointer}.tyh-list .tyh-list-content .tyh-list-ul .tyh-list-li:last-child{border:none}.tyh-list .tyh-list-content .tyh-list-ul .tyh-list-li .tyh-list-num{width:25px;display:inline-block;text-align:center;color:#8f8f8f;margin-right:23px}.tyh-list .tyh-list-content .tyh-list-ul .tyh-list-zebra:nth-child(odd){background:#fafafa}.tyh-list .tyh-list-content .tyh-list-ul .tyh-list-hoverShow:hover{transition:.6s;box-shadow:0 2px 12px #0000001a}.tyh-list .tyh-list-not{padding:20px}.tyh-list .tyh-list-footer{min-height:45px;font-weight:600;display:flex;align-items:center;padding:10px 20px;border-top:1px solid #dcdee2;box-sizing:border-box}