首页开发完成1.0

src/layout/components/Navbar.vue

@@ -5,7 +5,7 @@
     <breadcrumb class="breadcrumb-container" />
 
     <div class="right-menu">
-      <el-dropdown class="avatar-container" trigger="click" @command="handleCommand">
+      <el-dropdown class="avatar-container" @command="handleCommand">
         <div class="avatar-wrapper">
           <img :src="navbarLogo.src" class="user-avatar">
           <i class="el-icon-caret-bottom" />

src/views/home/floatMenu.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="div-menu">
-    <div class="div-button-QRCode" @mouseover="QRCodeClassName = 'Float_icon_二维码_蓝色'" @mouseout="QRCodeClassName = 'Float_icon_二维码'"><svg-icon :icon-class="QRCodeClassName" /></div>
+    <div class="div-button-QRCode" @mouseover="QRCodeClassName = 'Float_icon_二维码_蓝色';display = 'display: none;';feedbackClassName = 'Float_icon_反馈';" @mouseout="QRCodeClassName = 'Float_icon_二维码'"><svg-icon :icon-class="QRCodeClassName" /></div>
     <el-card class="QRCode">
-      <div class="QRCode-title">钉钉客服群</div>
+      <div class="QRCode-title">D-Chat客服群</div>
       <el-image :src="imgUrl" style="margin: 0" />
     </el-card>
     <div class="div-button-feedback" @mouseover="feedbackClassName = 'Float_icon_反馈_蓝色';display = 'display: block;'" @mouseout="display === 'display: none;'?feedbackClassName = 'Float_icon_反馈':feedbackClassName = 'Float_icon_反馈_蓝色'"><svg-icon :icon-class="feedbackClassName" /></div>

src/views/home/index.vue

@@ -8,7 +8,7 @@
       active-text-color="#FFF"
       @select="handleSelect"
     >
-      <el-image class="logo" :src="logoImage" fit="scale-down" />
+      <img class="logo" src="@/assets/home_images/nav_logo@3x.png">
       <el-menu-item style="margin-left: 18.5%" index="1">环境平台</el-menu-item>
       <el-menu-item index="2">Mock服务</el-menu-item>
       <el-menu-item index="3" disabled>数据中心</el-menu-item>
@@ -30,12 +30,12 @@
     <div style="color: #FFFF">
       <div class="div-introduction"><img class="image-title" style="width: 470px" src="@/assets/home_images/banner_title@3x.png"><br><span style="font-size: 17pt">打造让每个研发测试都离不开的一站式综合工具平台</span></div>
       <img class="img-arrow" style="width: 30px" src="@/assets/home_images/banner_icon_arrow@3x.png">
-      <el-image style="width: 100%;z-index: -1;" :src="bannerImage" fit="scale-down" />
+      <img style="width: 100%;z-index: -1;" src="@/assets/home_images/banner_pic@3x.png">
     </div>
     <div class="div-main" style="height: 600pt;width 100%;text-align: center;">
       <div style="font-size: 21pt;margin-top: 54pt;color: #333333;">功能介绍</div>
       <el-card disabled style="margin-left: 0;margin-top: 42pt" shadow="hover" @click.native="handleSelect('1')">
-        <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_环境平台@3x.png">
+        <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_环境平台@3x.png" fit="contain">
         <div class="div-title">环境平台</div>
         <div class="div-module-introduction">全面综合的个性化环境服务</div>
       </el-card>
@@ -180,10 +180,11 @@ div.div-footer2 > span {
 </style>
 
 <style scoped>
-img.image-module-logo {
+.image-module-logo {
   margin-top: 25pt;
   width: 20%;
-  height: 40pt;
+  height: 60px;
+  object-fit: contain;
 }
 div.div-title {
   font-size: 13.5pt;
@@ -240,8 +241,6 @@ img.img-arrow {
 
 <script>
 import FloatMenu from './floatMenu'
-import logoImage from '@/assets/home_images/nav_logo@3x.png'
-import bannerImage from '@/assets/home_images/banner_pic@3x.png'
 import { getUserInfo } from '@/api/user.js'
 
 export default {
@@ -252,8 +251,6 @@ export default {
     return {
       activeIndex2: '1',
       menuColor: 'transparent',
-      logoImage: logoImage,
-      bannerImage: bannerImage,
       processManage: true,
       realname: '未登录',
       screenWidth: '100%',