no message

CocosCreatorInspector/src/popup/index.js

@@ -1,8 +1,8 @@
 import Vue from 'vue';
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
 import index from './index.vue';
 
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
 Vue.use(ElementUI);
 
 new Vue({

CocosCreatorInspector/src/popup/index.vue

@@ -1,13 +1,18 @@
 <template>
-  <div id="app" style="width: auto;">
-    <h3>{{title}}</h3>
+  <div style="width: auto;">
+    <div style="display: flex;flex-direction: row;align-items: center;">
+      <h3>{{title}}</h3>
+      <div style="flex: 1"></div>
+      <el-button size="mini" @click="onClickOptions">设置</el-button>
+      <el-button size="mini" @click="onMsgToBg">To-Bg</el-button>
+    </div>
     <div style="text-align: center;width: 100%; color: #6d6d6d;">
       <span>支持作者</span>
     </div>
     <br/>
     <div style="margin:0 auto;width:100%;">
       <div style="width: 200px; margin: 0 auto;" v-show="isShowMoneyPng">
-        <img style="width: 100%;height: auto;" src="static/images/money.jpg">
+        <img style="width: 100%;height: auto;" src="res/money.jpg">
       </div>
     </div>
     <br/>
@@ -15,17 +20,17 @@
       <span style="font-size: 14px;float: left;text-align: center;line-height: 30px;color: #6d6d6d;">联系方式:</span>
       <div style="height: 100%;float: right;margin-right: 10px;">
         <a href="https://github.com/tidys/CocosCreatorPlugins/tree/master/CocosCreatorInspector" target="_blank">
-          <img src="static/images/github.png" style="height: 100%;">
+          <img src="res/github.png" style="height: 100%;">
         </a>
       </div>
       <div style="height: 100%;float: right;margin-right: 10px;">
         <a href="https://jq.qq.com/?_wv=1027&k=5SdPdy2" target="_blank">
-          <img src="static/images/qq.png" style="height: 100%;">
+          <img src="res/qq.png" style="height: 100%;">
         </a>
       </div>
       <div style="height: 100%;float: right;margin-right: 10px;">
         <a href="http://forum.cocos.com/t/chrome-creator/55669" target="_blank">
-          <img src="static/images/tiezi.png" style="height: 100%;">
+          <img src="res/tiezi.png" style="height: 100%;">
         </a>
       </div>
     </div>
@@ -41,7 +46,6 @@
   Vue.component('icon', Icon);
 
   export default {
-    name: "app",
     data() {
       return {
         title: "cc-inspector",
@@ -53,6 +57,9 @@
         console.log("onBtnClickGitHub");
       }
     },
+    onClickOptions() {
+      chrome.tabs.create({url: 'pages/options.html'})
+    }
   }
 </script>