首页适配

src/views/main/Main.vue

@@ -15,6 +15,7 @@
     </div>
     <div class="roolsolt">
       <van-row
+      type="flex" justify="space-between"
         class="roll"
         background="#ecf9ff"
         style="
@@ -53,14 +54,19 @@
       </van-row>
     </div>
 
-    <div style="background-color: #ffff; height: 18%">
+    <div  style="background-color: #ffff; margin-bottow:20px; " >
       <div class="prudect">
+      
 
         <van-row type="flex" justify="space-between">
-        <span style="padding:20px 16px; font-size: 18px; font-weight: 600; margin-left: 4% width: 30%;  height:44px;" >推荐产品</span>
 
-        <van-cell
-        style="font-size: 18px;  padding:18px 16px; width: 60%; " 
+        <van-col span="10">
+          <span style=" padding:20px 16px; font-size: 18px; font-weight: 600; margin-left: 4% " >推荐产品</span>
+        </van-col>
+
+       <van-col span="14">
+          <van-cell
+        style="font-size: 18px;  padding:20px 16px; " 
 
           :value="outcsinfo.place"
           @click="onAddress">
@@ -68,6 +74,7 @@
             <van-icon name="location-o" />
          </template>
         </van-cell>
+       </van-col>
        
 
         </van-row>
@@ -713,10 +720,12 @@ export default class Main extends Vue {
 }
 .prudect {
   line-height: 100%;
-  margin-top: 40px;
-  margin-bottom: 10px;
+  padding-top: 30px;
+  padding-bottom: 10px;
 }
 
+
+
 .vandiv {
   text-align: center;
   border-color: rgba(204, 204, 204, 1);
@@ -786,6 +795,21 @@ export default class Main extends Vue {
     box-shadow: none;
 }
 
+::v-deep .van-cell {
+    position: relative;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 10px 16px;
+    overflow: hidden;
+    color: #323233;
+    font-size: 14px;
+    line-height: 24px;
+    background-color:transparent;
+}
+
 .van-dropdown-item {
   position: relative;
   right: 0;