提交

src/components/header/index.vue

@@ -11,7 +11,7 @@
         <div v-else>
           <span class="icon-message d-in-block v-mid hand"></span>
 
-          <el-dropdown @command="handleCommand">
+          <el-dropdown srccommand="handleCommand">
             <div class="ml10 d-in-block v-mid shot pr hand">
               <img :src="userInfo.user_avatar" alt="">
               <span class="dot"></span>
@@ -31,7 +31,7 @@
   <div class="login-mask" v-if="loginShow">
     <div class="login-box">
       <div class="login-close"></div>
-      <div class="login-logo"><img src="@/assets/images/header/login-logo.png" alt=""></div>
+      <div class="login-logo"><img src="src/assets/images/header/login-logo.png" alt=""></div>
       <div class="form-box">
 
         <div class="form-line">
@@ -230,7 +230,7 @@ export default {
     margin-top: 10px;
     width: 20px;
     height: 20px;
-    background: url("@/assets/images/header/icon-message.png") center no-repeat;
+    background: url("src/assets/images/header/icon-message.png") center no-repeat;
     background-size: 20px 20px;
   }
 
@@ -279,7 +279,7 @@ export default {
     position: relative;
     width: 1065px;
     height: 624px;
-    background: url("@/assets/images/header/login-bg.png") center no-repeat;
+    background: url("src/assets/images/header/login-bg.png") center no-repeat;
     padding: 80px 0 0 110px;
 
     .login-close {
@@ -288,7 +288,7 @@ export default {
       top: -40px;
       width: 30px;
       height: 30px;
-      background: url("@/assets/images/header/login-close.png") center no-repeat;
+      background: url("src/assets/images/header/login-close.png") center no-repeat;
       background-size: 30px 30px;
       cursor: pointer;
     }
@@ -336,14 +336,14 @@ export default {
       .icon-user {
         width: 21px;
         height: 23px;
-        background: url("@/assets/images/header/icon-user.png") center no-repeat;
+        background: url("src/assets/images/header/icon-user.png") center no-repeat;
         background-size: 21px 23px;
       }
 
       .icon-pwd {
         width: 21px;
         height: 23px;
-        background: url("@/assets/images/header/icon-pwd.png") center no-repeat;
+        background: url("src/assets/images/header/icon-pwd.png") center no-repeat;
         background-size: 17px 20px;
       }
 

src/pages/home/index.vue

@@ -5,7 +5,7 @@
          :style="{'background': 'url('+curMenu.img+') top no-repeat','background-size': 'cover'}"></div>
     <div class="right-menu">
       <ul>
-        <li v-for="item in menuList" :class="item.id == curMenu.id?'selected':''" @mouseover="switchImg(item)">
+        <li v-for="item in menuList" :class="item.id == curMenu.id?'selected':''" srcmouseover="switchImg(item)">
           {{ item.title }}
         </li>
       </ul>
@@ -78,7 +78,7 @@
       <div class="res-list mt40">
         <a href="javascript:;">
           <div class="res-icon m-0">
-            <img src="/src/assets/images/home/c-1.png" alt="">
+            <img src="src/assets/images/home/c-1.png" alt="">
           </div>
           <h3 class="mt15 font-size-26 text-center">基础课程</h3>
           <h4 class="mt15 font-size-16 color-6 text-center ph20">基础课程基础课程基础课程 基础课程基础课程基础课程
@@ -86,7 +86,7 @@
         </a>
         <a href="javascript:;" @click="toTeacher">
           <div class="res-icon m-0">
-            <img src="/src/assets/images/home/c-2.png" alt="">
+            <img src="src/assets/images/home/c-2.png" alt="">
           </div>
           <h3 class="mt15 font-size-26 text-center">名师在线</h3>
           <h4 class="mt15 font-size-16 color-6 text-center ph20">名师在线名师在线名师在线
@@ -94,7 +94,7 @@
         </a>
         <a href="javascript:;" @click="toTeacher">
           <div class="res-icon m-0">
-            <img src="/src/assets/images/home/c-3.png" alt="">
+            <img src="src/assets/images/home/c-3.png" alt="">
           </div>
           <h3 class="mt15 font-size-26 text-center">课程资源</h3>
           <h4 class="mt15 font-size-16 color-6 text-center ph20">课程资源课程资源课程资源 课程资源课程资源
@@ -102,21 +102,21 @@
         </a>
         <a href="javascript:;">
           <div class="res-icon m-0">
-            <img src="/src/assets/images/home/c-4.png" alt="">
+            <img src="src/assets/images/home/c-4.png" alt="">
           </div>
           <h3 class="mt15 font-size-26 text-center">特色课程</h3>
           <h4 class="mt15 font-size-16 color-6 text-center ph20">特色课程特色课程特色课程</h4>
         </a>
         <a href="javascript:;">
           <div class="res-icon m-0">
-            <img src="/src/assets/images/home/c-5.png" alt="">
+            <img src="src/assets/images/home/c-5.png" alt="">
           </div>
           <h3 class="mt15 font-size-26 text-center">家庭教育</h3>
           <h4 class="mt15 font-size-16 color-6 text-center ph20">家庭教育家庭教育家庭教育 家庭教育</h4>
         </a>
         <a href="javascript:;">
           <div class="res-icon m-0">
-            <img src="/src/assets/images/home/c-6.png" alt="">
+            <img src="src/assets/images/home/c-6.png" alt="">
           </div>
           <h3 class="mt15 font-size-26 text-center">拓展课程</h3>
           <h4 class="mt15 font-size-16 color-6 text-center ph20">拓展课程拓展课程拓展课程</h4>
@@ -150,17 +150,17 @@
       <h3 class="title m-30">智慧教研</h3>
       <ul class="wit-list mt100">
         <li class="text-center">
-          <img src="@/assets/images/home/j-1.png" alt="">
+          <img src="src/assets/images/home/j-1.png" alt="">
           <h3 class="font-size-30 font-bold-1">在线学习</h3>
           <h4 class="m-15 font-size-16 w-200 color-6">在线学习在线学习在线学习 在线学习在线学习 在线学习</h4>
         </li>
         <li class="text-center">
-          <img src="@/assets/images/home/j-2.png" alt="">
+          <img src="src/assets/images/home/j-2.png" alt="">
           <h3 class="font-size-30 font-bold-1">协同备课</h3>
           <h4 class="m-15 font-size-16 w-200 color-6">协同备课协同备课协同备课协同备课</h4>
         </li>
         <li class="text-center">
-          <img src="@/assets/images/home/j-3.png" alt="">
+          <img src="src/assets/images/home/j-3.png" alt="">
           <h3 class="font-size-30 font-bold-1">同步教研</h3>
           <h4 class="m-15 font-size-16 w-200 color-6">同步教研同步教研同步教研同步教研同步教研</h4>
         </li>
@@ -204,70 +204,70 @@ export default {
       menuList: [{
         id: 1,
         title: '星月夜',
-        img: '@/assets/images/home/banner-1.png'
+        img: 'src/assets/images/home/banner-1.png'
       }, {
         id: 2,
         title: '安徒生世界插画',
-        img: '@/assets/images/home/banner-2.png'
+        img: 'src/assets/images/home/banner-2.png'
       }, {
         id: 3,
         title: '传送门',
-        img: '@/assets/images/home/banner-3.png'
+        img: 'src/assets/images/home/banner-3.png'
       }, {
         id: 4,
         title: '拇指姑娘',
-        img: '@/assets/images/home/banner-1.png'
+        img: 'src/assets/images/home/banner-1.png'
       }, {
         id: 5,
         title: '书中花园',
-        img: '@/assets/images/home/banner-2.png'
+        img: 'src/assets/images/home/banner-2.png'
       }, {
         id: 6,
         title: '大猩猩与小星星',
-        img: '@/assets/images/home/banner-3.png'
+        img: 'src/assets/images/home/banner-3.png'
       }, {
         id: 7,
         title: '大猩猩与小星星',
-        img: '@/assets/images/home/banner-1.png'
+        img: 'src/assets/images/home/banner-1.png'
       }, {
         id: 8,
         title: '莉娜与野鸟',
-        img: '@/assets/images/home/banner-2.png'
+        img: 'src/assets/images/home/banner-2.png'
       }, {
         id: 9,
         title: '丑小鸭',
-        img: '@/assets/images/home/banner-3.png'
+        img: 'src/assets/images/home/banner-3.png'
       }],
       curMenu: {
         id: 1,
         title: '星月夜',
-        img: '@/assets/images/home/banner-1.png'
+        img: 'src/assets/images/home/banner-1.png'
       },
       value: '4',
       xsyxzy: [{
         id: '1',
-        img: '@/assets/images/home/1.png',
+        img: 'src/assets/images/home/1.png',
         title: '野天鹅',
         rate: 5,
         prove: '10w+',
         favor: '14w+'
       }, {
         id: '2',
-        img: '@/assets/images/home/2.png',
+        img: 'src/assets/images/home/2.png',
         title: '安徒生世界插画',
         rate: 4,
         prove: '9w+',
         favor: '14w+'
       }, {
         id: '3',
-        img: '@/assets/images/home/3.png',
+        img: 'src/assets/images/home/3.png',
         title: '传送门',
         rate: 4,
         prove: '10w+',
         favor: '14w+'
       }, {
         id: '4',
-        img: '@/assets/images/home/4.png',
+        img: 'src/assets/images/home/4.png',
         title: '拇指姑娘',
         rate: 4,
         prove: '10w+',
@@ -275,21 +275,21 @@ export default {
       }],
       jsxyzp: [{
         id: '1',
-        img: '@/assets/images/home/1.png',
+        img: 'src/assets/images/home/1.png',
         title: '野天鹅',
         rate: 5,
         prove: '10w+',
         favor: '14w+'
       }, {
         id: '2',
-        img: '@/assets/images/home/2.png',
+        img: 'src/assets/images/home/2.png',
         title: '安徒生世界插画',
         rate: 4,
         prove: '9w+',
         favor: '14w+'
       }, {
         id: '3',
-        img: '@/assets/images/home/3.png',
+        img: 'src/assets/images/home/3.png',
         title: '传送门',
         rate: 4,
         prove: '10w+',
@@ -408,21 +408,21 @@ export default {
     height: 20px;
 
     &.prev {
-      background: url("@/assets/images/home/arr-left.png") center no-repeat;
+      background: url("src/assets/images/home/arr-left.png") center no-repeat;
       background-size: 20px 20px;
 
       &:hover {
-        background: url("@/assets/images/home/arr-left-hover.png") center no-repeat;
+        background: url("src/assets/images/home/arr-left-hover.png") center no-repeat;
         background-size: 20px 20px;
       }
     }
 
     &.next {
-      background: url("@/assets/images/home/arr-right.png") center no-repeat;
+      background: url("src/assets/images/home/arr-right.png") center no-repeat;
       background-size: 20px 20px;
 
       &:hover {
-        background: url("@/assets/images/home/arr-right-hover.png") center no-repeat;
+        background: url("src/assets/images/home/arr-right-hover.png") center no-repeat;
         background-size: 20px 20px;
       }
     }
@@ -469,12 +469,12 @@ export default {
           height: 20px;
 
           &.prove {
-            background: url("@/assets/images/home/icon-prove.png") center no-repeat;
+            background: url("src/assets/images/home/icon-prove.png") center no-repeat;
             background-size: 14px 14px;
           }
 
           &.favor {
-            background: url("@/assets/images/home/icon-favor.png") center no-repeat;
+            background: url("src/assets/images/home/icon-favor.png") center no-repeat;
             background-size: 15px 13px;
           }
         }
@@ -491,7 +491,7 @@ export default {
 .title {
   width: 241px;
   height: 50px;
-  background: url("@/assets/images/home/title-bg.png") center no-repeat;
+  background: url("src/assets/images/home/title-bg.png") center no-repeat;
   font-size: 34px;
   color: #000;
   text-align: center;
@@ -539,12 +539,12 @@ export default {
       margin-right: -25px;
       width: 885px;
       height: 439px;
-      background: url("@/assets/images/home/live-1.png") center no-repeat;
+      background: url("src/assets/images/home/live-1.png") center no-repeat;
     }
 
     &:nth-child(2) {
       width: 301px;
-      background: url("@/assets/images/home/live-2.png") center no-repeat;
+      background: url("src/assets/images/home/live-2.png") center no-repeat;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -552,7 +552,7 @@ export default {
 
     &:nth-child(3) {
       width: 301px;
-      background: url("@/assets/images/home/live-3.png") center no-repeat;
+      background: url("src/assets/images/home/live-3.png") center no-repeat;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -586,11 +586,11 @@ export default {
 .arrow-right {
   width: 20px;
   height: 20px;
-  background: url("@/assets/images/home/arrow-right.png") center no-repeat;
+  background: url("src/assets/images/home/arrow-right.png") center no-repeat;
   background-size: 20px 20px;
 
   &.blue {
-    background: url("@/assets/images/home/arrow-right-blue.png") center no-repeat;
+    background: url("src/assets/images/home/arrow-right-blue.png") center no-repeat;
     background-size: 20px 20px;
   }
 }
@@ -601,11 +601,11 @@ export default {
   padding: 41px 0 0 81px;
 
   &:first-child {
-    background: url("@/assets/images/home/m-1.png") center no-repeat;
+    background: url("src/assets/images/home/m-1.png") center no-repeat;
   }
 
   &:nth-child(2) {
-    background: url("@/assets/images/home/m-2.png") center no-repeat;
+    background: url("src/assets/images/home/m-2.png") center no-repeat;
   }
 }
 </style>