@livelybone/vue-pagination
Version:
A vue pagination component
2 lines (1 loc) • 978 B
CSS
.pagination{font-size:14px;color:#666;overflow:hidden}.pagination .label{float:left;height:28px;line-height:28px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.pagination .input{box-sizing:border-box;float:left;height:28px;padding:0 10px;margin:0 20px 0 10px;border:1px solid #ddd;border-radius:3px;line-height:26px;color:#666;outline:none}.pagination .input:focus{border-color:#3491c3}.pagination .page-btn{box-sizing:border-box;float:left;min-width:28px;height:28px;line-height:26px;padding:0 4px;margin:0 0 0 10px;border:1px solid #ddd;text-align:center;cursor:pointer;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pagination .page-btn:hover{background:rgba(52,145,195,0.3)}.pagination .page-btn.disabled{cursor:default;background:rgba(0,0,0,0.1);border-color:rgba(221,221,221,0.1)}.pagination .page-btn.active{color:#fff;background:#3491c3;border-color:#3491c3}