fanshuai/code
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加事件

Browse Source
This commit is contained in:
fanshuai 2025-03-25 16:39:22 +08:00
parent 3e43a34db4
commit ec2ad3aa5a
1 changed files with 49 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
src/views/home/homeView.vue
View File

@ -61,6 +61,9 @@ export default {
const yuanYuwoMen = (id) => { const yuanYuwoMen = (id) => {
tiaoZhuan(id) tiaoZhuan(id)
} }
const tij = () => {
alert('提交成功！')
}
// 自动播放 // 自动播放
onMounted(() => { onMounted(() => {
setInterval(nextSlide, 4000) setInterval(nextSlide, 4000)
@ -79,6 +82,7 @@ export default {
keHuanLi, keHuanLi,
yuanYuwoMen, yuanYuwoMen,
tiJiao, tiJiao,
tij,
} }
}, },
} }
@ -318,33 +322,25 @@ export default {
<div class="lx-mk" id="lx-mk"> <div class="lx-mk" id="lx-mk">
<div class="lx-left"> <div class="lx-left">
<div class="lx-wb">联系我们</div> <div class="lx-wb">联系我们</div>
<div> <form>
<div class="lx-wb-1">姓名</div>
<div> <div>
<el-input v-model="input" style="width: 600px" placeholder="请输入您的姓名" /> <div class="lx-wb-1">姓名</div>
<input type="text" placeholder="请输⼊您的姓名" class="align-placeholder" />
</div> </div>
</div>
<div>
<div class="lx-wb-1">邮箱</div>
<div> <div>
<el-input v-model="input" style="width: 600px" placeholder="请输入您的邮箱" /> <div class="lx-wb-1">邮箱</div>
<input type="text" placeholder="请输⼊您的邮箱" class="align-placeholder-1" />
</div> </div>
</div>
<div>
<div class="lx-wb-1">需求描述</div>
<div> <div>
<el-input <div class="lx-wb-1">需求描述</div>
v-model="textarea" <textarea
style="width: 600px" type="text"
:rows="6" placeholder="请详细描述您的需求"
type="textarea" class="align-placeholder"
placeholder="请输入您的需求描述" ></textarea>
/>
</div> </div>
<div class="lx-an-tj"> <button type="submit" class="tij" @click="tij">提交</button>
<el-button class="lx-an-tj-1" type="primary" @click="tiJiao">提交</el-button> </form>
</div>
</div>
</div> </div>
<div class="lx-right"> <div class="lx-right">
<div class="lx-right-haed"> <div class="lx-right-haed">
@ -383,17 +379,42 @@ export default {
</div> </div>
</template> </template>
<style scoped> <style scoped>
.tij {
width: 605px;
color: #fff;
background-color: #2c4cdb;
border: none;
height: 40px;
border-radius: 3px;
}
.align-placeholder-1::placeholder {
padding-left: 10px;
}
.align-placeholder::placeholder {
padding-left: 10px;
}
form textarea {
width: 600px;
height: 150px;
line-height: 30px;
border: none;
outline: none;
border-radius: 3px;
margin-bottom: 20px;
}
form input {
width: 600px;
border: none;
height: 25px;
outline: none;
border-radius: 3px;
margin-bottom: 20px;
}
.dhl-x a { .dhl-x a {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
} }
.lx-an-tj-1 {
width: 600px;
}
.lx-an-tj {
text-align: center;
margin-top: 30px;
}
.lx-right { .lx-right {
display: flex; display: flex;
flex-direction: column; flex-direction: column;