<template>
|
<div>
|
<div class="mdTxt">即將約訪排程(3)</div>
|
<div class="remind-container">
|
<div class="remind-content">
|
<div class="remind-first-line mr-10">
|
<div class="txt-margin">2021</div>
|
<div>12/25</div>
|
</div>
|
<div class="remind-content-txt">
|
<div class="txt-margin">09:00</div>
|
<div>約訪林志零</div>
|
</div>
|
</div>
|
</div>
|
<div class="remind-container">
|
<div class="remind-content">
|
<div class="remind-first-line mr-10">
|
<div class="txt-margin">2021</div>
|
<div>12/22</div>
|
</div>
|
<div class="remind-content-txt">
|
<div class="txt-margin">13:00</div>
|
<div>約訪王聰明</div>
|
</div>
|
</div>
|
</div>
|
<div class="remind-container">
|
<div class="remind-content">
|
<div class="remind-first-line mr-10">
|
<div class="txt-margin">2021</div>
|
<div>12/18</div>
|
</div>
|
<div class="remind-content-txt">
|
<div class="txt-margin">09:00</div>
|
<div>約訪李伯伯</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script lang="ts">
|
import { Vue, Component } from 'nuxt-property-decorator';
|
|
@Component
|
export default class Agenda extends Vue {
|
|
//////////////////////////////////////////////////////////////////////
|
}
|
</script>
|
<style lang="scss" scoped>
|
.remind-container{
|
margin-top: 13px;
|
border: 1px solid #CCCCCC;
|
height: 61px;
|
border-radius: 5px;
|
margin-bottom: 20px;
|
background-color: #fff;
|
.remind-content{
|
display: flex;
|
padding: 13px 10px;
|
.remind-first-line{
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
font-weight: bold;
|
}
|
}
|
}
|
.remind-content-txt{
|
display: flex;
|
flex-direction: column;
|
}
|
.txt-margin{
|
margin-bottom: 3px;
|
}
|
</style>
|
