Browse Source

页面进入时间样式优化

bhuh12 6 years ago
parent
commit
5d1eaf4226
1 changed files with 9 additions and 1 deletions
  1. 9 1
      src/views/Page.vue

+ 9 - 1
src/views/Page.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="app-page">
     <h2 @click="click">页面{{pageId}}</h2>
-    <p>你在<strong>{{pageTime}}</strong>秒前打开本页面</p>
+
+    <p class="page-time-tips">你在 <strong class="time">{{pageTime}}</strong> 秒前打开本页面</p>
 
     <h3>页签操作</h3>
 
@@ -95,6 +96,13 @@
     }
   }
 
+  .page-time-tips {
+    .time {
+      font-size: 1.2em;
+      color: red;
+    }
+  }
+
   .route-info {
     min-width: 300px;
     border-collapse: collapse;