页面更新

src/views/Home.vue

@@ -13,21 +13,19 @@
                               :options="playerOptions"></video-player>
               </div>
             </a-row>
-            <a-row style="height:50%;padding:15px;">
-              <a-card :bordered="false"
-                      style="height:100%;background-color:rgba(100,100,100,0.1);">
-                <a-row>
-                  <a-col :span="10">
-                    <img style="maxHeight:200px;"
-                         alt="example"
-                         :src="currentInfo.url" />
-                  </a-col>
-                  <a-col :span="14"
-                         style="color:#eee;">
-                    {{currentInfo.timestamp}}
-                  </a-col>
-                </a-row>
-              </a-card>
+            <a-row style="height:50%;">
+              <a-col :span="10">
+                <a-card :bordered="false"
+                        style="height:100%;width:65%;background-color:rgba(100,100,100,0.1);margin-left:20px;">
+                  <img style="height:100%;"
+                       alt="example"
+                       :src="currentInfo.url"
+                       slot="cover" />
+                </a-card>
+              </a-col>
+              <a-col :span="10">
+                <span >{{currentInfo.timestamp}}</span>
+              </a-col>
             </a-row>
           </a-col>
           <a-col :span="18"
@@ -59,14 +57,17 @@
           <!-- 2 -->
 
           <swiper :options="swiperOption"
-                  ref="categorySwiper" style="height:100%;">
-            <swiper-slide style="height:100%;" v-for="(item,index) in data1PhotoArray"
+                  ref="categorySwiper"
+                  style="height:100%;">
+            <swiper-slide style="height:100%;"
+                          v-for="(item,index) in data1PhotoArray"
                           :key="index">
               <div @click="scrollTo(index)"
                    style="display:inline-block;padding: 10px;text-align:center;">
-                <a-card hoverable style="height:100%;">
+                <a-card hoverable
+                        style="height:100%;">
                   <img alt="example"
-                        style="max-height:200px;"
+                       style="max-height:200px;"
                        :src="item.url"
                        slot="cover" />
                   <a-card-meta title="时间戳">