提交内容

src/views/account/findPassword.vue

@@ -7,54 +7,60 @@
         <span class="info">忘记密码</span>
       </div>
     </div>
-    <div class="container pt3rem pb3rem">
-      <el-row :gutter="20">
-        <el-col :span="8" :offset="16">
-          <div class="loginDiv">
-            <div class="name"><span class="line"></span>重设密码</div>
-            <div class="inputDiv">
-              <img src="@assets/user.png" alt="" />
-              <el-input
-                class="fr"
-                placeholder="登录账号"
-                v-model="form.username"
-              >
-              </el-input>
-            </div>
-            <div class="inputDiv">
-              <img src="@assets/phone.png" alt="" />
-              <el-input class="fr" placeholder="手机号码" v-model="form.phone">
-              </el-input>
-            </div>
-            <div class="yzmDiv">
-              <div class="inputDiv per70">
-                <img src="@assets/yz.png" alt="" />
+    <div class="bgImg">
+      <div class="container pt3rem pb3rem">
+        <el-row :gutter="20">
+          <el-col :span="8" :offset="16">
+            <div class="loginDiv">
+              <div class="name"><span class="line"></span>重设密码</div>
+              <div class="inputDiv">
+                <img src="@assets/user.png" alt="" />
                 <el-input
                   class="fr"
-                  placeholder="验证码"
-                  style="width:89%;"
-                  v-model="form.yzm"
+                  placeholder="登录账号"
+                  v-model="form.username"
                 >
                 </el-input>
               </div>
-              <div class="yzm">获取验证码</div>
-            </div>
-            <div class="inputDiv">
-              <img src="@assets/lock.png" alt="" />
-              <el-input
-                class="fr"
-                type="password"
-                placeholder="新密码"
-                v-model="form.password"
-              >
-              </el-input>
-            </div>
-            <div>
-              <el-button class="loginBtn">提交</el-button>
+              <div class="inputDiv">
+                <img src="@assets/phone.png" alt="" />
+                <el-input
+                  class="fr"
+                  placeholder="手机号码"
+                  v-model="form.phone"
+                >
+                </el-input>
+              </div>
+              <div class="yzmDiv">
+                <div class="inputDiv per70">
+                  <img src="@assets/yz.png" alt="" />
+                  <el-input
+                    class="fr"
+                    placeholder="验证码"
+                    style="width:89%;"
+                    v-model="form.yzm"
+                  >
+                  </el-input>
+                </div>
+                <div class="yzm">获取验证码</div>
+              </div>
+              <div class="inputDiv">
+                <img src="@assets/lock.png" alt="" />
+                <el-input
+                  class="fr"
+                  type="password"
+                  placeholder="新密码"
+                  v-model="form.password"
+                >
+                </el-input>
+              </div>
+              <div>
+                <el-button class="loginBtn">提交</el-button>
+              </div>
             </div>
-          </div>
-        </el-col>
-      </el-row>
+          </el-col>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -180,6 +186,10 @@ export default {
     }
   }
 }
+.bgImg {
+  background: url("~@assets/loginbg.png") no-repeat;
+  background-size: 100% 100%;
+}
 .bg-F5 {
   background: #f5f5f5;
 }

src/views/account/login.vue

@@ -7,63 +7,65 @@
         <span class="info">欢迎登录</span>
       </div>
     </div>
-    <div class="container pt3rem pb3rem">
-      <el-row :gutter="20">
-        <el-col :span="8" :offset="16">
-          <div class="loginDiv">
-            <div class="name"><span class="line"></span>账号登录</div>
-            <div class="inputDiv">
-              <img src="@assets/user.png" alt="" />
-              <el-input
-                class="fr"
-                placeholder="用户名(支持手机号)"
-                v-model="form.loginAccount"
-              >
-              </el-input>
-            </div>
-            <div class="inputDiv">
-              <img src="@assets/lock.png" alt="" />
-              <el-input
-                class="fr"
-                type="password"
-                placeholder="密码"
-                v-model="form.loginPassword"
-              >
-              </el-input>
-            </div>
-            <div class="yzmDiv">
-              <div class="inputDiv per70">
-                <img src="@assets/yz.png" alt="" />
+    <div class="bgImg">
+      <div class="container pt3rem pb3rem">
+        <el-row :gutter="20">
+          <el-col :span="8" :offset="16">
+            <div class="loginDiv">
+              <div class="name"><span class="line"></span>账号登录</div>
+              <div class="inputDiv">
+                <img src="@assets/user.png" alt="" />
                 <el-input
                   class="fr"
-                  placeholder="验证码"
-                  style="width:88%;"
-                  v-model="form.validateCode"
+                  placeholder="用户名(支持手机号)"
+                  v-model="form.loginAccount"
                 >
                 </el-input>
               </div>
-              <div class="yzm">
-                <img :src="verifyImg" @click="setVerifyImg" alt="" />
+              <div class="inputDiv">
+                <img src="@assets/lock.png" alt="" />
+                <el-input
+                  class="fr"
+                  type="password"
+                  placeholder="密码"
+                  v-model="form.loginPassword"
+                >
+                </el-input>
+              </div>
+              <div class="yzmDiv">
+                <div class="inputDiv per70">
+                  <img src="@assets/yz.png" alt="" />
+                  <el-input
+                    class="fr"
+                    placeholder="验证码"
+                    style="width:88%;"
+                    v-model="form.validateCode"
+                  >
+                  </el-input>
+                </div>
+                <div class="yzm">
+                  <img :src="verifyImg" @click="setVerifyImg" alt="" />
+                </div>
+              </div>
+              <div class="checkBoxDiv">
+                <el-checkbox v-model="form.zddl">自动登录</el-checkbox>
+              </div>
+              <div>
+                <el-button class="loginBtn" @click="submit">登录</el-button>
+              </div>
+              <div class="newDiv">
+                <router-link class="forgetPass" to="/findPassword"
+                  >忘记密码</router-link
+                >
+                <span class="line"></span>
+                <router-link class="register" to="/register"
+                  >注册新账号</router-link
+                >
               </div>
             </div>
-            <div class="checkBoxDiv">
-              <el-checkbox v-model="form.zddl">自动登录</el-checkbox>
-            </div>
-            <div>
-              <el-button class="loginBtn" @click="submit">登录</el-button>
-            </div>
-            <div class="newDiv">
-              <router-link class="forgetPass" to="/findPassword"
-                >忘记密码</router-link
-              >
-              <span class="line"></span>
-              <router-link class="register" to="/register"
-                >注册新账号</router-link
-              >
-            </div>
-          </div>
-        </el-col>
-      </el-row>
+          </el-col>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -209,6 +211,10 @@ export default class extends Vue {
     }
   }
 }
+.bgImg {
+  background: url("~@assets/loginbg.png") no-repeat;
+  background-size: 100% 100%;
+}
 .bg-F5 {
   background: #f5f5f5;
 }

src/views/account/register.vue

@@ -7,55 +7,61 @@
         <span class="info">用户注册</span>
       </div>
     </div>
-    <div class="container pt3rem pb3rem">
-      <el-row :gutter="20">
-        <el-col :span="8" :offset="16">
-          <div class="loginDiv">
-            <div class="name"><span class="line"></span>用户注册</div>
-            <div class="inputDiv">
-              <img src="@assets/user.png" alt="" />
-              <el-input
-                class="fr"
-                placeholder="登录账号"
-                v-model="form.loginAccount"
-              >
-              </el-input>
-            </div>
-            <div class="inputDiv">
-              <img src="@assets/lock.png" alt="" />
-              <el-input
-                class="fr"
-                type="password"
-                placeholder="登录密码"
-                v-model="form.loginPassword"
-              >
-              </el-input>
-            </div>
-            <div class="inputDiv">
-              <img src="@assets/phone.png" alt="" />
-              <el-input class="fr" placeholder="手机号码" v-model="form.phone">
-              </el-input>
-            </div>
-            <div class="yzmDiv">
-              <div class="inputDiv per70">
-                <img src="@assets/yz.png" alt="" />
-                <el-input class="fr" placeholder="验证码" style="width:88%;">
+    <div class="bgImg">
+      <div class="container pt3rem pb3rem">
+        <el-row :gutter="20">
+          <el-col :span="8" :offset="16">
+            <div class="loginDiv">
+              <div class="name"><span class="line"></span>用户注册</div>
+              <div class="inputDiv">
+                <img src="@assets/user.png" alt="" />
+                <el-input
+                  class="fr"
+                  placeholder="登录账号"
+                  v-model="form.loginAccount"
+                >
                 </el-input>
               </div>
-              <div class="yzm">获取验证码</div>
-            </div>
-            <div class="checkboxDiv">
-              <el-checkbox v-model="flag">我已阅读并同意</el-checkbox
-              ><a class="xieyi" href="javascript:;"
-                >《用户服务协议和平台免责条款》</a
-              >
-            </div>
-            <div>
-              <el-button class="loginBtn" @click="submit">注册</el-button>
+              <div class="inputDiv">
+                <img src="@assets/lock.png" alt="" />
+                <el-input
+                  class="fr"
+                  type="password"
+                  placeholder="登录密码"
+                  v-model="form.loginPassword"
+                >
+                </el-input>
+              </div>
+              <div class="inputDiv">
+                <img src="@assets/phone.png" alt="" />
+                <el-input
+                  class="fr"
+                  placeholder="手机号码"
+                  v-model="form.phone"
+                >
+                </el-input>
+              </div>
+              <div class="yzmDiv">
+                <div class="inputDiv per70">
+                  <img src="@assets/yz.png" alt="" />
+                  <el-input class="fr" placeholder="验证码" style="width:88%;">
+                  </el-input>
+                </div>
+                <div class="yzm">获取验证码</div>
+              </div>
+              <div class="checkboxDiv">
+                <el-checkbox v-model="flag">我已阅读并同意</el-checkbox
+                ><a class="xieyi" href="javascript:;"
+                  >《用户服务协议和平台免责条款》</a
+                >
+              </div>
+              <div>
+                <el-button class="loginBtn" @click="submit">注册</el-button>
+              </div>
             </div>
-          </div>
-        </el-col>
-      </el-row>
+          </el-col>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -195,6 +201,10 @@ export default class extends Vue {
     }
   }
 }
+.bgImg {
+  background: url("~@assets/loginbg.png") no-repeat;
+  background-size: 100% 100%;
+}
 .bg-F5 {
   background: #f5f5f5;
 }

src/views/home/index.vue

@@ -7,8 +7,14 @@
         </el-col>
         <el-col :span="14">
           <el-carousel class="bannerD marquee" :autoplay="false">
-            <el-carousel-item v-for="item in 4" :key="item">
-              <img class="banner" src="@assets/shangpin.png" att />
+            <el-carousel-item>
+              <img class="banner" src="@assets/lunbo1.png" att />
+            </el-carousel-item>
+            <el-carousel-item>
+              <img class="banner" src="@assets/lunbo2.png" att />
+            </el-carousel-item>
+            <el-carousel-item>
+              <img class="banner" src="@assets/lunbo3.png" att />
             </el-carousel-item>
           </el-carousel>
         </el-col>

src/views/mall/index.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="mall bg-F5">
-    <div class="banner">在线商城banner</div>
+    <div class="banner">
+      <img src="@assets/zxsc-banner.png" alt="" />
+    </div>
     <div class="container ">
       <div class="category">
         <div class="dalei">
@@ -151,6 +153,10 @@ export default class extends Vue {
     font-weight: bold;
     text-align: center;
     background: rgb(220, 220, 220);
+    img {
+      width: 100%;
+      height: 100%;
+    }
   }
   .container {
     padding: 2rem 0;

src/views/shops/details/products.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="products bg-F5">
-    <div class="banner">在线商城banner</div>
+    <div class="banner">
+      <img src="@assets/cjxq-banner.png" alt="" />
+    </div>
     <div class="container">
       <el-row :gutter="20">
         <el-col :span="4">

src/views/shops/enter/index.vue

@@ -1,9 +1,10 @@
 <template>
   <div class="bg-F5">
     <div class="bannerDiv">
-      <div class="container">
-        <router-link to="/shopEnter/add">商家入驻申请</router-link>
-      </div>
+      <img src="@assets/shrz-banner.png" alt="" />
+      <router-link class="applyBtn" to="/shopEnter/add"
+        >商家入驻申请</router-link
+      >
     </div>
     <div class="container">
       <div class="partTitle"><span class="orangeLine"></span>企业认证公示</div>
@@ -128,9 +129,26 @@ export default {
 </script>
 <style scoped lang="scss">
 .bannerDiv {
+  width: 100%;
   height: 24rem;
-  line-height: 24rem;
-  text-align: center;
+  position: relative;
+  img {
+    width: 100%;
+    height: 100%;
+  }
+  .applyBtn {
+    display: inline-block;
+    height: 3rem;
+    line-height: 3rem;
+    font-size: 1.8rem;
+    color: #fd5522;
+    padding: 0 2rem;
+    background: #fff;
+    border-radius: 1.5rem;
+    position: absolute;
+    bottom: 23%;
+    left: 27%;
+  }
 }
 .partTitle {
   padding: 3rem 0 2rem 0;

src/views/shops/index.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="shops bg-F5">
-    <div class="banner">banner</div>
+    <div class="banner">
+      <img src="@assets/sccj-banner.png" alt="" />
+    </div>
     <div class="container ">
       <div class="shop" v-for="x in 5" :key="x">
         <img class="logo fl" src="@assets/shopLogo.png" />
@@ -42,6 +44,10 @@ export default class extends Vue {}
     font-weight: bold;
     text-align: center;
     background: rgb(220, 220, 220);
+    img {
+      width: 100%;
+      height: 100%;
+    }
   }
   .shop {
     margin-top: 20px;