完成

mp-remark/css/main.css

@@ -134,4 +134,34 @@ input[type=radio] {
     display: flex;
     justify-content: center;
     align-content: center;
+}
+
+#___container .mask {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 999;
+    top: 0;
+    background-color: rgba(0,0,0,0.2);
+    display:flex;
+    justify-content: center;
+    align-items: center;
+    align-content: center;
+    justify-items: center;
+    color: #ffffff;
+}
+
+.xuanzhuan {
+    animation: xz 1s linear infinite;
+}
+
+@keyframes xz {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+
 }
\ No newline at end of file

mp-remark/manifest.json

@@ -21,7 +21,7 @@
     }
   ],
   "web_accessible_resources": [
-    "ui.html", "icon.png","close.png"
+    "ui.html", "icon.png","close.png","loading.png"
   ],
   "browser_action": {
     "default_icon": "icon.png",

mp-remark/ui.html

 <div v-if="showUiProp" id="___container">
+    <div class="mask" v-if="loading">
+        <img class="xuanzhuan" :src="loadingimg" style="width:10%;"></img>
+    </div>
     <div class="x" v-on:click="showUi"><img :src="closeX"></div>
     <div class="danger" v-if="err != ''">{{err}}</div>
     <!------------------- 用户开始 -------->
@@ -49,7 +52,7 @@
                 </div>
             </div>
             <div style="display: flex;justify-content: center;justify-items: center">
-                <button class="btn btn-primary primary large" v-on:click="submitUserRemark">提交用户备注</button>
+                <button class="btn btn-primary primary large" v-on:click="submitUserRemark">提交用户设置</button>
             </div>
         </div>
     </div>
@@ -92,7 +95,7 @@
                 </div>
               </div>
             <div class="form-group" style="display: flex;justify-items: center;justify-content: center">
-                <button class="btn btn-primary primary large" v-on:click="submitRemark">提交作品备注</button>
+                <button class="btn btn-primary primary large" v-on:click="submitRemark">提交作品设置</button>
             </div>
         </div>
     </div>
@@ -135,7 +138,7 @@
                 </div>
               </div>
             <div class="form-group" style="display: flex;justify-items: center;justify-content: center">
-                <button class="btn btn-primary primary large" v-on:click="submitRemark">提交文章备注</button>
+                <button class="btn btn-primary primary large" v-on:click="submitRemark">提交文章设置</button>
             </div>
         </div>
     </div>