natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

transgender

This commit is contained in:
ThatOneCalculator 2022-11-09 10:38:18 -08:00
parent 730f517bed
commit 9eddfc0c88
1 changed files with 81 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/client/src/components/MkTutorialDialog.vue
View File

@ -25,25 +25,26 @@
<MkButton v-else class="ok" primary @click="tutorial++"><i class="ph-check-bold ph-lg"></i> {{ i18n.ts.next }}</MkButton> <MkButton v-else class="ok" primary @click="tutorial++"><i class="ph-check-bold ph-lg"></i> {{ i18n.ts.next }}</MkButton>
</div> </div>
<h2 class="_title title"><i class="ph-info-bold ph-lg"></i> {{ i18n.ts._tutorial.title }}</h2> <h2 class="_title title"><i class="ph-info-bold ph-lg"></i> {{ i18n.ts._tutorial.title }}</h2>
<div v-if="tutorial === 0" class="_content"> <Transition name="fade" mode="out-in">
<div v-if="tutorial === 0" key="1" class="_content">
<h3>{{ i18n.ts._tutorial.step1_1 }}</h3> <h3>{{ i18n.ts._tutorial.step1_1 }}</h3>
<div>{{ i18n.ts._tutorial.step1_2 }}</div> <div>{{ i18n.ts._tutorial.step1_2 }}</div>
</div> </div>
<div v-else-if="tutorial === 1" class="_content"> <div v-else-if="tutorial === 1" key="2" class="_content">
<h3>{{ i18n.ts._tutorial.step2_1 }}</h3> <h3>{{ i18n.ts._tutorial.step2_1 }}</h3>
<div>{{ i18n.ts._tutorial.step2_2 }}</div> <div>{{ i18n.ts._tutorial.step2_2 }}</div>
<XSettings/> <XSettings/>
<br/> <br/>
<MkButton class="ok" primary @click="tutorial++"><i class="ph-check-bold ph-lg"></i> {{ i18n.ts.next }}</MkButton> <MkButton class="ok" primary @click="tutorial++"><i class="ph-check-bold ph-lg"></i> {{ i18n.ts.next }}</MkButton>
</div> </div>
<div v-else-if="tutorial === 2" class="_content"> <div v-else-if="tutorial === 2" key="3" class="_content">
<h3>{{ i18n.ts._tutorial.step3_1 }}</h3> <h3>{{ i18n.ts._tutorial.step3_1 }}</h3>
<div>{{ i18n.ts._tutorial.step3_2 }}</div> <div>{{ i18n.ts._tutorial.step3_2 }}</div>
<XFeaturedUsers/> <XFeaturedUsers/>
<br/> <br/>
<MkButton class="ok" primary @click="tutorial++"><i class="ph-check-bold ph-lg"></i> {{ i18n.ts.next }}</MkButton> <MkButton class="ok" primary @click="tutorial++"><i class="ph-check-bold ph-lg"></i> {{ i18n.ts.next }}</MkButton>
</div> </div>
<div v-else-if="tutorial === 3" class="_content"> <div v-else-if="tutorial === 3" key="4" class="_content">
<h3>{{ i18n.ts._tutorial.step4_1 }}</h3> <h3>{{ i18n.ts._tutorial.step4_1 }}</h3>
<I18n :src="i18n.ts._tutorial.step4_2" tag="div"> <I18n :src="i18n.ts._tutorial.step4_2" tag="div">
<template #introduction> <template #introduction>
@ -53,7 +54,7 @@
<br/> <br/>
<XPostForm class="post-form _block"/> <XPostForm class="post-form _block"/>
</div> </div>
<div v-else-if="tutorial === 4" class="_content"> <div v-else-if="tutorial === 4" key="5" class="_content">
<h3>{{ i18n.ts._tutorial.step5_1 }}</h3> <h3>{{ i18n.ts._tutorial.step5_1 }}</h3>
<I18n :src="i18n.ts._tutorial.step5_2" tag="div"> <I18n :src="i18n.ts._tutorial.step5_2" tag="div">
<template #timelines> <template #timelines>
@ -86,7 +87,7 @@
</template> </template>
</I18n> </I18n>
</div> </div>
<div v-else-if="tutorial === 5" class="_content"> <div v-else-if="tutorial === 5" key="6" class="_content">
<h3>{{ i18n.ts._tutorial.step6_1 }}</h3> <h3>{{ i18n.ts._tutorial.step6_1 }}</h3>
<div>{{ i18n.ts._tutorial.step6_2 }}</div> <div>{{ i18n.ts._tutorial.step6_2 }}</div>
<div>{{ i18n.ts._tutorial.step6_3 }}</div> <div>{{ i18n.ts._tutorial.step6_3 }}</div>
@ -95,6 +96,7 @@
<h3>{{ i18n.ts._tutorial.step6_4 }} <Mfm text="$[shake 🚀]"></Mfm></h3> <h3>{{ i18n.ts._tutorial.step6_4 }} <Mfm text="$[shake 🚀]"></Mfm></h3>
</MkSparkle> </MkSparkle>
</div> </div>
</Transition>
</div> </div>
</div> </div>
</div> </div>
@ -158,6 +160,15 @@ function close(res) {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.5s ease 0.5s;
}
.fade-enter-from,
.fade-leave-to {
opacity: 0;
}
.tbkwesmv { .tbkwesmv {
> ._content { > ._content {
> small { > small {