症状样式调整

src/common/PushSymptom.vue

@@ -13,11 +13,12 @@
       <ul class="tags clearfix">
         <li
           v-for="(item,idx) in symptoms"
-          :class="[{'liSelect':item.select}]"
+          :class="[{'liSelect':item.select,'big':item.explains}]"
           :key="item.id"
           @click="selectResult(item,idx)"
         >
           {{item.description||item.name}}
+          <img src="../images/icon_que.png" alt="解释说明" @click.stop="showExplain(item)" v-if="item.explains"/>
         </li>
       </ul>
       <div :class="selecteds.length>0?'realSure sure':'sure'" @click="makeSuer">
@@ -225,6 +226,15 @@
     margin: 0.15rem;
     float: left;
     color: #666;
+    position: relative;
+    &.big{
+       margin: 0.15rem .65rem .15rem .15rem
+     }
+  img{
+    width: .35rem;
+    position: absolute;
+    right: -0.55rem;
+  }
   }
   .liSelect {
     color: #fff;

src/common/UsualSymptom.vue

@@ -7,7 +7,7 @@
     <ul class="radio-item clearfix">
       <li
         v-for="(item,idx) in symptoms"
-        :class="[{'liSelect':item.select}]"
+        :class="[{'liSelect':item.select,'big':item.explains}]"
         :key="idx"
         @click="selectResult(item,idx)"
       >
@@ -138,10 +138,13 @@
       border:1px #DFE0E4 solid;
       border-radius: 0.36rem;
       font-size: 0.26rem;
-      margin: 0.15rem .65rem .15rem .15rem;
+      margin: 0.15rem 0.12rem 0.15rem 0.15rem;
       float: left;
       color: #666;
       position: relative;
+      &.big{
+         margin: 0.15rem .65rem .15rem .15rem;
+       }
       img{
         width: .35rem;
         position: absolute;