unicloud-db-contacts: 使用 loading 组件显示加载效果

pages/component/unicloud-db-contacts/list.uvue

@@ -11,7 +11,7 @@
           </view>
         </list-item>
       </list-view>
-      <view v-if="loading" class="loading">正在加载...</view>
+      <uni-loading v-if="loading" class="loading" color="#999" text="正在加载..."></uni-loading>
       <view v-if="data.length>0" class="pagination">
         <text class="pagination-item">{{data.length}} / {{pagination.count}}</text>
       </view>
@@ -91,8 +91,8 @@
   }
 
   .loading {
-    align-items: center;
-    padding: 20px;
+    margin: 20px;
+    align-self: center;
   }
 
   .udb {