fix index

@@ -42,8 +42,7 @@ export default {
   justify-content: space-between;
   padding: 18px 32px 54px;
   height: 128px;
-  background-color: black;
-  opacity: 0.8;
+  background-color: rgba(0, 0, 0, 0.8);
 }
 
 .avatar-wrapper {

@@ -12,8 +12,8 @@
     </Slide>
 
     <div class="image-preview-footer">
+      <span class="image-preview-counter">{{currentPageIndex + 1}}/{{list.length}}</span>
     </div>
-    <span class="image-preview-counter">{{currentPageIndex + 1}}/{{list.length}}</span>
   </div>
 </template>
 
@@ -91,10 +91,10 @@ export default {
 }
 
 .image-preview-counter {
-  position: absolute;
-  top: 124px;
-  right: 36px;
+  margin-left: 40px;
   font-size: 26px;
   color: white;
+  height: 60px;
+  line-height: 60px;
 }
 </style>