校友故事增加查看更多

components/home/alumniStories.vue

@@ -5,6 +5,9 @@
         <div class="line"></div>
         <div class="text">{{ $t('home.alumni.title') }}</div>
       </div>
+      <div class="right-text" @click="$router.push({ path: '/alumnus/story' })">
+        {{ $t('viewMore') }}
+      </div>
     </div>
     <div :class="isScale ? 'small-tit max-width scale' : 'small-tit max-width'">{{ $t('home.alumni.des') }}</div>
     <div class="swiper-content"  @mouseenter="swiperStop" @mouseleave="swiperStart">
@@ -116,6 +119,15 @@ export default {
         margin-left: 9px;
       }
     }
+    .right-text{
+      margin-left: auto;
+      margin-top: 18px;
+      font-size: 16px;
+      font-weight: 300;
+      line-height: 34px;
+      color: #9B9B9B;
+      cursor: pointer;
+    }
   }
   .small-tit{
     font-size: 24px;

components/home/serviceCase.vue

@@ -14,7 +14,7 @@
         <div class="swiper-wrapper">
           <div class="swiper-slide" v-for="(item, index) in listData" :key="index">
             <app-link :item="{ news: { data: item, path: '/about/news' } }">
-              <img :src="item.web_img_uri">
+              <img :src="item.web_img_uri" />
               <div class="pop-txt-box">{{ item.title }}</div>
             </app-link>
           </div>
@@ -31,7 +31,7 @@ export default {
   components: {
     appLink
   },
-  data () {
+  data() {
     return {
       listData: [],
       swiperOption: {
@@ -60,7 +60,7 @@ export default {
   },
   computed: {
     swiper() {
-      return this.$refs.mySwiper.swiper;
+      return this.$refs.mySwiper.swiper
     }
   },
   methods: {
@@ -74,20 +74,20 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.class-content{
+.class-content {
   padding-top: 87px;
   width: 1200px;
   margin: 0 auto;
-  .title-content{
+  .title-content {
     display: flex;
-    .left-title{
+    .left-title {
       display: flex;
-      .line{
+      .line {
         width: 6px;
         height: 34px;
-        background: #AA1941;
+        background: #aa1941;
       }
-      .text{
+      .text {
         font-size: 34px;
         font-weight: bold;
         line-height: 34px;
@@ -95,41 +95,43 @@ export default {
         margin-left: 9px;
       }
     }
-    .right-text{
+    .right-text {
       margin-left: auto;
       margin-top: 18px;
       font-size: 16px;
       font-weight: 300;
       line-height: 34px;
-      color: #9B9B9B;
+      color: #9b9b9b;
       cursor: pointer;
       // transform: translateY(-34px);
     }
   }
-  .swiper-content{
+  .swiper-content {
     padding-top: 20px;
     position: relative;
-    .swiper-slide{
+    .swiper-slide {
       position: relative;
-      img{
+      img {
         width: 100%;
         display: block;
       }
-      .pop-txt-box{
-        width: 100%;
-        background: rgba(0, 0, 0, .6);
+      .pop-txt-box {
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0, 0, 0, 0.6);
         height: 76px;
         padding-left: 33px;
         line-height: 76px;
         font-size: 24px;
-        color: #FFFFFF;
+        color: #ffffff;
         overflow: hidden;
-        text-overflow:ellipsis;
+        text-overflow: ellipsis;
         white-space: nowrap;
-        transform: translateY(-76px);
       }
     }
-    .prev-button{
+    .prev-button {
       position: absolute;
       top: 50%;
       left: 30px;
@@ -139,8 +141,9 @@ export default {
       background-size: 100% 100%;
       z-index: 999;
       cursor: pointer;
+      transform: translateY(-50%);
     }
-    .next-button{
+    .next-button {
       position: absolute;
       top: 50%;
       right: 30px;
@@ -150,6 +153,7 @@ export default {
       background-size: 100% 100%;
       z-index: 999;
       cursor: pointer;
+      transform: translateY(-50%);
     }
   }
 }