界面调整

.env.development

 NODE_ENV="development"
 #VUE_APP_URL="http://172.16.100.59:8090"
 VUE_APP_URL="http://172.16.100.59:8092"
-VUE_APP_CHAIN="http://172.16.100.59:8801"
+VUE_APP_CHAIN="http://172.16.100.247:8801"
 #VUE_APP_CHAIN="https://mainnet.bityuan.com/api"
 VUE_APP_AIRDROP = "http://172.16.100.59:8091"
\ No newline at end of file

src/views/Details/DetailsCard.vue

@@ -19,7 +19,7 @@
         <div>最低{{ info.minTicket || 10 }}票</div>
       </template>
       <div>票池周期</div>
-      <div>{{ info.days }}天</div>
+      <div>{{ days }}天</div>
       <template v-slot:right>
         <div>技术服务费</div>
         <div class="special">限时免费</div>
@@ -39,6 +39,11 @@ export default Vue.extend({
     info: {
       type: Object
     }
+  },
+  computed: {
+    days():number {
+      return +this.info.days - +this.info.runDays
+    }
   }
 })
 </script>
\ No newline at end of file

src/views/Details/DetailsList.vue

 <template>
   <div class="bg-theme-color pt-3">
-    <div class="bg-card2-color px-4">
+    <!-- <div class="bg-card2-color px-4">
       <p class="details-title">委托说明</p>
       <div class="py-2">
         <list-line>
@@ -20,22 +20,22 @@
           <template v-slot:right><span>到期本金自动取回</span></template>
         </list-line>
       </div>
-    </div>
+    </div> -->
     <div class="bg-card2-color px-4 mt-3 pb-16">
       <p class="details-title">投票信息</p>
       <div class="py-2">
         <list-line>
           票池地址
-          <template v-slot:right><span>{{ info.minerAddr || '-' }}</span></template>
+          <template v-slot:right><span>{{ address || '-' }}</span></template>
         </list-line>
-        <list-line>
+        <!-- <list-line>
           发起人投票地址
           <template v-slot:right><span>{{ info.selfAddr || '-' }}</span></template>
         </list-line>
         <list-line>
           发起人委托票数
           <template v-slot:right><span>{{ info.selfEntrustTicket || 0 }} 票</span></template>
-        </list-line>
+        </list-line> -->
         <list-line>
           当前委托人数
           <template v-slot:right><span class="special">{{ info.entrustPerson || 0 }} 人</span></template>
@@ -70,6 +70,12 @@ export default Vue.extend({
     info: {
       type: Object
     }
+  },
+  computed: {
+    address(): string {
+      const length = this.info.minerAddr.length
+      return this.info.minerAddr.slice(0, 10) + '...' + this.info.minerAddr.slice(length-10)
+    }
   }
 })
 </script>

src/views/Details/index.vue

 <template>
-  <div>
+  <div class="min-h-screen">
     <nav-bar left-arrow @click-left="onClickLeft" fixed>
       <template #title>
         <div class="text-lg text-white">