emojigen wip30

This commit is contained in:
こけっち 2022-05-06 22:42:04 +09:00
parent fb1781ca53
commit db7abd17fb
No known key found for this signature in database
GPG Key ID: 21460619C5FC4DD1

View File

@ -1,5 +1,6 @@
<template> <template>
<MkSpacer :content-max="700" :margin-min="16" :margin-max="32"> <MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
<FormSuspense>
<div class="cwepdizn _formRoot"> <div class="cwepdizn _formRoot">
<FormInput v-model="emojiName" class="_formBlock"> <FormInput v-model="emojiName" class="_formBlock">
<template #label>{{ $ts.emojiName }}</template> <template #label>{{ $ts.emojiName }}</template>
@ -48,7 +49,6 @@
</div> </div>
</FormFolder> </FormFolder>
<FormInput v-model="emojiColor" class="_formBlock"> <FormInput v-model="emojiColor" class="_formBlock">
<template #prefix><i class="fas fa-palette"></i></template> <template #prefix><i class="fas fa-palette"></i></template>
<template #label>{{ $ts.emojiColor }}</template> <template #label>{{ $ts.emojiColor }}</template>
@ -64,18 +64,20 @@
</FormSection> </FormSection>
<FormButton primary class="_formBlock" @click="emojiApproval">{{ $ts.emojiApproval }}</FormButton> <FormButton primary class="_formBlock" @click="emojiApproval">{{ $ts.emojiApproval }}</FormButton>
</div> </div>
</FormSuspense>
</MkSpacer> </MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts">
import {defineComponent} from 'vue'; import {defineComponent} from 'vue';
import FormFolder from '@/components/form/folder.vue';
import FormSwitch from '@/components/form/switch.vue'; import FormSwitch from '@/components/form/switch.vue';
import FormInput from '@/components/form/input.vue'; import FormInput from '@/components/form/input.vue';
import FormTextarea from '@/components/form/textarea.vue'; import FormTextarea from '@/components/form/textarea.vue';
import FormRadios from '@/components/form/radios.vue'; import FormRadios from '@/components/form/radios.vue';
import FormSection from '@/components/form/section.vue'; import FormSection from '@/components/form/section.vue';
import FormFolder from '@/components/form/folder.vue';
import FormButton from '@/components/ui/button.vue'; import FormButton from '@/components/ui/button.vue';
import FormSuspense from '@/components/form/suspense.vue';
import * as os from '@/os'; import * as os from '@/os';
import * as symbols from '@/symbols'; import * as symbols from '@/symbols';
import {defaultStore} from "@/store"; import {defaultStore} from "@/store";
@ -84,13 +86,14 @@ import {stream} from "@/stream";
export default defineComponent({ export default defineComponent({
components: { components: {
FormFolder,
FormInput, FormInput,
FormTextarea, FormTextarea,
FormRadios, FormRadios,
FormSection, FormSection,
FormSwitch, FormSwitch,
FormButton, FormButton,
FormFolder, FormSuspense,
}, },
emits: ['info'], emits: ['info'],