Bladeren bron

style:“闹钟生效按钮样式优化”

soobin 1 jaar geleden
bovenliggende
commit
d6493d4f3e
2 gewijzigde bestanden met toevoegingen van 8 en 8 verwijderingen
  1. 2 2
      src/styles/alarmClock/index.less
  2. 6 6
      src/views/device/alarmClockSet/index.vue

+ 2 - 2
src/styles/alarmClock/index.less

@@ -391,11 +391,10 @@
     .ImageText1 {
       height: 18px;
       width: auto;
-      margin: 23px 0 0 15px;
+      margin: 15px 0 0 15px;
 
       .mod4 {
         width: 109px;
-        height: auto;
 
         .TextGroup1 {
           height: 13px;
@@ -404,6 +403,7 @@
 
           .info4 {
             width: auto;
+            margin-top: 3px;
             height: 13px;
             overflow-wrap: break-word;
             color: rgba(64, 77, 116, 1);

+ 6 - 6
src/views/device/alarmClockSet/index.vue

@@ -26,17 +26,17 @@
         :placeholder="$t('device.alarmTypePlaceholder')" @click="alarmClockTypeShow = true" class="field" />
       <van-field v-model="alarmClockName" name="alarmClockName" :label="$t('device.alarmNameLabel')"
         :placeholder="$t('device.alarmNamePlaceholder')" />
-      <div class="ImageText1 flex-col">
-        <div class="mod4 flex-row justify-between">
-          <div class="TextGroup1 flex-col">
+      <div class="ImageText1">
+        <div class="mod4 justify-between">
+          <div class="TextGroup1">
             <span class="info4">{{ $t("device.effectiveImmediately") }}:</span>
           </div>
-          <div class="section1 flex-col">
-            <van-switch v-model="checked" />
+          <div class="">
+            <van-switch  v-model="checked" size="20px"/>
           </div>
         </div>
       </div>
-      <van-row justify="space-around" style="padding: 1em">
+      <van-row justify="space-around" style="padding: 5em">
         <van-button span="5" round type="primary" style="height: 2em; padding: 0 2em" @click="submitSet">
           {{ $t("device.submitSettings") }}</van-button>
       </van-row>