Accueil Explorer Aide
Connexion
yonge
/
colexiu-website
2
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

细节优化

111
mo il y a 4 ans
Parent
7400ca38b7
commit
932b6e2f52
11 fichiers modifiés avec 90 ajouts et 52 suppressions
Vue séparée Afficher les stats Diff
  1. 1 1
      dist/index.html
  2. 0 0
      dist/static/css/app.ba28aa1327533e1f4d31738fdc46026c.css.map
  3. 0 0
      dist/static/css/app.f4863e60fe463c394ee89c27c21c06c3.css
  4. 0 0
      dist/static/css/app.f4863e60fe463c394ee89c27c21c06c3.css.map
  5. 0 0
      dist/static/js/app.0e0a0db396a7fa6fabc4.js
  6. 0 0
      dist/static/js/app.0e0a0db396a7fa6fabc4.js.map
  7. 0 0
      dist/static/js/app.b78f00fe635c80414514.js
  8. 0 0
      dist/static/js/app.b78f00fe635c80414514.js.map
  9. 0 0
      dist/static/js/manifest.3ad1d5771e9b13dbdad2.js.map
  10. 80 48
      src/components/silder.vue
  11. 9 3
      src/views/index/index.vue

+ 1 - 1
dist/index.html
Voir le fichier 

@@ -1 +1 @@
 
-<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=theme-color content=#000000><meta name=description content=酷乐秀是一个专注于音乐类在线教育领域的平台，致力于打造新一代云教育体系，突破教育资源，地域限制等因素的影响，为“教”“学”两端提供专业服务。><title>酷乐秀官方网站</title><link rel="shortcut icon" href=./favicon.ico><link href=./static/css/app.ba28aa1327533e1f4d31738fdc46026c.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.7f9856592775da883f8c.js></script><script type=text/javascript src=./static/js/app.0e0a0db396a7fa6fabc4.js></script></body></html>
 
+<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=theme-color content=#000000><meta name=description content=酷乐秀是一个专注于音乐类在线教育领域的平台，致力于打造新一代云教育体系，突破教育资源，地域限制等因素的影响，为“教”“学”两端提供专业服务。><title>酷乐秀官方网站</title><link rel="shortcut icon" href=./favicon.ico><link href=./static/css/app.f4863e60fe463c394ee89c27c21c06c3.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.7f9856592775da883f8c.js></script><script type=text/javascript src=./static/js/app.b78f00fe635c80414514.js></script></body></html>

Fichier diff supprimé car celui-ci est trop grand
+ 0 - 0
dist/static/css/app.ba28aa1327533e1f4d31738fdc46026c.css.map


Fichier diff supprimé car celui-ci est trop grand
+ 0 - 0
dist/static/css/app.f4863e60fe463c394ee89c27c21c06c3.css


Fichier diff supprimé car celui-ci est trop grand
+ 0 - 0
dist/static/css/app.f4863e60fe463c394ee89c27c21c06c3.css.map


Fichier diff supprimé car celui-ci est trop grand
+ 0 - 0
dist/static/js/app.0e0a0db396a7fa6fabc4.js


Fichier diff supprimé car celui-ci est trop grand
+ 0 - 0
dist/static/js/app.0e0a0db396a7fa6fabc4.js.map


Fichier diff supprimé car celui-ci est trop grand
+ 0 - 0
dist/static/js/app.b78f00fe635c80414514.js


Fichier diff supprimé car celui-ci est trop grand
+ 0 - 0
dist/static/js/app.b78f00fe635c80414514.js.map


Fichier diff supprimé car celui-ci est trop grand
+ 0 - 0
dist/static/js/manifest.3ad1d5771e9b13dbdad2.js.map


+ 80 - 48
src/components/silder.vue
Voir le fichier 

@@ -9,8 +9,8 @@
 
         <div class="line"></div>
 
       </div>
 
       <el-popover placement="left"
 
-                  trigger="click"
 
-                  popper-class="popver">
 
+                  trigger="hover"
 
+                  popper-class="Mopopver">
 
         <div>
 
           <p class="hoverTitle">咨询电话：</p>
 
           <p class="hoverMsg">400-8851569</p>
 
@@ -24,7 +24,8 @@
 
         </div>
 
       </el-popover>
 
       <el-popover placement="left"
 
-                  trigger="hover">
 
+                  trigger="hover"
 
+                  popper-class="Mopopver">
 
         <div>
 
           <div class="code-item">
 
             <img src="../assets/images/download.png"
 
@@ -43,7 +44,8 @@
 
         </div>
 
       </el-popover>
 
       <el-popover placement="left"
 
-                  trigger="hover">
 
+                  trigger="hover"
 
+                  popper-class="Mopopver">
 
         <div>
 
           <div class="code-item">
 
             <img src="../assets/images/public-code.jpg"
 
@@ -194,36 +196,36 @@ export default {
 
     height: 268px;
 
 
     border: 1px solid #ececec;
 
-    /deep/.el-popover {
 
-      .silderItem {
 
-        cursor: pointer;
 
-        display: flex;
 
-        flex-direction: column;
 
-        align-items: center;
 
-        padding: 11px 0 0;
 
-        font-size: 12px;
 
-        overflow: hidden;
 
+
 
+    .silderItem {
 
+      cursor: pointer;
 
+      display: flex;
 
+      flex-direction: column;
 
+      align-items: center;
 
+      padding: 11px 0 0;
 
+      font-size: 12px;
 
+      overflow: hidden;
 
+      p {
 
+        margin-top: 8px;
 
+        color: #666666;
 
+      }
 
+      .line {
 
+        margin-top: 10px;
 
+        width: 48px;
 
+        height: 1px;
 
+        background-color: #ececec;
 
+      }
 
+      &:hover {
 
         p {
 
-          margin-top: 8px;
 
-          color: #666666;
 
-        }
 
-        .line {
 
-          margin-top: 10px;
 
-          width: 48px;
 
-          height: 1px;
 
-          background-color: #ececec;
 
+          color: #2dc7aa;
 
         }
 
-        &:hover {
 
-          p {
 
-            color: #2dc7aa;
 
-          }
 
-          img {
 
-            filter: drop-shadow(#2dc7aa 80px 0);
 
-            transform: translateX(-80px);
 
-          }
 
+        img {
 
+          filter: drop-shadow(#2dc7aa 80px 0);
 
+          transform: translateX(-80px);
 
         }
 
       }
 
     }
 
+
 
     .silderItem {
 
       cursor: pointer;
 
       display: flex;
 
@@ -253,26 +255,7 @@ export default {
 
       }
 
     }
 
   }
 
-  /deep/.code-item {
 
-    width: 100%;
 
-    display: flex;
 
-    flex-direction: column;
 
-    align-items: center;
 
-  }
 
-  .hoverTitle {
 
-    font-size: 12px;
 
 
-    font-weight: 400;
 
-    color: #999999;
 
-    line-height: 17px;
 
-  }
 
-  /deep/.hoverMsg {
 
-    padding-top: 10px;
 
-    font-size: 16px;
 
-    color: #1a1a1a;
 
-    line-height: 22px;
 
-    font-weight: 700;
 
-  }
 
   .goTop {
 
     cursor: pointer;
 
     margin-top: 20px;
 
@@ -310,4 +293,53 @@ export default {
 
 .submsg {
 
   color: #999;
 
 }
 
+.Mopopver {
 
+  /deep/.code-item {
 
+    width: 100%;
 
+    display: flex;
 
+    flex-direction: column;
 
+    align-items: center;
 
+  }
 
+  .hoverTitle {
 
+    font-size: 12px;
 
+    font-weight: 400;
 
+    color: #999999;
 
+    line-height: 17px;
 
+  }
 
+  /deep/.hoverMsg {
 
+    padding-top: 5px;
 
+    font-size: 16px;
 
+    color: #1a1a1a;
 
+    line-height: 22px;
 
+    font-weight: 700;
 
+  }
 
+  .silderItem {
 
+    cursor: pointer;
 
+    display: flex;
 
+    flex-direction: column;
 
+    align-items: center;
 
+    padding: 11px 0 0;
 
+    font-size: 12px;
 
+    overflow: hidden;
 
+    p {
 
+      margin-top: 8px;
 
+      color: #666666;
 
+    }
 
+    .line {
 
+      margin-top: 10px;
 
+      width: 48px;
 
+      height: 1px;
 
+      background-color: #ececec;
 
+    }
 
+    &:hover {
 
+      p {
 
+        color: #2dc7aa;
 
+      }
 
+      img {
 
+        filter: drop-shadow(#2dc7aa 80px 0);
 
+        transform: translateX(-80px);
 
+      }
 
+    }
 
+  }
 
+}
 
 </style>

+ 9 - 3
src/views/index/index.vue
Voir le fichier 

@@ -42,19 +42,22 @@
 
                :class="suggestIndex ===1?'active':''"
 
                @mouseover="suggestIndex=1">
 
             <div class="suggestTitle">在线报名</div>
 
-            <div class="msg">考生在线报名，考级信息一手掌握</div>
 
+            <div class="msg"
 
+                 style="width:200px">考生在线报名，考级信息一手掌握</div>
 
           </div>
 
           <div class="suggestItem"
 
                :class="suggestIndex ===2?'active':''"
 
                @mouseover="suggestIndex=2">
 
             <div class="suggestTitle">高品质直播考场</div>
 
-            <div class="msg">高保真、高品质的音视频输出， 最大限度还原真实考场</div>
 
+            <div class="msg"
 
+                 style="width:200px">高保真、高品质的音视频输出， 最大限度还原真实考场</div>
 
           </div>
 
           <div class="suggestItem"
 
                :class="suggestIndex ===3?'active':''"
 
                @mouseover="suggestIndex=3">
 
             <div class="suggestTitle">在线录播</div>
 
-            <div class="msg">录播考试兼容各种考试场景</div>
 
+            <div class="msg"
 
+                 style="width:200px">录播考试兼容各种考试场景</div>
 
           </div>
 
         </div>
 
         <div class="suggestImgList">
 
@@ -317,6 +320,9 @@ img {
 
     // margin-bottom: 71px;
 
     .suggestItem {
 
       width: 220px;
 
+      display: flex;
 
+      flex-direction: column;
 
+      align-items: center;
 
       cursor: pointer;
 
       .suggestTitle {
 
         height: 38px;

Certains fichiers n'ont pas été affichés car il y a eu trop de fichiers modifiés dans ce diff