基本完成首页部分

src/index/index.css

@@ -22,12 +22,12 @@
   margin: 0 5px;
 }
 .card-header {
-  padding: .75em .5em;
-  font-size: 18px;
+  padding: .5em;
+  font-size: 20px;
   border-bottom: 1px solid #e6e6e6;
 }
 .card-body {
-  padding: 10px;
+  padding: 10px 5px;
 }
 
 .split-lg {
@@ -36,6 +36,39 @@
   flex-wrap: wrap;
 }
 
+.img-list {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  margin: -3px -5px;
+  align-items: flex-start;
+}
+.img-list > img {
+  width: 200px;
+  margin: 3px 5px;
+}
+
+.message-list {
+  margin: 0;
+  padding-left: 0;
+  list-style: none;
+}
+.message-list > li {
+  line-height: 20px;
+  padding: 8px 0;
+  position: relative;
+}
+/* list disk */
+.message-list > li::before {
+  content: "";
+  width: 8px;
+  height: 8px;
+  background-color: #DADADA;
+  margin-right: 10px;
+  border-radius: 50%;
+  display: inline-block;
+}
+
 @media (max-width: 980px) {
   .split-lg > .card {
     width: 100%;