style: 优化数字输入框前后加减号样式

main
wu.jian2 2 years ago
parent 7e20a4017e
commit 4acb030e72

@ -11,7 +11,15 @@
</div>
<div class="head-btn-group">
<span style="margin-right:8px;font-size:12px">缩放比例</span>
<el-input-number style="margin-right:20px" :value="zoom" @change="changeZoom" :min="1" :max="100" label="描述文字"></el-input-number>
<el-input-number
class="bs-el-input-number"
style="margin-right:20px"
:value="zoom"
:min="1"
:max="100"
label="描述文字"
@change="changeZoom"
/>
<el-dropdown
trigger="click"
class="align-list-dropdown"
@ -99,7 +107,11 @@
:page-info="pageInfo"
@replaceItByTemplate="replaceItByTemplate"
/>
<CloseDialog ref="CloseDialog" @back="backManagement" @backSave="backSave" />
<CloseDialog
ref="CloseDialog"
@back="backManagement"
@backSave="backSave"
/>
<AssignDialog ref="AssignDialog" />
<HistoryList ref="HistoryList" />
</div>
@ -195,7 +207,7 @@ export default {
timelineStore: (state) => state.bigScreen.timelineStore,
currentTimeLine: (state) => state.bigScreen.currentTimeLine,
activeCodes: state => state.bigScreen.activeCodes,
zoom: (state) => state.bigScreen.zoom,
zoom: (state) => state.bigScreen.zoom
}),
pageCode () {
return this.$route.query.code || this.code
@ -224,7 +236,7 @@ export default {
undoTimeLine: 'bigScreen/undoTimeLine',
saveTimeLine: 'bigScreen/saveTimeLine'
}),
changeZoom(val){
changeZoom (val) {
this.$emit('changeZoom', val)
// console.log(val)
},
@ -333,10 +345,10 @@ export default {
return value1 - value2 //
}
},
goBackManage(){
goBackManage () {
this.$refs.CloseDialog.init()
},
async backSave(){
async backSave () {
await this.save()
this.backManagement()
},

@ -39,11 +39,15 @@
}
.el-input-number__decrease {
color: var(--bs-el-text) !important;
font-size: 16px !important;
background: var(--bs-el-background-1) !important;
border-color: var(--bs-el-border) !important;
}
.el-input-number__increase {
color: var(--bs-el-text) !important;
font-size: 16px !important;
background: var(--bs-el-background-1) !important;
border-color: var(--bs-el-border) !important;
}

Loading…
Cancel
Save