From b4d6944076f1df6eedaae35c4c2a7072fe988e8a Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期二, 30 四月 2024 15:34:02 +0800 Subject: [PATCH] update: package-lock.json --- PAMapp/pages/record/index.vue | 66 +++++++++++++++++++++++++++++++++ 1 files changed, 66 insertions(+), 0 deletions(-) diff --git a/PAMapp/pages/record/index.vue b/PAMapp/pages/record/index.vue new file mode 100644 index 0000000..be49f11 --- /dev/null +++ b/PAMapp/pages/record/index.vue @@ -0,0 +1,66 @@ +<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> -- Gitblit v1.8.0