root/apt15e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
caill
2025-08-15 14:19:50 +08:00
parent beecdeedae
commit 397f388f22
2 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/modules/device.vue
View File

@@ -8,12 +8,13 @@
<el-row type="flex" class="r_box"> <el-row type="flex" class="r_box">
<el-col class="point_item" v-for="(e, i) in dataList" :key="'zdy' + i"> <el-col class="point_item" v-for="(e, i) in dataList" :key="'zdy' + i">
<el-popover <el-popover
width="500"
placement="bottom" placement="bottom"
trigger="manual" trigger="manual"
:ref="`popover-${i}`"> :ref="`popover-${i}`">
<el-row type="flex" justify="space-between" align="middle" style="margin-bottom: .1rem"> <el-row type="flex" justify="space-between" align="middle" style="margin-bottom: .1rem">
<el-col :span="18"><el-input placeholder="修改名称" v-model="stationName" @focus="show" data-layout="normal"></el-input></el-col> <el-col style="width: calc(100% - .55rem)"><el-input placeholder="修改名称" v-model="stationName" @focus="show" data-layout="normal"></el-input></el-col>
<el-button type="success" icon="el-icon-check" size="mini" style="height: .4rem" :disabled="disabled" @click="_updateStation(e, i)"></el-button> <el-button type="success" icon="el-icon-check" size="mini" style="width: .5rem; height: .4rem" :disabled="disabled" @click="_updateStation(e, i)"></el-button>
</el-row> </el-row>
<el-row type="flex" justify="space-between"> <el-row type="flex" justify="space-between">
<el-button class="task_button" :class="{'task_checked': e.action_type === el.value}" v-for="el in radioOption" :key="el.value" @click="radioInput(e, i, el.value)">{{ el.label }}</el-button> <el-button class="task_button" :class="{'task_checked': e.action_type === el.value}" v-for="el in radioOption" :key="el.value" @click="radioInput(e, i, el.value)">{{ el.label }}</el-button>
@@ -455,6 +456,7 @@ export default {
overflow-y auto overflow-y auto
max-height 100% max-height 100%
.task_button .task_button
width 24%
line-height 1 line-height 1
white-space nowrap white-space nowrap
vertical-align middle vertical-align middle
@@ -466,9 +468,9 @@ export default {
margin 0 margin 0
color #9ff0fc color #9ff0fc
background center / 100% 100% url(../../images/new/tab_bg.png) no-repeat background center / 100% 100% url(../../images/new/tab_bg.png) no-repeat
padding 0 0.1rem padding 0
font-size 0.2rem font-size 24px
height .4rem height 50px
&:first-child &:first-child
border-left 1px solid #233553 border-left 1px solid #233553
&:active, &:hover &:active, &:hover
@@ -485,7 +487,7 @@ export default {
border-left-color #409EFF border-left-color #409EFF
.button_box .button_box
height 18% height 18%
margin 3.5% 0 margin-bottom .2rem
max-height .65rem max-height .65rem
text-align center text-align center
&:last-child &:last-child

3
src/style/common.styl
View File

@@ -130,6 +130,8 @@
color: #fff; color: #fff;
border-radius: 0; border-radius: 0;
padding 0 0.1rem padding 0 0.1rem
height: .4rem;
line-height: .4rem;
.el-input--mini .el-input__inner .el-input--mini .el-input__inner
line-height .4rem line-height .4rem
height .4rem height .4rem
@@ -198,6 +200,7 @@
background-color #c3390c background-color #c3390c
border-color #ed865c border-color #ed865c
color #fff color #fff
box-sizing border-box
.el-button--primary .el-button--primary
background-color #009fde background-color #009fde
border-color #00d9f3 border-color #00d9f3