cxmo 1 рік тому
батько
коміт
3989e5a104

BIN
src/assets/img/logo2.png


BIN
src/assets/img/title-icon.png


+ 27 - 4
src/layouts/Index.vue

@@ -4,10 +4,20 @@
 <template>
     <div class="layout-wrap">
         <div class="header">
-            <div class="logo">
-                <img src="~@/assets/img/logo.png"/>
-            </div>
-            <div class="title">{{ $route.meta.title }}</div>
+            <template v-if="$route.fullPath!=='/video/list'">
+                <div class="logo">
+                    <img src="~@/assets/img/logo.png"/>
+                </div>
+                <div class="title">{{ $route.meta.title }}</div>
+            </template>
+            <template v-else>
+                <div class="logo-video">
+                    <img src="~@/assets/img/logo2.png"/>
+                </div>
+                <div class="title-video">
+                    <img src="~@/assets/img/title-icon.png"/>
+                    {{ $route.meta.title }}</div>
+            </template>
             <!-- teleport -->
             <div class="layout-header-other"></div>
         </div>
@@ -40,6 +50,19 @@
         .title{
             font-size: 18px;
         }
+        .logo-video{
+            margin-left: 100px;
+            width:100px;
+        }
+        .title-video{
+            margin-left: 70px;
+            margin-right: auto;
+            display: flex;
+            align-items: center;
+            img{
+                margin-right: 10px;
+            }
+        }
         @media screen and (max-width:650px){
             display: none;
         }

+ 3 - 2
src/views/trainingVideo/List.vue

@@ -140,7 +140,7 @@ onMounted(()=>{
     <div class="video-list-wrap">
         <div class="select-wrap">
             <div class="classify-box select">
-                <span style="align-self:center;white-space: nowrap;">分类:</span>
+                <span style="align-self:flex-start;white-space: nowrap;">分类:</span>
                 <div class="list" :class="{'expand':isClassifyListExpand}">
                     <span class="list-item" :class="{'active':choosedClassify.ClassifyId===0}"
                         @click="changeClassify({ClassifyId:0})">全部</span>
@@ -165,7 +165,7 @@ onMounted(()=>{
                 </div>
             </div>
             <div class="tag-box select">
-                <span style="align-self:center;white-space: nowrap;">标签:</span>
+                <span style="align-self:flex-start;white-space: nowrap;">标签:</span>
                 <div class="list" :class="{'expand':isTagListExpand}">
                     <span class="list-item" :class="{'active':choosedTags.length===0}"
                         @click="choosedTags = []">全部</span>
@@ -334,6 +334,7 @@ onMounted(()=>{
         .list-item{
             width:19%;
             max-height: 345px;
+            min-height: 300px;
             min-width: 225px;
             box-sizing: border-box;
             padding:10px;