Use mk-frac

This commit is contained in:
syuilo 2019-09-26 05:47:42 +09:00
parent ebb9a9b64f
commit 3a093f8bd7

View file

@ -17,7 +17,7 @@
</svg> </svg>
</div> </div>
<div class="broadcast-nav" v-show="announcements && announcements.length > 1"> <div class="broadcast-nav" v-show="announcements && announcements.length > 1">
<div class="broadcast-page">{{ i + 1 }} / {{ announcements.length }}</div> <mk-frac class="broadcast-page" :value="i + 1" :total="announcements.length"/>
<ui-button class="broadcast-prev" @click="prev" :title="$t('next')"><fa :icon="faAngleLeft"/></ui-button> <ui-button class="broadcast-prev" @click="prev" :title="$t('next')"><fa :icon="faAngleLeft"/></ui-button>
<ui-button class="broadcast-next" @click="next" :title="$t('prev')"><fa :icon="faAngleRight"/></ui-button> <ui-button class="broadcast-next" @click="next" :title="$t('prev')"><fa :icon="faAngleRight"/></ui-button>
</div> </div>
@ -144,7 +144,7 @@ export default define({
width 100% width 100%
color var(--announcementsTitle) color var(--announcementsTitle)
text-align center text-align center
font-size .8rem font-size .6rem
> .broadcast-prev, > .broadcast-prev,
> .broadcast-next > .broadcast-next