优化 代码体积

components/uni-im-load-state/uni-im-load-state.vue

 <template>
   <view class="refresh-box">
-    <image v-if="status == 'loading'" class="refresh-icon" src="/uni_modules/uni-im/static/run.gif" mode="widthFix"></image>
+    <uni-icons v-if="status == 'loading'" color="#bbb" :size="24" class="refresh-icon" type="spinner-cycle"></uni-icons>
     <text class="refresh-text">{{status == 'loading'?contentText.contentrefresh:contentText.contentnomore}}</text>
   </view>
 </template>
@@ -31,11 +31,27 @@
     justify-content: center;
     align-items: center;
     flex-direction: row;
+    width: 750rpx;
+  }
+  /* #ifdef H5 */
+  @media screen and (min-device-width:960px){
+    .refresh-box {
       width: 100%;
     }
+  }
+  /* #endif */
+  
+  // 给refresh-icon增加旋转的动画
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
   .refresh-icon {
-    width: 25px;
-    height: 25px;
+    animation: rotate 1.3s linear infinite;
     margin: 5px;
   }
 

sdk/utils/highlight/github-dark.min.css

-pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
-  Theme: GitHub Dark
-  Description: Dark theme as seen on github.com
-  Author: github.com
-  Maintainer: @Hirse
-  Updated: 2021-05-15
-
-  Outdated base version: https://github.com/primer/github-syntax-dark
-  Current colors taken from GitHub's CSS
-*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}
\ No newline at end of file

sdk/utils/highlight/github-dark.min.scss

 .code-view-box ::v-deep {
-pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+/* #ifndef MP */
+pre code
+/* #endif */
+.hljs{display:block;overflow-x:auto;padding:1em}
+
+/* #ifndef MP */
+code
+/* #endif */
+.hljs{padding:3px 5px}
+
+/*!
   Theme: GitHub Dark
   Description: Dark theme as seen on github.com
   Author: github.com