选项高度调整

questionnaire/src/app/children-health/children-health.component.html

@@ -11,7 +11,7 @@
       </div>
       <div class="subTitle">(健康状况决定了能不能投保，共7项)</div>
       <ul class="jobContent" style="display: flex;flex-wrap: wrap;">
-        <li class="selected" style="width: 48%;margin-left:1%;margin-right: 1%;justify-content: center;"
+        <li class="selected" style="width: 48%;margin-right: 2%;justify-content: center;"
           *ngFor="let options of this.curPageData?.questions[0]['options']"
           [ngClass]="{ selected: options['selected'] == true }" (click)="selectedHealth(options,false)">
           {{ options.optionName }}

questionnaire/src/app/disease/disease.component.html

@@ -4,7 +4,7 @@
       <div class="questionTitle hospitalTitle" [ngStyle]="{'align-items':type!=1?'baseline':'center'}"
         [ngClass]="{single:type!=1}">
         <div *ngIf="type!=1"
-          style="font-size: 14px;background: #e11c2b;margin: 15px 0px;color: #fff;height: 20px;line-height: 20px; width: 95px;text-align: center;margin-right: 10px;">
+          style="font-size: 14px;background: #e11c2b;margin: 15px 0px;color: #fff;height: 20px;line-height: 20px; width: 95px;text-align: center;margin-right: 5px;">
           可多选</div>
         <div class="titleName">{{ curPageData?.pageName }}</div>
         <div class="page" [ngStyle]="{'margin-top':type!=1?'':'-9.5%'}">{{this.curPage}}/{{this.totalPage}}</div>

questionnaire/src/app/social-security/social-security.component.html

@@ -10,7 +10,7 @@
       </div>
       <ul class="jobContent" style="display: flex;">
         <li [ngClass]="{ selected: options['selected'] == true }"
-          style="width: 48%;margin: 0 2%;text-align: center;justify-content: center;"
+          style="width: 48%;margin-right: 2%;text-align: center;justify-content: center;"
           *ngFor="let options of this.curPageData?.questions[0]['options']"
           (click)=selectedSocial(this.curPageData?.questions[0],options)>
           {{ options.optionName }}
@@ -21,7 +21,7 @@
       </div>
       <ul class="jobContent" *ngIf="this.type == 2 || this.type == 4" style="display: flex;">
         <li [ngClass]="{ selected: options['selected'] == true }"
-          style="width: 48%;margin: 0 2%;text-align: center;justify-content: center;"
+          style="width: 48%;margin-right: 2%;text-align: center;justify-content: center;"
           *ngFor="let options of this.curPageData?.questions[1]['options']"
           (click)=selectedSocial(this.curPageData?.questions[1],options)>
           {{ options.optionName }}

questionnaire/src/styles.css

@@ -135,7 +135,7 @@ ol li {
   line-height: 60px;
   width: 100%;
   display: flex;
-  padding: 0 10px;
+  /* padding: 0 10px; */
   justify-content: space-between;
   align-items: center;
 }
@@ -149,8 +149,6 @@ ol li {
 }
 .subTitle{
   color: #999999;
-  padding-left: 10px;
-
 }
 
 .questionTitle span {
@@ -228,8 +226,8 @@ ol li {
 
 .jobContent li {
   width: 100%;
-  height: 60px;
-  margin-bottom: 10px;
+  height: 55px;
+  margin-bottom: 8px;
   border-radius: 4px;
   box-sizing: border-box;
   padding-left: 5%;
@@ -244,9 +242,9 @@ ol li {
 .cityContent li,
 .income li {
   width: 100%;
-  height: 60px;
-  line-height: 60px;
-  margin-bottom: 10px;
+  height: 55px;
+  line-height: 55px;
+  margin-bottom: 8px;
   border-radius: 4px;
   box-sizing: border-box;
   padding-left: 5%;