first commit

历届学生/zheng-yuqing/项目练习/上课项目/js案例/css/cell.css

@@ -0,0 +1,45 @@
+ul {
+    overflow: hidden;
+}
+ul li {
+    display: flex;
+    height: 45px;
+    align-items: center;
+    position: relative;
+    padding: 0 15px;
+    border-bottom: 1px solid #f4f0f0;
+    transition-duration: 0.3s;
+}
+ul li .left {
+    width: 100%;
+}
+ul li .action {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    position: absolute;
+    right: 0;
+    transform: translateX(100%);
+}
+ul li .action .item {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 14px;
+    color: #fff;
+}
+
+.top {
+    background: #c8c7cd;
+}
+
+.read {
+    background: #ff9c00;
+}
+
+.delete {
+    background: #ff3a31;
+}
+
+

历届学生/zheng-yuqing/项目练习/上课项目/js案例/css/clear.css

@@ -0,0 +1,19 @@
+/* 清楚浏览器默认样式 */
+
+ul,li,p,h1,h2,h3,h4,h5,h6,body {
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    text-decoration: none;
+}
+
+li {
+    list-style: none;
+}
+
+input {
+    outline: none;
+    border: none;
+}

历届学生/zheng-yuqing/项目练习/上课项目/js案例/css/index.css

@@ -0,0 +1,36 @@
+body {
+    position: relative;
+    height: 100vh;
+}
+
+.menu {
+    width: 180px;
+    height: 240px;
+    background: #fff;
+    padding: 10px 15px;
+    box-sizing: border-box;
+    border-radius: 6px;
+    box-shadow: 1px 1px 13px #cdcdcd;
+    position: absolute;
+}
+.menu li {
+    display: flex;
+    align-items: center;
+    height: 38px;
+    padding-left: 10px;
+    cursor: pointer;
+}
+.menu li:hover {
+    background: #ece8e8;
+    border-radius: 4px;
+}
+.menu li i {
+    margin-right: 15px;
+}
+.menu li span {
+    font-size: 14px;
+}
+
+.hidden {
+    display: none;
+}

历届学生/zheng-yuqing/项目练习/上课项目/js案例/css/tabs.css

@@ -0,0 +1,15 @@
+.tabs_title {
+    display: flex;
+}
+.tabs_title li {
+    margin-right: 15px;
+}
+.tabs_title .active {
+    color: red;
+}
+.tabs_content li {
+    display: none;
+}
+.tabs_content .active {
+    display: block;
+}