css

src/pages/modules/device.vue

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

src/style/common.styl

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