forked from dengzhifeng/ufutx-pc-website
56 lines
1.3 KiB
Vue
56 lines
1.3 KiB
Vue
<template>
|
||
<section class="cooperation-consult">
|
||
<div class="consult-content">
|
||
<p class="consult-text">
|
||
{{ props.device.desc }}
|
||
</p>
|
||
<div class="consult-btn">{{ props.device.title }}</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
const props = defineProps({
|
||
device: {
|
||
type: Object,
|
||
required: true,
|
||
default: () => ({
|
||
title: '合作咨询',
|
||
desc: '欢迎健康产业链上下游企业，以及希望利用AI技术 升级健康产品与服务的企业与我们洽谈合作，共创产业新价值',
|
||
img: 'https://images.health.ufutx.com/202506/18/2e9c9d64bdcf03fbe5041720f03033ca.png'
|
||
})
|
||
}
|
||
})
|
||
// import { ElButton } from 'element-plus'
|
||
</script>
|
||
|
||
<style scoped lang="less">
|
||
.cooperation-consult {
|
||
color: #fff;
|
||
padding: 60px 192px;
|
||
text-align: left;
|
||
background-image: url('https://images.health.ufutx.com/202506/20/c60d98038ab065c2e92dc67b938d45e2.png');
|
||
background-size: cover;
|
||
|
||
.consult-content {
|
||
max-width: 1066px;
|
||
//background: red;
|
||
.consult-text {
|
||
font-size: 36px;
|
||
line-height: 56px;
|
||
font-weight: 600;
|
||
margin-bottom: 30px;
|
||
}
|
||
.consult-btn {
|
||
width: 152px;
|
||
color: #313fa8;
|
||
font-size: 20px;
|
||
font-weight: 500;
|
||
padding: 6px 36px;
|
||
border-radius: 100px;
|
||
background: #fff;
|
||
}
|
||
}
|
||
}
|
||
</style>
|