You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
flyapps/fir_client/src/components/index/FirContact.vue

69 lines
1.5 KiB

<template>
<div class="ContactUs">
<div>
<h3>联系我们</h3>
<p style="color:#b2b2b2">Contact us</p>
</div>
<div class="content">
<div class="item"><p>技术咨询</p>
</div>
<el-divider direction="vertical"/>
<div class="item"><p>商务合作</p>
</div>
<el-divider direction="vertical"/>
<div class="item"><p style="margin-bottom: 16px">应用举报</p>
</div>
<p><b>flyapps@126.com</b></p>
<el-tooltip content="拿出手机扫描添加微信" style="margin-top: 33px">
<el-image :lazy="true" :src="require('@/assets/wxchat.jpg')" style="width: 160px" alt="扫描添加微信">
</el-image>
</el-tooltip>
</div>
</div>
</template>
<script>
export default {
name: "FirContact",
data() {
return {
bg_img: require("@/assets/imgs/banner_1.jpg")
}
},
}
</script>
<style scoped>
.ContactUs {
text-align: center;
}
.content {
width: 942px;
margin: 80px auto 160px;
text-align: center;
}
.item {
display: inline-block;
font-size: 14px;
text-align: left;
}
.item p {
font-size: 16px;
color: #8C9293;
}
.item p b {
font-size: 30px;
color: #313639;
font-weight: 400;
letter-spacing: 2.5px;
}
</style>