乐团档案

1

src/views/resetTeaming/index.vue

@@ -3,17 +3,21 @@
     <h2>
       <el-page-header @back="onCancel">
         <template slot="content">
-          <div class="hearConcat" @click="gotoArchices"  v-if="permission('/musicArchices')">
-            <p>{{ teamName }}</p>
-              <el-tooltip placement="top" popper-class="mTooltip">
-                <div slot="content" >
-                  乐团档案
-                </div>
+          <div
+            class="hearConcat"
+            @click="gotoArchices"
+            v-if="permission('/musicArchices')"
+          >
+            <el-tooltip placement="top" popper-class="mTooltip">
+              <div slot="content">乐团档案</div>
+              <div class="titleWrap">
+                <p>{{ teamName }}</p>
                 <img :src="archices" alt="" class="archices" />
-              </el-tooltip>
+              </div>
+            </el-tooltip>
           </div>
           <div v-else>
-             <p>{{ teamName }}</p>
+            <p>{{ teamName }}</p>
           </div>
         </template>
       </el-page-header>
@@ -462,17 +466,23 @@ export default {
   flex-direction: row;
   align-items: center;
   img {
-    width: 36px;
-    height: 36px;
+    width: 24px;
+    height: 24px;
     position: relative;
     top: 0px;
     margin-right: 8px;
   }
 }
-/deep/.el-page-header__left{
+/deep/.el-page-header__left {
   align-items: center;
 }
 .archicesName {
   cursor: pointer;
 }
+.titleWrap {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
 </style>
+