uino-kiss-cli
Version:
uino-kiss-cli 用来初始化项目的方便工具
82 lines (80 loc) • 2.2 kB
HTML
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Kiss Web</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='styles/style.css'>
<link rel='stylesheet' type='text/css' media='screen' href='styles/kiss-ui.css'>
<script src='js/vue.min.js'></script>
<script src='js/kiss-ui.min.js'></script>
<script src='js/axios.min.js'></script>
</head>
<body>
<div id="app">
<div class="page">
<p class="page-title">创建项目</p>
<i-Form :label-width="150">
<Form-Item label="选择项目目录">
<i-Input v-model="project.path" readonly />
</Form-Item>
<Form-Item label="输入项目名称">
<i-Input v-model="project.name" placeholder="必填" />
</Form-Item>
<Form-Item label="输入Git仓库地址">
<i-Input v-model="project.git" placeholder="请输入正确的项目仓库地址 或 留空" />
</Form-Item>
<Form-Item label="选择要使用的UI框架">
<i-select v-model="project.ui">
<i-option v-for="item in uiList" :value="item.val" :label="item.label"></i-option>
</i-select>
</Form-Item>
<Form-Item>
<i-button type="primary" @click="create">下一步</i-button>
</Form-Item>
</i-Form>
</div>
</div>
<script>
const cookie = {
get(key){
const ca = document.cookie.split('; ')
let val = ''
const rc = ca.find(e=>{
return e.split('=')[0] === key
})
return rc ? rc.split('=')[1] : null
}
}
new Vue({
el: '#app',
data(){
return {
project:{
path: '',
name:'',
git:'',
ui:0
},
uiList:[
{val:0,label:'不选择'},
{val:'KissUI',label:'KissUI'},
]
}
},
created(){
const path = cookie.get('path')
if(path) this.project.path = path
},
methods: {
create(){
axios.post('/api/create',this.project).then(res=>{
console.log(res.data);
})
}
}
});
</script>
</body>
</html>