修改样式

This commit is contained in:
张凯 2025-04-23 10:33:07 +08:00
parent 929253ffd2
commit 907b198b35

View File

@ -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>