first commit

历届学生/陈一航/项目/今日头条/css/clear.css

@@ -0,0 +1,6 @@
+body,ul,li,h1,h2,h3,h4,h5,h6,p,a{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    text-decoration: none;
+}

历届学生/陈一航/项目/今日头条/css/edit.css

@@ -0,0 +1,47 @@
+.header {
+    display: flex;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 50px;
+    background: #d43d3d;
+    align-items: center;
+}
+.header .back {
+    width: 1.1rem;
+    height: 1.25rem;
+    margin-left: 12px;
+}
+.header span {
+    color: #fff;
+    margin: 0 auto;
+    font-size: 16px;
+}
+.content {
+    margin-top: 50px;
+    padding: 0 15px;
+}
+.delete {
+    margin-bottom: 20px;
+}
+.delete ul,
+.add ul{
+    display: flex;
+    flex-wrap: wrap;
+}
+.delete span,
+.add span{
+    font-size: 14px;
+    color: #8d8d8d;
+    margin-bottom: 12px;
+    display: block;
+}
+.delete ul li,
+.add ul li{
+    padding: 5px 10px;
+    border: 1px solid #8d8d8d;
+    margin-right: 9px;
+    width: 16%;
+    margin-bottom: 10px;
+}

历届学生/陈一航/项目/今日头条/css/index.css

@@ -0,0 +1,150 @@
+.header {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 99;
+    width: 100%;
+    height: auto;
+}
+.header_logo {
+    width: 100%;
+    height: 44px;
+    background: #d43d3d;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 10px;
+    box-sizing: border-box;
+}
+.message {
+    position: relative;
+}
+.message img {
+    width: 1.6rem;
+    height: 1.25rem;
+}
+.message span {
+    width: .5rem;
+    height: .5rem;
+    background: #fff;
+    border-radius: 100%;
+    position: absolute;
+    right: 0;
+    top: .4rem;
+}
+.logo .log {
+    width: 4.9rem;
+    height: 1.2rem;
+}
+.logo .refresh {
+    width: 1rem;
+}
+.search img {
+    width: 1.2rem;
+}
+.swiper_menu {
+    width: 90%;
+    overflow-x: scroll;
+}
+.header_menu {
+    height: 1.85rem;
+    background: #f4f5f6;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.header_menu_left {
+    display: flex;
+    width: 160%;
+    justify-content: flex-start;
+    padding-left: 15px;
+    box-sizing: border-box;
+} 
+.header_menu_left li {
+    font-size: .85rem;
+    color: #505050;
+    width: 80px;
+}
+.header_menu_right {
+    width: 2rem;
+    height: 1.85rem;
+    text-align: center;
+    line-height: 2rem;
+    background: #f4f5f6;
+    color: #f85959;
+}
+.content {
+    padding: 0 .75rem;
+    margin-top: 4.1rem;
+}
+.list_item {
+
+}
+.item {
+    padding: 16px 0;
+}
+.one {
+
+}
+.one h2 {
+    color: #222;
+    font-size: .85rem;
+    margin-bottom: 6px;
+}
+.one img {
+    width: 100%;
+}
+.one .mes{
+    margin-top: -0.5rem;
+}
+.one .mes span {
+    font-size: .5rem;
+    color: #999;
+}
+.two {
+    display: flex;
+    height: 5.25rem;
+}
+.two .item_message{
+
+}
+.two .item_message h2{
+    font-size: .85rem;
+    margin-right: .6rem
+}
+.two .item_message span{
+    font-size: .5rem;
+    margin-top: .3rem;
+    color: #999;
+}
+.two img {
+    width: 5.65rem;
+    height: 3.675rem;
+}
+.three {
+
+}
+.three h2 {
+    font-size: .85rem;
+    margin-right: .6rem;
+    margin-bottom: .5rem;
+}
+.three ul {
+    display: flex;
+}
+.three ul li {
+    width: 33%;
+    margin-right: 3px;
+}
+.three ul li img{
+    width: 100%;
+    height: 3.675rem;
+}
+.three span {
+    font-size: .5rem;
+    margin-top: .3rem;
+    color: #999;
+}
+.active {
+    color: red !important;
+}

历届学生/陈一航/项目/今日头条/css/public.css

@@ -0,0 +1,23 @@
+html {
+    font-size: 20px;
+  }
+  @media only screen and (min-width: 400px) {
+    html {
+      font-size: 21.33333333px !important;
+    }
+  }
+  @media only screen and (min-width: 414px) {
+    html {
+      font-size: 22.08px !important;
+    }
+  }
+  @media only screen and (min-width: 480px) {
+    html {
+      font-size: 25.6px !important;
+    }
+  }
+
+  .v-algin {
+    line-height: 53px;
+    height: 44px;
+  }