官网更改

components/homeinput.vue

@@ -77,8 +77,7 @@ import Cookies from "js-cookie"
 .images>img{
     width:40px;
     height:38px;
-    /* margin-left:20px */
-    margin-right:40px
+    margin-right:40%;
     
 }
   .head-input{
@@ -96,7 +95,7 @@ import Cookies from "js-cookie"
    }
    .head-input-title{
      margin-top: -5px;
-     margin-left: -610px;
+     margin-left: -590px;
      /* font-size:.28rem;
      color:rgba(0,0,0,1);
      font-weight: bold; */

pages/index.vue

@@ -5,7 +5,7 @@
     <Nav></Nav>
     <nuxt></nuxt>
     <Footer></Footer>
-    <div class="imagesList" >
+   <!--  <div class="imagesList" >
         <img src="../assets/images/phone.png" alt="电话">
         <img src="../assets/images/QQ.png" alt="QQ">
         <img src="../assets/images/email.png" alt="邮箱">
@@ -13,7 +13,7 @@
         <div>
             <img src="../assets/images/qrcode.png" alt="二维码"  class="qrcode" v-if="isshowqrcode">
         </div>
-    </div>
+    </div> -->
   </div>
 </template>
 <script>
@@ -25,36 +25,37 @@ export default {
   name: "homePage",
   data() {
     return {
-        isshowqrcode:false
+        /* isshowqrcode:false */
     };
   },
   components: {
     Head,
     Nav,
     Footer,
+    Homeinput
   },
-  methods:{
+  /* methods:{
       enter(){
           this.isshowqrcode = true
       },
       leave(){
           this.isshowqrcode = false
       }
-  }
+  } */
 };
 </script>
 
 <style scoped>
 
 .home {
-  width: 99%;
+  width: 100%;
   min-width: 810px;
   height: 100%;
   min-height: 600px;
 }
 .imagesList{
     position: fixed;
-    /* flex-direction: column; */
+    flex-direction: column;
     width:30px;
     right:10px;
     top:35%;

pages/index/index.vue

@@ -2,7 +2,7 @@
   <div class="homepage" >
     <div class="content flex">
       <div class="banner">
-        <el-carousel trigger="click" height="5.41rem">
+        <el-carousel trigger="click" height="5.41rem" width="10rem" class="car">
           <el-carousel-item v-for="(item,index) in picArr" :key="index">
               <img :src="item.picUrl" alt="" class="src-img">
           </el-carousel-item>
@@ -10,25 +10,28 @@
       </div>
       <div class="login" @mouseover="changeOver" >
         <div class="author" >
-          <img src="~/assets/css/7.png">
+          <img src="~/assets/css/user.png">
         </div>
         <div class="login-title">{{userName}}</div>
-        <div class="login-button" @click="loginuser" v-show="showDefault">用户登录</div>
-        <div class="login-button" @click="Merchant" v-show="showDefault">商家入驻</div>
-        <!-- <div class="login-button"  @click="checkout" v-show="!showDefault">退出</div> -->
+        <div class="login-button t10" @click="loginuser" v-show="showDefault">用户登录</div>
+        <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>
+        </div>
       </div>
     </div>
-    <div class="content message">
+    <div class="contentList message">
       <div v-for="(item,index) in messageList" :key="index" class="message-item">
-        <div class="t3" style="margin-bottom: 0.2rem;">{{item.head}}</div>
-        <div class="flex-between" >
-          <img :src="item.src" alt="" >
-          <div>{{item.title}}</div>
+        <div class="t3 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="content flex-between">
+   <div class="contentList flex-between">
       <div  class="dynamic-item">
         <div class="flex-between">
           <div class="t3 " @click="latformDynamics">平台动态</div>
@@ -118,6 +121,10 @@ import Cookies from "js-cookie"
       }
     },
     methods:{
+      //注册
+      reg(){
+        this.$router.push("/login/examine")
+      },
       //新闻
       linkTo(cateId){
         Cookies.set("detailsType",1)
@@ -278,8 +285,8 @@ import Cookies from "js-cookie"
   cursor: pointer;
 }
   .banner {
-    width: 9.16rem;
-    height: 5.41rem;
+    width:100%;
+    height: 421px;
   }
 
   .el-carousel__item h3 {
@@ -299,17 +306,22 @@ import Cookies from "js-cookie"
   }
 
   .login {
-    width: 2.84rem;
-    height: 5.41rem;
+    width: 260px;
+    height: 328px;
     border: .01rem solid rgba(220, 220, 220, 1);
     display: flex;
     flex-direction: column;
     align-items: center;
+    position: absolute;
+    left:70%; 
+    top:30%;
+    background: #FFFFFF;
+    z-index:9999
   }
 
   .login>.login-button {
-    width: 1.05rem;
-    height: .36rem;
+    width:191px;
+    height: 34px;
     line-height: .36rem;
     text-align: center;
     background: rgba(255, 255, 255, 1);
@@ -353,15 +365,14 @@ import Cookies from "js-cookie"
   }
 
   .message-item>div>img {
-    width: 8.80rem;
-    height: 5.40rem;
+    width:/*  8.80rem; */1200px;
+    height: /* 5.40rem; */520px
   }
 
   .message-item>div>div {
-    width: 2.84rem;
-    height: 5.40rem;
+    width: 1200px;
+    height: 76px;
     border: 1px solid rgba(220, 220, 220, 1);
-    padding: .3rem .3rem 0 .3rem
   }
 
   .dynamic-item {
@@ -425,4 +436,45 @@ import Cookies from "js-cookie"
     width:68px;
     height:16px
   }
+  .homepage{
+    width:100%;
+  }
+  .content{
+    width:100%;
+  }
+  .font{
+    color:#0B89FE;
+    cursor:pointer
+  }
+  .login .t10{
+    width: 191px;
+    height: 34px;
+    background: #0B89FE;
+    border-radius: 3px;
+    border: 1px solid #0486FE;
+    color:white
+  }
+  .login .t11{
+    width: 191px;
+    height: 34px;
+    background: #0B89FE;;
+    border-radius: 3px;
+    opacity: 0.3;
+    color:#0B89FE
+  }
+  .contentList{
+    width:1200px;
+    margin:0 auto
+  }
+  .t12{
+     padding-top:50px;
+     margin-bottom: 20px;
+    width: 111px;
+    height: 24px;
+    font-size: 18px;
+    font-family: MicrosoftYaHei;
+    color: #0486FE;
+    line-height: 24px;
+        
+  }
 </style>