样式更新

src/pages/index/detail.vue

@@ -9,10 +9,8 @@
           <text style="fontSize: 22rpx;color:#aaa">{{ item.updateTimeText }}</text>
         </view>
       </view>
-      <view style="fontSize: 22rpx;color:#aaa;padding:20rpx 0;">
-        {{ item.updateContent }}
-      </view>
-      <a :class="[index === 0 ? 'blue' : 'info']" :href="item.downUrl">安装</a>
+      <rich-text :nodes="item.updateContent"></rich-text>
+      <a v-if="item.downUrl" :class="[index === 0 ? 'blue' : 'info']" :href="item.downUrl">安装</a>
     </view>
   </view>
 </template>
@@ -51,6 +49,7 @@ export default {
 
   .item {
     display: flex;
+    margin-bottom: 20rpx;
 
     img {
       width: 100rpx;
@@ -77,6 +76,7 @@ a {
   font-size: 28rpx;
   border-radius: 10rpx;
   text-decoration: none;
+  margin-top: 20rpx;
 }
 
 .blue{
@@ -88,4 +88,9 @@ a {
   background: #f4f4f4;
   color: #000;
 }
+
+::v-deep rich-text{
+  color: #aaa;
+  font-size: 22rpx;
+}
 </style>

src/pages/index/list.vue

@@ -2,26 +2,28 @@
   <view>
     <uni-nav-bar :title="title" leftIcon="left" @clickLeft="getBack" />
     <view class="title">Android安装包</view>
-    <view class="list" v-for="item in form.android" :key="item.id" @click="getDetail(item)">
-      <view class="left">
+    <view class="list" v-for="item in form.android" :key="item.id">
+      <view class="left" @click="getDetail(item)">
         <img :src="item.pic">
         <view class="main">
           <text>{{ item.name }}</text>
-          <text>{{ item.updateTimeText }} 更新 | {{ item.version }}</text>
+          <text>更新：{{ item.updateTimeText }}</text>
+          <text>版本：{{ item.version }}</text>
         </view>
       </view>
-      <a :href="item.downUrl">安装</a>
+      <a v-if="item.downUrl" :href="item.downUrl">安装</a>
     </view>
     <view class="title">iOS安装包</view>
-    <view class="list" v-for="item in form.ios" :key="item.id" @click="getDetail(item)">
-      <view class="left">
+    <view class="list" v-for="item in form.ios" :key="item.id">
+      <view class="left" @click="getDetail(item)">
         <img :src="item.pic">
         <view class="main">
           <text>{{ item.name }}</text>
-          <text>{{ item.updateTimeText }} 更新 | {{ item.version }}</text>
+          <text>更新：{{ item.updateTimeText }}</text>
+          <text>版本：{{ item.version }}</text>
         </view>
       </view>
-      <a :href="item.downUrl">安装</a>
+      <a v-if="item.downUrl" :href="item.downUrl">安装</a>
     </view>
   </view>
 </template>
@@ -99,12 +101,13 @@ export default {
       flex-direction: column;
       justify-content: space-around;
 
-      text:first-child {
-        font-size: 28rpx;
+      text{
+        font-size: 24rpx;
       }
 
-      text:last-child {
-        font-size: 22rpx;
+      text:first-child {
+        font-size: 28rpx;
+        color: #E6A23C;
       }
     }
   }