| | |
|---|
| | | <div> |
|---|
| | | <div class="interview__header"> |
|---|
| | | <div class="mdTxt">約訪紀錄</div> |
|---|
| | | <div class="pam-link-button--lg" |
|---|
| | | <div class="pam-link-button" |
|---|
| | | @click="addInterview">+新增</div> |
|---|
| | | </div> |
|---|
| | | <InterviewCard :interviewList="displayList.slice(0, 3)"></InterviewCard> |
|---|
| | | |
|---|
| | | <section class="text--right mt-30" v-if="interviewList.length > 3"> |
|---|
| | | <div class="pam-link-button--lg" @click="readMoreBtn">展開看更多</div> |
|---|
| | | <section class="text--right mt-30 interview-check-more" v-if="interviewList.length > 3"> |
|---|
| | | <div class="pam-link-button" @click="readMoreBtn"> |
|---|
| | | 展開看更多 |
|---|
| | | <i class="icon-expand"></i> |
|---|
| | | </div> |
|---|
| | | </section> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | justify-content: space-between; |
|---|
| | | margin-bottom : 10px; |
|---|
| | | } |
|---|
| | | .interview-check-more{ |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | </style> |
|---|
