将popup部分逻辑移植过来

template/core/webpack.base.js

@@ -90,7 +90,7 @@ module.exports = {
     ]
   },
   plugins: [
-    htmlPage('home', 'app', ['tab']),
+    htmlPage('home', 'tap', ['tab']),
     htmlPage('popup', 'popup', ['popup']),
     htmlPage('panel', 'panel', ['panel']),
     htmlPage('devtools', 'devtools', ['devtools']),

template/src/devtools/panel.js

@@ -1,5 +1,8 @@
 import Vue from 'vue'
 import root from './root.vue'
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+Vue.use(ElementUI)
 
 Vue.config.productionTip = false
 /* eslint-disable no-new */

template/src/devtools/root.vue

@@ -1,5 +1,8 @@
-<template lang="pug">
-    div devtools
+<template lang="html">
+    <div>
+        <el-button size="mini" @click="onClickTest"> 检测</el-button>
+
+    </div>
 </template>
 <script>
     export default {
@@ -9,7 +12,11 @@
         },
         mounted() {
         },
-        methods: {}
+        methods: {
+            onClickTest() {
+                console.log("onClickTest")
+            }
+        }
     }
 </script>
 <style lang="scss">

template/src/manifest.js

@@ -1,8 +1,8 @@
 module.exports = {
-    name: 'Vue Extension',
+    name: 'CC-Inspector',
     version: '1.0.0',
-    description: 'Vue.js Chrome Extension Template (wcer)',
-    author: 'yura',
+    description: 'cocos creator inspector',
+    author: 'xu_yanfeng',
     manifest_version: 2,
     icons: {'16': 'icons/16.png', '128': 'icons/128.png'},
     permissions: [

template/src/options/index.js

@@ -1,5 +1,8 @@
 import Vue from 'vue'
 import root from './root.vue'
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+Vue.use(ElementUI)
 
 Vue.config.productionTip = false
 /* eslint-disable no-new */

template/src/popup/index.js

@@ -2,9 +2,9 @@ import Vue from 'vue'
 import root from './root.vue'
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
-
-Vue.config.productionTip = false
 Vue.use(ElementUI)
+
+Vue.config.productionTip = true
 /* eslint-disable no-new */
 new Vue({
     el: '#root',

template/src/popup/root.vue

@@ -1,12 +1,47 @@
 <template>
     <div>
-        666
-        <el-button type="primary" @click="tab">test</el-button>
+        <div style="display: flex;flex-direction: row;align-items: center;">
+            <h3>{{title}}</h3>
+            <div style="flex: 1"></div>
+            <el-button size="mini" @click="tab">设置</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="./popup/money.jpg">
+            </div>
+        </div>
+        <br/>
+        <div id="foot" style="height: 30px;">
+            <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="./popup/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="./popup/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="./popup/tiezi.png" style="height: 100%;">
+                </a>
+            </div>
+        </div>
     </div>
 </template>
 <script>
     export default {
-        data: () => ({}),
+        data: () => ({
+            title: "cc-inspector",
+            isShowMoneyPng: true,
+        }),
         computed: {},
         created() {
         },
@@ -14,7 +49,7 @@
         },
         methods: {
             tab() {
-                chrome.tabs.create({url: 'pages/app.html'})
+                chrome.tabs.create({url: 'pages/tap.html'})
             }
         }
     }

template/src/tab/index.js

@@ -1,5 +1,8 @@
 import Vue from 'vue'
 import root from './root.vue'
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+Vue.use(ElementUI)
 
 Vue.config.productionTip = false
 /* eslint-disable no-new */

template/src/tab/root.vue

@@ -1,10 +1,8 @@
-<template lang="pug">
+<template>
     <div>
-    <button>222</button>
-
-
+        <span>选项</span>
+        <el-button size="mini">222</el-button>
     </div>
-
 </template>
 <script>
     export default {