webview style

This commit is contained in:
OBKoro1 2019-12-27 17:05:55 +08:00
parent af14a9fb8c
commit 6facf81346
2 changed files with 60 additions and 6 deletions

View File

@ -0,0 +1,30 @@
#app{
background: #272822;
height: 100vh;
color: #fff;
}
.el-main {
background-color: #272822;
}
.form_item {
font-size: 16px;
}
.form_item .el-form-item__label{
font-size: 16px;
color: #fff;
}
.form-title {
padding-top: 20px;
font-weight: bold;
font-size: 30px;
text-align: center;
}
body > .el-container {
margin-bottom: 40px;
}

View File

@ -11,9 +11,21 @@
<body> <body>
<div id="app"> <div id="app">
<div class="form-title">Github自动提交commit工具</div>
<el-container> <el-container>
<el-header>Header</el-header> <el-main>
<el-main>Main</el-main> <!-- TODO: tip -->
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="项目地址" class="form_item" prop="itemSrc">
<div>{{ form.itemSrc }}</div>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="commit次数" class="form_item" prop="commitNumber">
<el-input-number v-model="form.commitNumber" :min="1" :max="100" size="mini" ></el-input-number>
</el-form-item>
</el-form>
</el-main>
</el-container> </el-container>
</div> </div>
</div> </div>
@ -21,17 +33,29 @@
<script src="../assets/scripts/vue.min.js"></script> <script src="../assets/scripts/vue.min.js"></script>
<script src="../assets/scripts/element2.13.min.js"></script> <script src="../assets/scripts/element2.13.min.js"></script>
<script> <script>
const vscode = acquireVsCodeApi();
new Vue({ new Vue({
el: '#app', el: '#app',
data() { data() {
return { return {
// userName: 18850985993, form: {
// password: 'HgbOBKoro1' // itemSrc: '/Users/koro/work/web_my/testCommit',
itemSrc: '点击选择要commit的项目文件夹',
timeArr: [
],
commitNumber: 1,
},
rules: {
itemSrc: [
{
required: true
}
]
}
}; };
}, },
mounted() { mounted() {
this.initListener(); // this.initListener();
}, },
methods: { methods: {
// 登录 // 登录