common/views/widgets/calendar.vue

Did weird formatting tricks. Hopefully should work.
This commit is contained in:
gutfuckllc
2018-08-01 14:25:55 -04:00
parent 86d49c6704
commit c5b682dc89
3 changed files with 34 additions and 7 deletions

View File

@ -4,27 +4,27 @@
<div class="mkw-calendar--body">
<div class="calendar" :data-is-holiday="isHoliday">
<p class="month-and-year">
<span class="year">{{ year }}</span>
<span class="month">{{ month }}</span>
<span class="year">%i18n:year-english%{{ year }}%i18n:year-japanese%</span>
<span class="month">%i18n:month-english%{{ month }}%i18n:month-japanese%</span>
</p>
<p class="day">{{ day }}</p>
<p class="week-day">{{ weekDay }}曜日</p>
<p class="day">>%i18n:day-english%{{ day }}%i18n:day-japanese%</p>
<p class="week-day">%i18n:weekday-english%{{ weekDay }}%i18n:weekday-japanese%</p>
</div>
<div class="info">
<div>
<p>今日:<b>{{ dayP.toFixed(1) }}%</b></p>
<p>%i18n:today%<b>{{ dayP.toFixed(1) }}%</b></p>
<div class="meter">
<div class="val" :style="{ width: `${dayP}%` }"></div>
</div>
</div>
<div>
<p>今月:<b>{{ monthP.toFixed(1) }}%</b></p>
<p>%i18n:this-month%<b>{{ monthP.toFixed(1) }}%</b></p>
<div class="meter">
<div class="val" :style="{ width: `${monthP}%` }"></div>
</div>
</div>
<div>
<p>今年:<b>{{ yearP.toFixed(1) }}%</b></p>
<p>%i18n:this-year%<b>{{ yearP.toFixed(1) }}%</b></p>
<div class="meter">
<div class="val" :style="{ width: `${yearP}%` }"></div>
</div>