fix(*): update style

src/components/banner/banner.vue

@@ -9,11 +9,8 @@
 </template>
 
 <script lang="ts">
-export default {
-  data() {
-    return {}
-  },
-}
+import Vue from "vue"
+export default Vue.extend({})
 </script>
 
 <style></style>

src/components/detail-video/detail-video.vue

@@ -9,11 +9,7 @@
   <view>
     <view class="uni-padding-wrap uni-common-mt">
       <view>
-        <video
-          id="myVideo"
-          src="#"
-          controls
-        ></video>
+        <video id="myVideo" src="#" controls></video>
       </view>
     </view>
   </view>

src/components/footer/footer.vue

@@ -6,12 +6,18 @@
  * @LastEditTime: 2020-09-08 14:44:52
 -->
 <template>
-  <view class="text-center text-gray-500">@2020伊人如梦*婉美如你</view>
+  <view class="text-center text-gray-500">{{ content }}</view>
 </template>
 
 <script lang="ts">
 import Vue from "vue"
 export default Vue.extend({
+  props: {
+    content: {
+      type: String,
+      default: "@2020伊人如梦*婉美如你",
+    },
+  },
   data() {
     return {}
   },

src/components/sub-title/sub-title.vue

@@ -6,26 +6,26 @@
  * @LastEditTime: 2020-09-10 15:02:14
 -->
 <template>
-  	<view class="text-gray-100 flex w-full text-center justify-center content-center my-2 py-1">
-		<view class="fa fa-chevron-right"></view>
-		<view class="fa fa-chevron-right"></view>
-		<view class="fa fa-chevron-right"></view>
-		<view class="mx-2">{{content}}</view>
-		<view class="fa fa-chevron-left"></view>
-		<view class="fa fa-chevron-left"></view>
-		<view class="fa fa-chevron-left"></view>
-	</view>
+  <view
+    class="text-gray-100 flex w-full text-center justify-center content-center my-2 py-1"
+  >
+    <view class="fa fa-chevron-right"></view>
+    <view class="fa fa-chevron-right"></view>
+    <view class="fa fa-chevron-right"></view>
+    <view class="mx-2">{{ content }}</view>
+    <view class="fa fa-chevron-left"></view>
+    <view class="fa fa-chevron-left"></view>
+    <view class="fa fa-chevron-left"></view>
+  </view>
 </template>
 
 <script lang="ts">
-import Vue from 'vue'
+import Vue from "vue"
 export default Vue.extend({
-    props:{
-        content:String
-    }
+  props: {
+    content: String,
+  },
 })
 </script>
 
-<style>
-
-</style>
\ No newline at end of file
+<style></style>

src/components/title/title.vue

@@ -6,12 +6,18 @@
  * @LastEditTime: 2020-09-09 16:47:16
 -->
 <template>
-  <view class="text-2xl text-center text-white">2020伊人如梦*婉美如你 | 伊婉明星脸 全国100强投票</view>
+  <view class="text-2xl text-center text-white">{{ content }}</view>
 </template>
 
 <script lang="ts">
 import Vue from "vue"
 export default Vue.extend({
+  props: {
+    content: {
+      type: String,
+      default: "2020伊人如梦*婉美如你 | 伊婉明星脸 全国100强投票",
+    },
+  },
   data() {
     return {}
   },

src/components/vote-item/vote-item.vue

@@ -101,4 +101,4 @@ export default Vue.extend({
   background-size: 100% 100%;
   z-index: 10;
 }
-</style>
\ No newline at end of file
+</style>

src/components/vote-rule/vote-rule.vue

@@ -62,6 +62,6 @@ export default Vue.extend({
 
 <style lang="scss" scoped>
 .-t-10 {
-  top:-20px;
+  top: -20px;
 }
 </style>

src/pages/detail/detail.vue

@@ -39,14 +39,18 @@
     </view>
 
     <!-- 返回 -->
-    <navigator url='/pages/index/index' open-type="switchTab" hover-class="other-navigator-hover">
-    <view class="text-center">
-      <view
-        class="inline-block text-gray-100 text-xl my-2 p-2 border-r-0 border-l-0 border-t-0 border-b-2 border-solid border-orange-500"
-      >
-        返回
+    <navigator
+      url="/pages/index/index"
+      open-type="switchTab"
+      hover-class="other-navigator-hover"
+    >
+      <view class="text-center">
+        <view
+          class="inline-block text-gray-100 text-xl my-2 p-2 border-r-0 border-l-0 border-t-0 border-b-2 border-solid border-orange-500"
+        >
+          返回
+        </view>
       </view>
-    </view>
     </navigator>
     <!-- 脚注 -->
     <vote-footer></vote-footer>
@@ -61,7 +65,8 @@ import voteItem from "@/components/vote-item/vote-item.vue"
 import voteFooter from "@/components/footer/footer.vue"
 import subTitle from "@/components/sub-title/sub-title.vue"
 import detailVideo from "@/components/detail-video/detail-video.vue"
-import { items, Iinfo, Iitem } from "@/mock/store"
+import { items } from "@/mock/store"
+import { Iitem, Iinfo } from "@/common/interface"
 export default Vue.extend({
   data() {
     return {

src/pages/index/index.vue

@@ -7,16 +7,23 @@
 -->
 <template>
   <view class="bg-purple">
+    <!-- 广告轮播图 -->
     <banner></banner>
+    <!-- 主题名称 -->
     <title></title>
+    <!-- 统计区域 -->
     <stats :content="indexstats">
       <view class="mt-2 p-2 text-gray-100 text-center diff-time-box">
         活动结束时间还有{{ lastdate }}
       </view>
     </stats>
+    <!-- 规则区域 -->
     <brief-desc></brief-desc>
+    <!-- 搜索区域 -->
     <search-bar></search-bar>
+    <!-- 项目列表区域 -->
     <vote-list :items="items" :pageType="pageType"></vote-list>
+    <!-- 脚注区域 -->
     <vote-footer></vote-footer>
   </view>
 </template>
@@ -61,7 +68,7 @@ export default Vue.extend({
 .diff-time-box {
   margin: 2px;
   padding: 4px 0;
-  background: url('/static/diff-time.png') no-repeat;
+  background: url("/static/diff-time.png") no-repeat;
   background-size: 100% 100%;
   border: none;
   border-radius: 0;

src/pages/rank/rank.vue

@@ -15,7 +15,8 @@
 
 <script lang="ts">
 import Vue from "vue"
-import { Iitem, items } from "@/mock/store"
+import { Iitem } from "@/common/interface"
+import { items } from "@/mock/store"
 import title from "@/components/title/title.vue"
 import voteList from "@/components/vote-list/vote-list.vue"
 import voteFooter from "@/components/footer/footer.vue"

src/pages/test/test.vue

@@ -5,16 +5,11 @@
  * @LastEditors: Steven
  * @LastEditTime: 2020-09-08 14:16:02
 -->
-<template>
-  
-</template>
+<template> </template>
 
-<script>
-export default {
-
-}
+<script lang="ts">
+import Vue from "vue"
+export default Vue.extend({})
 </script>
 
-<style>
-
-</style>
\ No newline at end of file
+<style lang="scss" scoped></style>