youzanyun-devtool-worker
Version:
- web - ws - proxy
59 lines (57 loc) • 1.91 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>
body {
margin: 0;
}
.default-content {
color: #504d50;
padding: 20px 10px;
}
.default-content.hide {
display: none;
}
</style>
</head>
<body>
<div id="app"></div>
<script src="/utils/vue.min.js"></script>
<script src="/design-platform/custom-comps/contants.js"></script>
<div id="insertFlag"></div>
<script>
var compScript = document.createElement('script');
var querystring = location.search.split('?')[1];
var queryArr = querystring.split('&');
var query = {};
for(var i = 0; i < queryArr.length; i++) {
var item = queryArr[i].split('=');
query[item[0]] = item[1];
}
// const fileSrc = 'file://' + query.proPath + '/showcase-components/dist/' + query.compName +'.js';
const filePath = query.proPath + '/showcase-components/dist/' + query.compName +'.js';
const fileSrc = `http://127.0.0.1:31250/_yzydev_/local/file?filePath=${filePath}`;
compScript.setAttribute('src', fileSrc);
var insertFlag = document.getElementById('insertFlag');
document.body.insertBefore(compScript, insertFlag);
compScript.onload = function() {
var mallCloudComps = (window.mallCloud && window.mallCloud.components) || {};
var VueComp = new Vue({
render: (createElement) => {
let children = Object.keys(mallCloudComps).map((item, i) => {
return createElement(Vue.extend(mallCloudComps[item]), {
props: {
componentIndex: i
}
});
});
return createElement('div', children)
}
});
VueComp.$mount('#app');
};
</script>
</body>
</html>