Lint
This commit is contained in:
parent
d84c48e0fa
commit
8a12d49c64
|
@ -25,22 +25,22 @@
|
|||
</div>
|
||||
<div class="flex items-center justify-between px-4 overflow-hidden rounded-t-lg sm:hidden bg-secondary">
|
||||
<a
|
||||
@click.prevent="back"
|
||||
href="#"
|
||||
class="flex items-center justify-center w-7 h-7 flex-none rounded-full bg-circle text-font transition duration-300 flex-none"
|
||||
:class="{'opacity-40': !backable}"
|
||||
@click.prevent="back"
|
||||
>
|
||||
<svg class="text-sm text-font fill-current rotate-90 w-3 h-3" viewBox="0 0 11.314 7.0710001">
|
||||
<path d="M 4.95,6.364 5.657,7.071 11.314,1.414 9.9,0 5.657,4.242 1.414,0 0,1.414 Z" />
|
||||
</svg>
|
||||
</a>
|
||||
<carousel v-model="active" class="grow">
|
||||
<slide v-for="(section, index) in v.sections" class="relative flex flex-no-wrap overflow-hidden" :key="index">
|
||||
<slide v-for="(section, index) in v.sections" :key="index" class="relative flex flex-no-wrap overflow-hidden">
|
||||
<div class="flex-none w-full">
|
||||
<div
|
||||
@click="active = index"
|
||||
href="#"
|
||||
class="flex flex-col md:flex-row items-center justify-center md:justify-start px-2 flex-auto md:pl-6 h-12 md:h-16 transition duration-300 relative"
|
||||
@click="active = index"
|
||||
>
|
||||
<span class="flex items-center justify-center w-4 md:w-6 h-4 md:h-6 rounded-full bg-circle text-font transition duration-300" v-html="index + 1"></span>
|
||||
<span class="text-sm text-font" v-html="section.name"></span>
|
||||
|
@ -49,10 +49,10 @@
|
|||
</slide>
|
||||
</carousel>
|
||||
<a
|
||||
@click.prevent="next"
|
||||
href="#"
|
||||
class="flex items-center justify-center w-7 h-7 flex-none rounded-full bg-circle text-font transition duration-300 flex-none"
|
||||
:class="{'opacity-40': !nextable}"
|
||||
@click.prevent="next"
|
||||
>
|
||||
<svg class="text-sm text-font fill-current -rotate-90 w-3 h-3" viewBox="0 0 11.314 7.0710001">
|
||||
<path d="M 4.95,6.364 5.657,7.071 11.314,1.414 9.9,0 5.657,4.242 1.414,0 0,1.414 Z" />
|
||||
|
@ -62,11 +62,11 @@
|
|||
|
||||
<div class="py-4 xs:py-8">
|
||||
<carousel v-model="active">
|
||||
<slide :key="index" v-for="(section, index) in v.sections">
|
||||
<slide v-for="(section, index) in v.sections" :key="index">
|
||||
<div class="w-full flex-none px-3 xs:px-6">
|
||||
<div class="text-sm sm_text-base text-gray-800 leading-tight mb-5" v-text="section.intro"></div>
|
||||
<div class="grid grid-cols-2 gap-4 mt-6 items-start">
|
||||
<component :is="resolveComponentName(field)" :field="field" v-for="(field, findex) in section.fields" :key="findex" v-model="payload[field.key]"></component>
|
||||
<component :is="resolveComponentName(field)" v-for="(field, findex) in section.fields" :key="findex" v-model="payload[field.key]" :field="field"></component>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in New Issue