| | |
|---|
| | | <template> |
|---|
| | | <div>record-查看紀錄</div> |
|---|
| | | </template> |
|---|
| | | <div> |
|---|
| | | <ReviewRecords |
|---|
| | | :reviewLogList="reviewLogList" |
|---|
| | | ></ReviewRecords> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script lang="ts"> |
|---|
| | | import { Vue, Component, Action, State } from 'nuxt-property-decorator'; |
|---|
| | | |
|---|
| | | import { AppointmentLog } from '~/shared/models/appointment.model'; |
|---|
| | | |
|---|
| | | @Component |
|---|
| | | export default class Reviews extends Vue{ |
|---|
| | | |
|---|
| | | @State('reviewLogList') |
|---|
| | | reviewLogList!: AppointmentLog[]; |
|---|
| | | |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .user-reviews-page{ |
|---|
| | | margin-bottom:155px; |
|---|
| | | .user-reviews-header{ |
|---|
| | | height: 43px; |
|---|
| | | margin-top: 28px; |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | border-bottom: 2px solid black; |
|---|
| | | } |
|---|
| | | .user-reviews-content{ |
|---|
| | | .user-reviews-card{ |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | margin-top: 26px; |
|---|
| | | border-bottom: 1px solid #707070; |
|---|
| | | height: 54px; |
|---|
| | | padding-bottom: 15px; |
|---|
| | | .user-reviews-card-content{ |
|---|
| | | width: 242px; |
|---|
| | | padding-right:50px; |
|---|
| | | line-height: 1.2; |
|---|
| | | font-size: 20px; |
|---|
| | | margin-left: 15px; |
|---|
| | | } |
|---|
| | | .user-reviews-card-date{ |
|---|
| | | font-size: 12px; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | align-items: flex-end; |
|---|
| | | margin-right: 15px; |
|---|
| | | width:52px; |
|---|
| | | .date{ |
|---|
| | | margin-bottom: 2px; |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | @include desktop{ |
|---|
| | | .user-reviews-card-content{ |
|---|
| | | flex: 1; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
