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

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

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