<template> <div class="app-calendar-itemlayoutpanel"> <div class="item-icon"> </div> <div class="item-text"> <div class="title">{{inputData.title}}</div> <div class="srfdescription">{{inputData.srfdescription}}</div> <div class="date"> {{ $t('userCustom.AppCalendarItemlayoutpanel.from') }} <span class="start">{{inputData.start}}</span> {{$t('userCustom.AppCalendarItemlayoutpanel.to')}} <span class="end">{{inputData.end}}</span> </div> </div> </div> </template> <script lang="ts"> import { Component, Vue, Prop, Model, Watch } from 'vue-property-decorator'; import { Subject,Subscription } from 'rxjs'; @Component({ }) export default class AppCalendarItemlayoutpanel extends Vue { /** * 面板数据对象 * * @type {*} * @memberof AppCalendarItemlayoutpanel */ @Prop() public inputData?: any; } </script> <style lang="scss"> @import './app-calendar-itemlayoutpanel.scss'; </style>