color

src/pages/mine/mySurvey/question-detail/question-detail.html

@@ -13,12 +13,12 @@
 </ion-header>
 
 
-<ion-content>
+<ion-content padding>
 <p>(问答){{this.item?.title}}</p>
  <ion-list>
    <ion-item *ngFor="let item of question">
-     <p>{{item.createUsername}}</p>
-     <p>{{item.answerdesc}}</p>
+     <p class="padding-10-0"> <span class="color-24bafc">·</span> {{item.createUsername}}</p>
+     <p class="padding-10-0">{{item.answerdesc}}</p>
    </ion-item>
  </ion-list>
 </ion-content>

src/pages/mine/mySurvey/survey-preview/survey-preview.html

@@ -15,7 +15,9 @@
       <div class="question-list">
         <ion-item *ngFor="let item of contentList;let i = index">
           <div class="item-content">
-            <p>{{i +1}}、
+            <p>
+              <span class="color-red" *ngIf="item.isAns == 1">*</span>
+              {{i +1}}、
               <span *ngIf="item.quesType == 1">(判断)</span>
               <span *ngIf="item.quesType == 2">(单选)</span>
               <span *ngIf="item.quesType == 3">(多选)</span>

src/pages/mine/mySurvey/survey-preview/survey-preview.ts

@@ -38,10 +38,11 @@ export class SurveyPreviewPage {
                     this.contentList = res.json().data.ques.datalist;
                     this.contentList.forEach(res=>{
                         res.quesDesc = JSON.parse(res.quesDesc);
-                        if(res.quesType == 3){
+                        if(res.quesType == 3 && res.option){
                             res.option.answerdesc = res.option.answerdesc.split(',');
                         }
                     });
+                    console.log(this.contentList);
                 })
         });
 

src/pages/mine/mySurvey/survey-result/survey-result.html

@@ -8,7 +8,7 @@
 </ion-header>
 
 
-<ion-content>
+<ion-content padding="">
 <p class="text-center">提交成功！感谢你的参与！</p>
 <p class="text-center">问卷结果公开</p>
   <ion-list>

src/pages/mine/mySurvey/survey-write/survey-write.html

@@ -25,21 +25,41 @@
             <span *ngIf="item.quesType == 4">(问答)</span>
             {{item.title}}
           </p>
-          <div class="padding-0-16">
+          <div class="padding-0-30">
             <ng-container *ngIf="item.quesType == 1">
-              <p class="input-radio"><input [(ngModel)]="item.answerdesc" name="{{item.questionQueId}}" value="0" type="radio">是</p>
-              <p class="input-radio"><input [(ngModel)]="item.answerdesc" name="{{item.questionQueId}}" value="1" type="radio">否</p>
+              <p>
+                  <label>
+                      <input [(ngModel)]="item.answerdesc" name="{{item.questionQueId}}" value="0" type="radio">是
+                      <span class="input-radio"></span>
+                  </label>
+              </p>
+              <p>
+                  <label>
+                      <input [(ngModel)]="item.answerdesc" name="{{item.questionQueId}}" value="1" type="radio">否
+                      <span class="input-radio"></span>
+                  </label>
+              </p>
             </ng-container>
             <!--单选题-->
             <ng-container *ngIf="item.quesType == 2">
               <ng-container *ngFor=" let option1 of item.quesDesc;let optIndex = index;">
-                <p><input  [(ngModel)]="item.answerdesc" type="radio" value="{{optIndex}}" name="{{item.questionQueId}}">{{option1.option_title}}</p>
+                <p>
+                    <label>
+                        <input  [(ngModel)]="item.answerdesc" type="radio" value="{{optIndex}}" name="{{item.questionQueId}}">{{option1.option_title}}
+                        <span class="input-radio"></span>
+                    </label>
+                </p>
               </ng-container>
             </ng-container>
             <!--多选题-->
             <ng-container *ngIf="item.quesType == 3">
               <ng-container *ngFor=" let option2 of item.quesDesc;let quesIndex = index;">
-                <p><input type="checkbox" (change)="mutiSelect(i,quesIndex)"  value="{{quesIndex}}">{{option2.option_title}}</p>
+                <p>
+                    <label>
+                        <input type="checkbox" (change)="mutiSelect(i,quesIndex)"  value="{{quesIndex}}">{{option2.option_title}}
+                        <span class="input-check"></span>
+                    </label>
+                </p>
               </ng-container>
             </ng-container>
             <!--问答题-->

src/pages/mine/mySurvey/survey-write/survey-write.scss

@@ -2,23 +2,58 @@ page-survey-write {
   .item-ios p{
       margin: 15px 0;
     }
-  //input[type='radio']{
-  //  display: none;
-  //}
-  //.input-radio{
-  //  position: relative;
-  //  padding-left: 1.8rem;
-  //}
-  //.input-radio::after{
-  //  content: '';
-  //  position: absolute;
-  //  top: 3px;
-  //  left: 0px;
-  //  width: 12px;
-  //  height: 12px;
-  //  border-radius: 50%;
-  //  border: 1px solid #ddd;
-  //}
+  .input-radio{
+    border: 1px solid #ddd;
+    display: inline-block;
+    border-radius: 50%;
+    width: 1.2rem;
+    height: 1.2rem;
+    margin-right: 8px;
+    vertical-align: sub;
+    position: absolute;
+    top: 1px;
+    left: -20px;
+  }
+  label{
+    position: relative;
+    input{
+      display: none;
+    }
+  }
+  input:checked + .input-radio::after {
+    content: '';
+    position: absolute;
+    width: 0.7rem;
+    top: 2px;
+    height: 0.7rem;
+    border-radius: 50%;
+    background-color: #333;
+    left: 2px;
+  }
+
+  .input-check{
+    border: 1px solid #ddd;
+    display: inline-block;
+    width: 1.2rem;
+    height: 1.2rem;
+    margin-right: 8px;
+    vertical-align: text-top;
+    border-radius: 2px;
+    position: absolute;
+    top: 1px;
+    left: -20px;
+  }
+
+  input:checked + .input-check::after {
+    content: '\2713';
+    position: absolute;
+    width: 0.7rem;
+    top: -4px;
+    height: 0.7rem;
+    font-size: 1.5rem;
+    font-weight: bold;
+  }
+
   .content-textarea{
     padding: 10px;
     min-height: 100px;

src/pages/mine/mySurvey/survey-write/survey-write.ts

@@ -71,7 +71,7 @@ export class SurveyWritePage {
                 'questionId': this.ansArr[i].questionId,
                 'questionQueId': this.ansArr[i].questionQueId,
                 'answerdesc': this.ansArr[i].answerdesc,
-                'isans': this.ansArr[i].isans
+                'isans': this.ansArr[i].isAns
             };
             arrData.push(data);
         }