| | |
| | | <div class="mdTxt text--black">即將約訪排程</div> |
| | | <div class="smTxt_bold text--primary sub-title cursor--pointer" @click="toAgendaPage">查看全部</div> |
| | | </div> |
| | | |
| | | <div class="remind-container"> |
| | | <div class="remind-content"> |
| | | <div class="remind-first-line mr-10"> |
| | | <div class="txt-margin">2021</div> |
| | | <div class="remind-date mr-10"> |
| | | <div class="mb-3 smTxt bgc-primary-red date-year"> |
| | | <div class="mb-3 mt-2">2021</div> |
| | | </div> |
| | | <div class="p mt-5"> |
| | | <div>12/25</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="remind-content-txt"> |
| | | <div class="txt-margin">09:00</div> |
| | | <div class="mb-3">09:00</div> |
| | | <div>約訪林志零</div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | border-bottom: 1px solid $PRIMARY_RED; |
| | | } |
| | | } |
| | | .remind-container{ |
| | | margin-top: 13px; |
| | | border: 1px solid #CCCCCC; |
| | | height: 61px; |
| | | border-radius: 5px; |
| | | margin-bottom: 20px; |
| | | .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> |