feat(*): modify vote-item to display different

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

@@ -3,7 +3,7 @@
  * @Author: Steven
  * @Date: 2020-09-08 09:24:24
  * @LastEditors: Steven
- * @LastEditTime: 2020-09-10 10:39:20
+ * @LastEditTime: 2020-09-10 16:56:49
 -->
 <template>
   <view
@@ -11,20 +11,25 @@
   >
     <view class="text-gray-500 my-1">{{ item.id }} 号</view>
     <navigator :url="toUrl">
-      <image :src="item.img" mode="widthFix" style="width: 100%; background-color: #eeeeee;"></image>
+      <image
+        :src="item.img"
+        mode="widthFix"
+        style="width: 100%; background-color: #eeeeee;"
+      ></image>
       <view class="text-gray-100 text-lg font-bold mt-1">{{ item.name }}</view>
       <view class="text-gray-500 my-1">{{ item.group }}</view>
     </navigator>
-
-    <view class="flex w-full">
-      <view
-        class="flex-1 border border-solid border-gray-500 bg-purple-300 text-white p-2"
-        >{{ item.vote }}</view
-      >
-      <view
-        class="flex-1 border border-solid border-orange-500 bg-orange-500 text-white p-2"
-        >投票</view
-      >
+    <view v-if="index">
+      <view class="flex w-full">
+        <view
+          class="flex-1 border border-solid border-gray-500 bg-purple-300 text-white p-2"
+          >{{ item.vote }}</view
+        >
+        <view
+          class="flex-1 border border-solid border-orange-500 bg-orange-500 text-white p-2"
+          >投票</view
+        >
+      </view>
     </view>
   </view>
 </template>
@@ -37,14 +42,15 @@ export default Vue.extend({
   },
   props: {
     item: Object,
+    index: Boolean,
   },
   onLoad() {},
   methods: {},
-  computed:{
-	  toUrl():string {
-		  return `/pages/detail/detail?id=${this.item.id}`
-	  }
-  }
+  computed: {
+    toUrl(): string {
+      return `/pages/detail/detail?id=${this.item.id}`
+    },
+  },
 })
 </script>
 

src/components/vote-list/vote-list.vue

@@ -3,7 +3,7 @@
  * @Author: Steven
  * @Date: 2020-09-08 09:24:10
  * @LastEditors: Steven
- * @LastEditTime: 2020-09-10 16:42:04
+ * @LastEditTime: 2020-09-10 16:57:14
 -->
 <template>
   <view class="text-gray-100">
@@ -17,7 +17,7 @@
     </view>
     <block v-for="(item, index) in items" :key="item.id">
       <view class="" v-if="isIndex">
-        <vote-item :item="item"></vote-item>
+        <vote-item :item="item" :index="true"></vote-item>
       </view>
       <view v-else>
         <rank-item :item="item" :index="index"></rank-item>

src/pages/detail/detail.vue

@@ -3,7 +3,7 @@
  * @Author: Steven
  * @Date: 2020-09-08 08:48:06
  * @LastEditors: Steven
- * @LastEditTime: 2020-09-10 16:46:33
+ * @LastEditTime: 2020-09-10 16:53:16
 -->
 <template>
   <view class="bg-purple">
@@ -24,7 +24,7 @@
     <detail-video></detail-video>
     <!-- 选手简介 -->
     <sub-title :content="title3"></sub-title>
-    <view>{{item.desc}}</view>
+    <view class="text-gray-100 p-4">{{item.desc}}</view>
     <!-- 脚注 -->
     <vote-footer></vote-footer>
   </view>