Skip to content

W
wisdom-ces
Commit f1b872b3 authored by wangqinghua's avatar wangqinghua
Browse files
Options

color

parent 01f40b17
Show whitespace changes
Inline Side-by-side
Showing with 50 additions and 14 deletions
src/pages/activity-track/joinDetail/joinDetail.html
View file @ f1b872b3
...@@ -36,18 +36,41 @@ ...@@ -36,18 +36,41 @@
<img src="./assets/imgs/head.png" class="person-photo"> <img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box"> <div class="item-box">
<p class="person-name">{{item?.name}} <p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null" name="male"></ion-icon> <ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null"
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'" name="female"></ion-icon> name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'"
name="female"></ion-icon>
</p> </p>
</div> </div>
</div> </div>
<!--不参加 1， 非不参加： 0 "isActivityNo": "0",-->
<!--报名 ： 1，不报名 ： 0 "isSignUp": "1"-->
<div class="inner-button"> <div class="inner-button">
<div class="text-right"><button ion-button round class="btn color3">未报名</button></div> <ng-container *ngIf="item?.isSignUp == 0 && item.isActivityNo == 0">
<div class="text-right">
<button disabled ion-button round class="btn color3">未报名</button>
</div>
<div class="margin-top-5"> <div class="margin-top-5">
<button (click)="goSignUp(item)" ion-button round class="btn color3 blue-btn">代报名</button> <button disabled (click)="goSignUp(item)" ion-button round class="btn color3 blue-btn">代报名
<button (click)="sayNo(item)" ion-button round class="btn color3 red-btn">不参加</button> </button>
<button disabled (click)="sayNo(item)" ion-button round class="btn color3 red-btn">不参加</button>
</div> </div>
</ng-container>
<ng-container *ngIf="item.isActivityNo == 1">
<div class="text-right">
<button disabled ion-button round class="btn color6">不参加</button>
</div> </div>
</ng-container>
<ng-container *ngIf="item.isSignUp == 1">
<div class="text-right">
<button disabled ion-button round class="btn color4">已报名</button>
</div>
</ng-container>
</div>
</div> </div>
</ng-container> </ng-container>
<ng-container *ngIf="type == '2'"> <ng-container *ngIf="type == '2'">
...@@ -56,16 +79,20 @@ ...@@ -56,16 +79,20 @@
<img src="./assets/imgs/head.png" class="person-photo"> <img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box"> <div class="item-box">
<p class="person-name">{{item?.name}} <p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null" name="male"></ion-icon> <ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null"
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'" name="female"></ion-icon> name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'"
name="female"></ion-icon>
</p> </p>
</div> </div>
</div> </div>
<div class="inner-button"> <div class="inner-button">
<div class="text-right"><button ion-button round class="btn color3">未报名</button></div> <div class="text-right">
<button ion-button round class="btn color3">未报名</button>
</div>
<div class="margin-top-5"> <div class="margin-top-5">
<button (click)="goSignUp(item)" ion-button round class="btn color3 blue-btn">代报名</button> <button disabled (click)="goSignUp(item)" ion-button round class="btn color3 blue-btn">代报名</button>
<button (click)="sayNo(item)" ion-button round class="btn color3 red-btn">不参加</button> <button disabled (click)="sayNo(item)" ion-button round class="btn color3 red-btn">不参加</button>
</div> </div>
</div> </div>
</div> </div>
...@@ -76,8 +103,10 @@ ...@@ -76,8 +103,10 @@
<img src="./assets/imgs/head.png" class="person-photo"> <img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box"> <div class="item-box">
<p class="person-name">{{item?.name}} <p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null" name="male"></ion-icon> <ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null"
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'" name="female"></ion-icon> name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'"
name="female"></ion-icon>
</p> </p>
<span class="person-batch">批次：{{item?.batchNames}}</span> <span class="person-batch">批次：{{item?.batchNames}}</span>
</div> </div>
...@@ -95,8 +124,10 @@ ...@@ -95,8 +124,10 @@
<img src="./assets/imgs/head.png" class="person-photo"> <img src="./assets/imgs/head.png" class="person-photo">
<div class="item-box"> <div class="item-box">
<p class="person-name">{{item?.name}} <p class="person-name">{{item?.name}}
<ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null" name="male"></ion-icon> <ion-icon class="person-sex-male" *ngIf="item?.gender == '1'||item?.gender == null"
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'" name="female"></ion-icon> name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item?.gender == '0'"
name="female"></ion-icon>
</p> </p>
</div> </div>
</div> </div>
......
src/pages/activity-track/joinDetail/joinDetail.scss
View file @ f1b872b3
...@@ -105,6 +105,11 @@ page-joinDetail { ...@@ -105,6 +105,11 @@ page-joinDetail {
color: #55efda; color: #55efda;
border-radius: 3px; border-radius: 3px;
} }
.color6{
border-color: #dadada;
color: #808080;
border-radius: 3px;
}
.group{ .group{
display: flex; display: flex;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment