input 和 btn 样式调整

This commit is contained in:
fofolee 2022-04-20 22:48:27 +08:00
parent ff9c765839
commit 3ae84abd3f

View File

@ -84,6 +84,7 @@
<div class="col-auto justify-end flex"> <div class="col-auto justify-end flex">
<q-btn-group unelevated> <q-btn-group unelevated>
<q-btn-dropdown <q-btn-dropdown
style="padding: 0 10px"
dense dense
flat flat
ref="settings" ref="settings"
@ -94,7 +95,7 @@
: 'settings' : 'settings'
" "
> >
<q-list style="min-width: 300px" class="text-primary"> <q-list>
<!-- quickcommand系列按键 --> <!-- quickcommand系列按键 -->
<q-item <q-item
:class="{ :class="{
@ -130,15 +131,17 @@
v-show="quickcommandInfo.program === 'custom'" v-show="quickcommandInfo.program === 'custom'"
> >
<q-input <q-input
stack-label
autofocus
dense dense
outlined outlined
class="full-width" class="full-width"
@blur="matchLanguage" @blur="matchLanguage"
:label=" :label="
[ [
'解释器路径,如:/home/python', '解释器路径,如:/opt/python',
'运行参数,如:-u', '运行参数,如:-u',
'脚本后缀不含点py', '脚本后缀不含点py',
][index] ][index]
" "
v-model="quickcommandInfo.customOptions[item]" v-model="quickcommandInfo.customOptions[item]"
@ -152,6 +155,7 @@
<q-item v-show="quickcommandInfo.program !== 'quickcommand'"> <q-item v-show="quickcommandInfo.program !== 'quickcommand'">
<q-input <q-input
dense dense
stack-label
outlined outlined
label="脚本参数" label="脚本参数"
class="full-width" class="full-width"
@ -171,6 +175,7 @@
<q-select <q-select
dense dense
outlined outlined
stack-label
clearable clearable
class="full-width" class="full-width"
:label="['脚本编码', '输出编码'][index]" :label="['脚本编码', '输出编码'][index]"
@ -187,6 +192,7 @@
</q-btn-dropdown> </q-btn-dropdown>
<q-separator vertical inset /> <q-separator vertical inset />
<q-btn <q-btn
style="padding: 0 10px"
dense dense
flat flat
color="primary" color="primary"
@ -196,6 +202,7 @@
></q-btn> ></q-btn>
<q-btn <q-btn
flat flat
style="padding: 0 10px"
dense dense
v-if="!isRunCodePage" v-if="!isRunCodePage"
:disable="!canCommandSave" :disable="!canCommandSave"