first commit

历届学生/朱立伟/项目案例/小说app/css/clear.css

@@ -0,0 +1,39 @@
+html {
+  font-size: 20px !important;
+}
+@media only screen and (min-width: 320px) {
+  html {
+    font-size: 17.1px !important;
+  }
+}
+@media only screen and (min-width: 375px) {
+  html {
+    font-size: 20px !important;
+  }
+}
+@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;
+  }
+}
+
+body,ul,p{
+  margin: 0;
+  padding: 0;
+}
+li {
+  list-style: none;
+}
+input {
+  outline: none;
+}

历届学生/朱立伟/项目案例/小说app/css/footer.css

@@ -0,0 +1,33 @@
+.footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0px;
+  width: 100%;
+  background: #fff;
+  box-shadow: 0rem -0.2rem 0.4rem 0rem rgba(217, 217, 217, 0.5);
+  height: 2.5rem;
+}
+.footer ul {
+  display: flex;
+  justify-content: space-around;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  padding-top: .1rem;
+}
+.footer ul li {
+  text-align: center;
+}
+.footer ul li img {
+  width: 1.2rem;
+  height: 1.2rem;
+}
+.footer ul li p {
+  font-size: .5rem;
+	color: #4d4d4d;
+}
+.footer .main img{
+  width: 1.9rem;
+  height: 1.9rem;
+}

历届学生/朱立伟/项目案例/小说app/css/index.css

@@ -0,0 +1,125 @@
+.search {
+  display: flex;
+  justify-content: space-between;
+  padding: 0.325rem 0.5rem 0 0.5rem;
+  align-items: center;
+}
+.search_class p{
+	font-size: 0.6rem;
+	color: #010101;
+}
+.search_left{
+  position: relative;
+}
+.search_left input{
+  background-color: #e6e6e6;
+  border-radius: 0.712rem;
+  border: none;
+  padding-left: 1.675rem;
+  box-sizing: border-box;
+  padding-top: 0.45rem;
+  padding-bottom: 0.45rem;
+  width: 15.4rem;
+}
+.search_left img{
+  position: absolute;
+  width: 0.65rem;
+  height: 0.65rem;
+  top: 50%;
+  margin-top: -6.5px;
+}
+.search_left img:first-child {
+  left: 0.6rem;
+}
+.search_left img:last-child {
+  right: 0.85rem;
+}
+.menu ul {
+  display: flex;
+  justify-content: space-around;
+  height: 45px;
+  align-items: center;
+}
+.menu ul li{
+	font-size: 0.6rem;
+	color: #4c4c4c;
+}
+
+.banner {
+  width: 100%;
+  height: 7.875rem;
+  background: #8d8d8d;
+}
+.banner img{
+  width: 100%;
+}
+.class_menu ul {
+  display: flex;
+  justify-content: space-around;
+  padding-top: 0.825rem;
+  padding-bottom: 0.95rem;
+  background: #fff;
+}
+.class_menu ul li {
+  text-align: center;
+}
+.class_menu ul li img {
+  width: 1.4rem;
+	height: 1.4rem;
+}
+.class_menu ul li p {
+	font-size: 0.45rem;
+  color: #000000;
+  margin-top: 0.35rem;
+}
+
+.list_book {
+
+}
+.book_item {
+  padding-top: 0.425rem;
+  padding-left: 0.85rem;
+  padding-right: 0.85rem;
+  margin-top: 0.25rem;
+}
+.item_title {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 0.925rem;
+  height: 1.15rem;
+  align-items: center;
+}
+.item_title p{
+  font-size: 0.65rem;
+  color: #000000;
+  border-left: 0.4rem solid #ff4c8a;
+  padding-left: 0.35rem;
+  padding-top: 0.525rem;
+}
+.item_title span{
+	font-size: 0.4rem;
+  color: #4d4d4d;
+  padding-top: 0.525rem;
+}
+.book_content ul {
+  display: flex;
+  flex-wrap: wrap;
+}
+.book_content ul li {
+  margin-right: 0.59rem;
+  margin-bottom: 1.2rem;
+}
+.book_content ul li:nth-child(3n) {
+  margin-right: 0;
+}
+.book_content ul li img {
+	width: 5.225rem;
+  height: 7rem;
+}
+
+.book_content ul li p {
+	font-size: .6rem;
+	letter-spacing: 0.045rem;
+  color: #000000;
+  width: 5rem;
+}

历届学生/朱立伟/项目案例/小说app/css/public.css

@@ -0,0 +1,16 @@
+body {
+  background-color: #e6e6e6;
+}
+.back-fff {
+  background: #fff;
+}
+.content{
+  padding-bottom: 50px;
+  padding-top: 84.5px;
+}
+.header {
+  position: fixed;
+  left: 0;
+  width: 100%;
+  top: 0;
+}