feat: 首页框架开发

src/pages/index/index.scss

@@ -2,6 +2,13 @@
   flex-direction: column;
   width: 100%;
 }
+.swpier-view {
+  width: 100%;
+  .img {
+    width: 100%;
+    height: 100%;
+  }
+}
 .city {
   position: absolute;
   display: inline-flex;
@@ -15,4 +22,50 @@
     height: 36px;
     margin-right: 12px;
   }
+}
+.sub-nav {
+  width: 100%;
+  padding: 20px 0;
+  display: flex;
+  flex-direction: row;
+  .content {
+    width: 50%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    .img {
+      width: 80px;
+      height: 80px;
+    }
+  }
+}
+.sub-title {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.store-list-title {
+  width: 100%;
+  margin: 20px 0;
+}
+.list-view {
+  display: flex;
+  flex-direction: row;
+  padding: 20px;
+  background-color: #ccc;
+  .img {
+    width: 200px;
+    height: 200px;
+  }
+  .text-cont {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+  .distance {
+    display: flex;
+    align-items: center;
+  }
 }
\ No newline at end of file