首页更改

components/homeinput.vue

 <template>
   <div class="head-input flex-center">
     <div class=" content flex-between">
-       <div class=" images">
+       <div class=" images flex">
          <img src="~/assets/css/logo.jpg" >
-      </div>
          <div class="head-input-title">捷安采</div>
+      </div>
        <div class="search flex-item">
          <div class="flex">
            <el-input
@@ -69,19 +69,20 @@ import Cookies from "js-cookie"
 
 <style>
 .images{
-  width:100px;
-  height:20px;
-  margin-left:0px;
-  margin-top:-20px
+  width:200px;
+  /* height:20px; */
+  /* margin-left:0px;
+  margin-top:-20px */
 }
 .images>img{
     width:40px;
     height:38px;
-    margin-right:40%;
     
 }
   .head-input{
      height: 100px;
+     width:1200px;
+     margin:0 auto
    }
   .search>.search-title{
      width:.74rem;
@@ -94,8 +95,8 @@ import Cookies from "js-cookie"
      width: 2.62rem;
    }
    .head-input-title{
-     margin-top: -5px;
-     margin-left: -590px;
+     margin-top: -2px;
+     /* margin-left: -590px; */
      /* font-size:.28rem;
      color:rgba(0,0,0,1);
      font-weight: bold; */
@@ -105,6 +106,7 @@ import Cookies from "js-cookie"
     font-family: MicrosoftYaHei;
     color: #000000;
     line-height: 37px;
+    margin-left:20px
    }
    .t11{
      cursor: pointer;

pages/index/index.vue

@@ -17,23 +17,23 @@
         <div class="login-button t11" @click="Merchant" v-show="showDefault" style="color:white">商家入驻</div>
         <div class="login-button" v-show="!showDefault" @click="pushH">管理后台</div>
         <div class="flex">
-          <span>还没有账号?</span>
-          <span class="font" @click="reg"> 我要注册</span>
+          <span v-show="showDefault">还没有账号?</span>
+          <span class="font" @click="reg" v-show="showDefault"> 我要注册</span>
         </div>
       </div>
     </div>
-    <div class="contentList message">
+    <div class=" message">
       <div v-for="(item,index) in messageList" :key="index" class="message-item">
-        <div class="t3 t12">{{item.head}}</div>
+        <div class=" t12">{{item.head}}</div>
         <div >
           <img style="border-top:2px solid #0486FE" :src="item.src" alt="" >
           <div style="margin-top:30px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{''+item.title}}</div>
         </div>
       </div>
     </div>
-   <div class="contentList flex-between">
+   <div class="message flex-between">
       <div  class="dynamic-item">
-        <div class="flex-between">
+        <div class="flex-between col">
           <div class="t3 " @click="latformDynamics">平台动态</div>
           <div class="more t1 list-con" @click="latformDynamics">更多></div>
         </div>
@@ -45,7 +45,7 @@
         </ul>
       </div>
       <div  class="dynamic-item">
-        <div class="flex-between">
+        <div class="flex-between col">
           <div class="t3" @click="lawsRegulations">法律法规</div>
           <div class="more t1 list-con" @click="lawsRegulations">更多></div>
         </div>
@@ -57,7 +57,7 @@
         </ul>
       </div>
       <div  class="dynamic-item">
-        <div class="flex-between">
+        <div class="flex-between col">
           <div class="t3" @click="newsInfo">新闻资讯</div>
           <div class="more t1 list-con" @click="newsInfo">更多></div>
         </div>
@@ -313,8 +313,10 @@ import Cookies from "js-cookie"
     flex-direction: column;
     align-items: center;
     position: absolute;
-    left:70%; 
-    top:30%;
+    left:1040px;
+    top:214px;
+    /* left:70%; 
+    top:30%; */
     background: #FFFFFF;
     z-index:9999
   }
@@ -357,7 +359,9 @@ import Cookies from "js-cookie"
   }
 
   .message {
-    margin-top: 0.3rem
+    margin-top: 0.3rem;
+    width:12rem;
+    margin:0 auto
   }
 
   .message-item {
@@ -365,13 +369,14 @@ import Cookies from "js-cookie"
   }
 
   .message-item>div>img {
-    width:/*  8.80rem; */1200px;
-    height: /* 5.40rem; */520px
+    width:/*  8.80rem; */12rem;
+    height: /* 5.40rem; */5.2rem;
+    /* margin:0 auto */
   }
 
   .message-item>div>div {
-    width: 1200px;
-    height: 76px;
+    width: 12rem;
+    height: .76rem;
     border: 1px solid rgba(220, 220, 220, 1);
   }
 
@@ -380,12 +385,16 @@ import Cookies from "js-cookie"
     height: 2.78rem;
     border: 1px solid rgba(151, 152, 153, 1);
     box-sizing: border-box;
-    padding: 0.2rem;
+    /* padding: 0.2rem; */
+    margin-top:40px
+  }
+  .dynamic-item .col{
+      background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%);
   }
-
   .dynamic-item>div {
     padding-bottom: 0.12rem;
     border-bottom: 1px solid rgba(228, 231, 237, 1);
+    padding:0.2rem
   }
 
   .dynamic-item .more {
@@ -394,6 +403,8 @@ import Cookies from "js-cookie"
 
   .dynamic-item>ul {
     margin-top: 0.12rem;
+    padding:0.2rem;
+    padding-top:0.05rem
   }
 
   .dynamic-item>ul>li {
@@ -463,7 +474,7 @@ import Cookies from "js-cookie"
     color:#0B89FE
   }
   .contentList{
-    width:1200px;
+    width:100%;
     margin:0 auto
   }
   .t12{