|
@@ -5,7 +5,7 @@
|
|
|
<ion-label>不同MBTI宠物</ion-label>
|
|
|
</ion-segment-button>
|
|
|
<ion-segment-button value="favorites" (click)="changeTab('favorites')">
|
|
|
- <ion-label>宠物测试</ion-label>
|
|
|
+ <ion-label>宠物性格测试</ion-label>
|
|
|
|
|
|
</ion-segment-button>
|
|
|
</ion-segment>
|
|
@@ -61,21 +61,96 @@
|
|
|
|
|
|
<!-- 宠物测试 -->
|
|
|
<ng-container *ngIf="currentTab === 'favorites'">
|
|
|
- <h4 style="text-align: center;padding: 15px;">请填写以下信息,以便为你宠物测试</h4>
|
|
|
+ <h4 style="text-align: center;padding: 15px;">开始测试</h4>
|
|
|
<ion-list>
|
|
|
- <ion-item>
|
|
|
- <ion-select [value]="planOptions.targets" (ionChange)="setOption('targets',$event)"
|
|
|
- aria-label="object" placeholder="当你的宠物遇到陌生人时,它会" [multiple]="true">
|
|
|
- <ion-select-option value="慵懒休闲">慵懒休闲</ion-select-option>
|
|
|
- <ion-select-option value="活泼好动">活泼好动</ion-select-option>
|
|
|
- <ion-select-option value="独立自主">独立自主</ion-select-option>
|
|
|
- </ion-select>
|
|
|
- </ion-item>
|
|
|
- <ion-item>
|
|
|
+ <ion-item class="question">
|
|
|
+ <ion-label class="question-label">1.当你坐在沙发上看电视时,你的宠物会:
|
|
|
+ </ion-label>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-radio-group [(ngModel)]="planOptions.option1">
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">A 跳上来陪你</ion-label>
|
|
|
+ <ion-radio value="慵懒休闲"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">B 在旁边的地板上休息
|
|
|
+ </ion-label>
|
|
|
+ <ion-radio value="活泼好动"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">C 无所谓,表现地很平静</ion-label>
|
|
|
+ <ion-radio value="无所谓"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+ </ion-radio-group>
|
|
|
+
|
|
|
+ <ion-item class="question">
|
|
|
+ <ion-label class="question-label">2.当你的宠物遇到陌生人时,它会</ion-label>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-radio-group [(ngModel)]="planOptions.option1">
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">A 热情地走近,并好奇地闻闻</ion-label>
|
|
|
+ <ion-radio value="慵懒休闲"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">B 躲在安全的地方观察一会再决定是否靠近</ion-label>
|
|
|
+ <ion-radio value="活泼好动"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">C 无所谓,表现地很平静</ion-label>
|
|
|
+ <ion-radio value="无所谓"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+ </ion-radio-group>
|
|
|
+
|
|
|
+ <ion-item class="question">
|
|
|
+ <ion-label class="question-label">3.当你回到家时,你的宠物会</ion-label>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-radio-group [(ngModel)]="planOptions.option2">
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">A 热情地迎接你并蹭你的腿</ion-label>
|
|
|
+ <ion-radio value="慵懒休闲"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">B 躲在某个地方等待你</ion-label>
|
|
|
+ <ion-radio value="活泼好动"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">C 无所谓,表现地很平静</ion-label>
|
|
|
+ <ion-radio value="无所谓"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+ </ion-radio-group>
|
|
|
+ <ion-item class="question">
|
|
|
+ <ion-label class="question-label">4.当你打开一个新的盒子或者移动家具时,你的宠物会</ion-label>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-radio-group [(ngModel)]="planOptions.option2">
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">A 好奇地探索新环境
|
|
|
+ </ion-label>
|
|
|
+ <ion-radio value="慵懒休闲"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">B 保持距离观望
|
|
|
+ </ion-label>
|
|
|
+ <ion-radio value="活泼好动"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+
|
|
|
+ <ion-item class="option">
|
|
|
+ <ion-label class="option-label">C 无所谓,表现地很平静</ion-label>
|
|
|
+ <ion-radio value="无所谓"></ion-radio>
|
|
|
+ </ion-item>
|
|
|
+ </ion-radio-group>
|
|
|
+
|
|
|
+ <ion-item class="question">
|
|
|
<ion-textarea label="你是否有其他信息或补充" labelPlacement="floating" placeholder=" "></ion-textarea>
|
|
|
</ion-item>
|
|
|
</ion-list>
|
|
|
- <ion-button expand="block">生成</ion-button>
|
|
|
+ <ion-button expand="block">生成测试结果</ion-button>
|
|
|
</ng-container>
|
|
|
<div class="navfooter"> </div>
|
|
|
</ion-content>
|