提交了

fhKeeper/formulahousekeeper/customerBuler-crm/src/pages/login.vue

@@ -24,16 +24,24 @@
         <img class="w-9 m-auto p-1 rounded-full border-blue-300 border-2 cursor-pointer" :src="qiyeweixin" alt="">
       </div>
       <div class="flex justify-between pb-5">
-        <el-link type="primary" :underline="false">联系客服</el-link>
+        <!-- <el-link type="primary" :underline="false">联系客服</el-link> -->
+        <el-link type="primary" class="btn" style="float:left;" :underline="false">联系客服
+            <div class="service">
+                <p style="color: #333">联系客服</p>
+                <img src="../assets/code.jpg">
+                <p><span style="color: #333">QQ：</span><span id="QQ">3052894409</span></p>
+            </div>
+        </el-link>
         <div class="flex justify-around">
           <el-link class="mr-4" type="primary" :underline="false"  @click="useHelp()">使用说明</el-link>
           <el-link type="primary" :underline="false" @click="toRegister()">企业注册</el-link>
         </div>
       </div>
       <el-dialog v-model="helpDialog" width="30%" title="使用说明">
-        <div class="p-2 text-xl">文档水水水水</div>
-        <div>文档水水水水</div>
-        <div>文档水水水水</div>
+        <div class="p-2 text-xl">
+          <a style="color:#075985;text-decoration:none" href="upload/客户管家使用说明书.docx" download="客户管家使用说明书.docx" 
+                            target="_blank">客户管家使用说明书.docx</a>
+        </div>
       </el-dialog>
     </div>
   </div>
@@ -125,4 +133,22 @@ const toRegister = () => {
 .loginView {
   background: #f0f2f5 url("../assets/login/background.png") no-repeat;
 }
+.service {
+  display: none;
+  width: 120px;
+  position: absolute;
+  background: #fff;
+  text-align: center;
+  padding: 10px;
+  left: -30px;
+  top: -210px;
+  border-radius: 5px;
+  box-shadow: 3px 3px 10px #dfdfdf;
+  img {
+      width: 80px;
+  }
+}
+.btn:hover .service {
+  display: block;
+}
 </style>