支持实例在jsfiddle 中访问

Author: 黄书伟

examples/comp/DemoBox.vue

@@ -69,8 +69,10 @@
 
                 const {script, html, style} = this.jsfiddle;
 
-                const scriptTpl = '<script src="//unpkg.com/vue/dist/vue.js"></scr' + 'ipt>' +
-                    '\n<scr' + `ipt src="//unpkg.com/vue-easytable/umd/js/index.js"></scr` + 'ipt>';
+                const scriptTpl = [
+                    '<script src="//unpkg.com/vue/dist/vue.js"></scr' + 'ipt>',
+                    '<script src="//unpkg.com/vue-easytable/umd/js/index.js"></scr' + 'ipt>',
+                ].join('\n');
 
                 let jsTpl = (script || '').replace(/export default/, 'var Main =').replace(/import Vue from 'vue'/,'').trim();
 
@@ -86,22 +88,6 @@
                     panel_css: 1
                 };
 
-
-               /* const resourcesTpl = '<script src="//unpkg.com/vue/dist/vue.js"></scr' + 'ipt>' +
-                    '\n<scr' + `ipt src="//unpkg.com/element-ui@${ version }/lib/index.js"></scr` + 'ipt>';
-                let jsTpl = (script || '').replace(/export default/, 'var Main =').trim();
-                let htmlTpl = `${resourcesTpl}\n<div id="app">\n${html.trim()}\n</div>`;
-                let cssTpl = `@import url("//unpkg.com/element-ui@${ version }/lib/theme-default/index.css");\n${(style || '').trim()}\n`;
-                jsTpl = jsTpl
-                    ? jsTpl + '\nvar Ctor = Vue.extend(Main)\nnew Ctor().$mount(\'#app\')'
-                    : 'new Vue().$mount(\'#app\')';
-                const data = {
-                    js: jsTpl,
-                    css: cssTpl,
-                    html: htmlTpl,
-                    panel_js: 3,
-                    panel_css: 1
-                };*/
                 const form = document.getElementById('fiddle-form') || document.createElement('form');
                 form.innerHTML = '';
                 const node = document.createElement('textarea');

examples/css/index.css

@@ -613,7 +613,7 @@ code {
     margin-top: 20px;
     margin-bottom: 50px;
     border-top: 1px dotted #e9e9e9;
-    border-bottom: 1px solid #e9e9e9;
+    /*border-bottom: 1px solid #e9e9e9;*/
     position: relative;
 }
 
@@ -624,10 +624,12 @@ code {
     cursor: pointer;
     color: #9dbbff;
     font-size: 14px;
+    border-bottom: 1px solid #e9e9e9;
 }
 
 .example-codeHighlight-showCode:hover {
     color: #578afd;
+    box-shadow:0 4px 6px -6px #555;
 }
 
 .example-codeHighlight-tools{