Selaa lähdekoodia

修改标题样式

jwyu 3 vuotta sitten
vanhempi
commit
b778426101
2 muutettua tiedostoa jossa 28 lisäystä ja 11 poistoa
  1. 18 7
      src/views/chartShow/index.less
  2. 10 4
      src/views/chartShow/index.vue

+ 18 - 7
src/views/chartShow/index.less

@@ -34,13 +34,13 @@
 				// max-width: 50%;
 				flex: 1;
 			}
-			.right-action {
-				display: flex;
-				color: #666;
-				li {
-					margin-right: 10px;
-				}
-			}
+			// .right-action {
+			// 	display: flex;
+			// 	color: #666;
+			// 	li {
+			// 		margin-right: 10px;
+			// 	}
+			// }
 		}
 		.chart-wrapper {
 			flex: 1;
@@ -59,6 +59,17 @@
 			font-size: 12px;
 			padding-left: 40px;
 			padding-bottom: 5px;
+			display: flex;
+			justify-content: space-between;
+			width: 100%;
+			.right-action {
+				display: flex;
+				color: #666;
+				font-size: 14px;
+				li {
+					margin-right: 10px;
+				}
+			}
 		}
 		.notfound {
 			padding: 10%;

+ 10 - 4
src/views/chartShow/index.vue

@@ -2,11 +2,11 @@
 <template>
   <div class="chart-show">
     <header class="chart-header" @click="openNew">
-      <span class="chart-title text_oneLine">{{ chartInfo.ChartName }}</span>
-      <ul class="right-action" @click.stop>
+      <span class="chart-title">{{ chartInfo.ChartName }}</span>
+      <!-- <ul class="right-action" @click.stop>
         <li @click="copyUrl" class="copy" v-if="isShare"><i class="el-icon-share"/>分享</li>
         <li @click="refreshChart"><i class="el-icon-refresh"/>刷新</li>
-      </ul>
+      </ul> -->
     </header>
     <template v-if="haveData">
       <div
@@ -23,7 +23,13 @@
     <div class="chart-wrapper notfound" v-else>
       <i class="el-icon-warning"></i>哎吆,你的图飞了,赶快去找管理员救命吧~
     </div>
-    <div class="bootom-source"><strong>source:  <em> {{sourceName}}弘则研究</em></strong></div>
+    <div class="bootom-source">
+      <strong style="flex-shrink: 0;">source:  <em> {{sourceName}}弘则研究</em></strong>
+      <ul class="right-action" @click.stop>
+        <li @click="copyUrl" class="copy" v-if="isShare"><i class="el-icon-share"/>分享</li>
+        <li @click="refreshChart"><i class="el-icon-refresh"/>刷新</li>
+      </ul>
+    </div>
   </div>
 </template>