优化 底部栏内容

pages/index/index.nvue

 <template>
 	<view id="page">
 		<!-- #ifdef H5 -->
-    <!-- 底部版权声明栏 -->
+    <!-- 底部栏 -->
     <view id="foot" v-if="isWidescreen">
-      <view class="item" space="nbsp">
+      <view class="item">
+        <image class="icon" src="https://web-assets.dcloud.net.cn/unidoc/zh/git-1.png" mode="widthFix"></image>
       	<text>本项目已开源</text>
-        <image class="icon" src="@/static/icon/gitcode.png" mode="widthFix"></image>
-        <uni-link href="https://gitcode.net/dcloud/hello-uni-im/-/tree/v3" text="git仓库地址"></uni-link>
+        <uni-link class="link" href="https://gitcode.net/dcloud/hello-uni-im/-/tree/v3" text="git仓库地址"></uni-link>
       </view>
-      <view class="item" space="nbsp">
+      <view class="item">
+        <image class="icon" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/hx.png" mode="widthFix"></image>
       	<text>离线通知插件</text>
-        <image class="icon" src="@/static/icon/hbuilderx.png" mode="widthFix"></image>
-        <uni-link href="https://ext.dcloud.net.cn/plugin?id=16984" text="插件下载地址"></uni-link>
+        <uni-link class="link" href="https://ext.dcloud.net.cn/plugin?id=16984" text="下载地址"></uni-link>
       </view>
     </view>
     

pages/index/index.scss

@@ -38,11 +38,15 @@
   #foot .item {
     flex-direction: row;
     margin:0 50px;
+    align-items: center;
   }
   #foot .item .icon {
     width: 20px;
     height: 20px;
-    margin:0 5px;
+    margin-right: 5px;
+  }
+  #foot .item .link {
+    margin-left: 5px;
   }
 	
 	#left-view,