修改样式
This commit is contained in:
parent
929253ffd2
commit
907b198b35
@ -32,45 +32,45 @@
|
|||||||
|
|
||||||
<div class="contactTit" id="contactpro">
|
<div class="contactTit" id="contactpro">
|
||||||
<h5 class="text-[22px] md:text-[24px] font-bold h5s" style="color: #0C4DA9;">{{ $t('contact_b4') }}</h5>
|
<h5 class="text-[22px] md:text-[24px] font-bold h5s" style="color: #0C4DA9;">{{ $t('contact_b4') }}</h5>
|
||||||
<form class="contactForm mt-6 md:mt-12 w-full md:w-[700px]" @submit.prevent="submitForm">
|
<form class="contactForm mt-6 md:mt-12 w-full md:w-[500px]" @submit.prevent="submitForm">
|
||||||
<input
|
<input
|
||||||
v-model="formData.name"
|
v-model="formData.name"
|
||||||
class="contactInput w-full md:w-[700px]"
|
class="contactInput w-full md:w-[500px]"
|
||||||
type="text"
|
type="text"
|
||||||
:placeholder="$t('message_b1')"
|
:placeholder="$t('message_b1')"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-model="formData.emil"
|
v-model="formData.emil"
|
||||||
class="contactInput mt-[15px] md:mt-[30px] w-full md:w-[700px]"
|
class="contactInput mt-[15px] md:mt-[30px] w-full md:w-[500px]"
|
||||||
type="text"
|
type="text"
|
||||||
:placeholder="$t('message_b2')"
|
:placeholder="$t('message_b2')"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-model="formData.mobile"
|
v-model="formData.mobile"
|
||||||
class="contactInput mt-[15px] md:mt-[30px] w-full md:w-[700px]"
|
class="contactInput mt-[15px] md:mt-[30px] w-full md:w-[500px]"
|
||||||
type="text"
|
type="text"
|
||||||
:placeholder="$t('message_b3')"
|
:placeholder="$t('message_b3')"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-model="formData.company"
|
v-model="formData.company"
|
||||||
class="contactInput mt-[15px] md:mt-[30px] w-full md:w-[700px]"
|
class="contactInput mt-[15px] md:mt-[30px] w-full md:w-[500px]"
|
||||||
type="text"
|
type="text"
|
||||||
:placeholder="$t('message_b4')"
|
:placeholder="$t('message_b4')"
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
v-model="formData.subject"
|
v-model="formData.subject"
|
||||||
class="contactInput mt-[15px] md:mt-[30px] w-full md:w-[700px]"
|
class="contactInput mt-[15px] md:mt-[30px] w-full md:w-[500px]"
|
||||||
type="text"
|
type="text"
|
||||||
:placeholder="$t('message_b5')"
|
:placeholder="$t('message_b5')"
|
||||||
/>
|
/>
|
||||||
<div class="relative mt-4 md:mt-8 w-full md:w-[700px]">
|
<div class="relative mt-4 md:mt-8 w-full md:w-[500px]">
|
||||||
<textarea
|
<textarea
|
||||||
v-model="formData.content"
|
v-model="formData.content"
|
||||||
id="myTextarea"
|
id="myTextarea"
|
||||||
:placeholder="$t('message_b6')"
|
:placeholder="$t('message_b6')"
|
||||||
rows="6"
|
rows="6"
|
||||||
maxlength="100"
|
maxlength="100"
|
||||||
class="w-full md:w-[700px]"
|
class="w-full md:w-[500px]"
|
||||||
></textarea>
|
></textarea>
|
||||||
<div class="char-count">{{ formData.content.length }}/100</div>
|
<div class="char-count">{{ formData.content.length }}/100</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user