<template>
|
<div class=" chuany-font14">
|
<el-image class="chuany-width100 bannerbg" :src="indexbanner"></el-image>
|
<div class="chuany-paddingtop-40 chuany-paddingbottom-40 coreshop-bg-white">
|
<div class="content">
|
<div class="chuany-text-black chuany-flex chuany-justify-between chuany-align-center">
|
<div class="chuany-font16" style="width:100% ;color:#696969;">
|
<p class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[5%] text-center align-middle capitalize" style="color:#000;">专业设计·实力印企·招标采购全流程辅助</p>
|
<div class="chuany-flex chuany-justify-around chuany-align-center h-509 mt-20 mb-20">
|
<div style="height: 27rem" class="w-80 text-[#000000] flex flex-col items-center bg-[#F6F9FF] p-5 rounded-2xl cursor-pointer hover:text-[#0D61CE] hover:shadow-lg hover:shadow-gray-200 ">
|
<el-image style="width: 120px; height: 120px" :src="Group1" class="mt-10"></el-image>
|
<p class="chuany-text-center chuany-text-bold chuany-font26 ">设计照排·专业服务</p>
|
<p class="p-5 text-[#383838]">我们汇聚20多位行业资深照排、设计、编辑和校对专家，精通各种专业设计软件，秉承“不让采购人操心”的服务理念，让您的印刷品从起点上就优于同行。</p>
|
</div>
|
<div style="height: 27rem" class="w-80 text-[#000000] flex flex-col items-center bg-[#F6F9FF] p-5 rounded-2xl cursor-pointer hover:text-[#0D61CE] hover:shadow-lg hover:shadow-gray-200">
|
<el-image style="width: 120px; height: 120px" :src="Group2" class="mt-10"></el-image>
|
<p class="chuany-text-center chuany-text-bold chuany-font26">顶尖设备·实力印企</p>
|
<p class="p-5 text-[#383838]">我们全新进口世界顶尖印刷装订设备集群，适配不同材质与印刷工艺，更加精准还原色彩与细节，并建立全流程品控体系，确保印刷品质遥遥领先西部友商。</p>
|
</div>
|
<div @click="goLink" style="height: 27rem" class="w-80 text-[#000000] flex flex-col items-center bg-[#F6F9FF] p-5 rounded-2xl cursor-pointer hover:text-[#0D61CE] hover:shadow-lg hover:shadow-gray-200">
|
<el-image style="width: 120px; height: 120px" :src="Group3" class="mt-10"></el-image>
|
<p class="chuany-text-center chuany-text-bold chuany-font26">招标采购·全程赋能</p>
|
<p class="p-5 text-[#383838]">我们熟悉招标采购政策法规，可为采购人提供市场调查、需求论证、风险审查、履约验收、和档案管理等全过程咨询服务，助力采购人依法开展招标采购活动。</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</template>
|
<script setup>
|
const { $meth } = getCurrentInstance().appContext.config.globalProperties
|
import { getPageConfig, getAreaList, userInfo, shopConfigV2 } from '@/api/comm.js'
|
const { $route } = getCurrentInstance().appContext.config.globalProperties
|
import indexbanner from '@/static/img/indexbanner.png'
|
|
import $store from "@/store/index.js";
|
import Group1 from '@/assets/Group1.png'
|
import Group2 from '@/assets/Group2.png'
|
import Group3 from '@/assets/Group3.png'
|
const data = reactive({
|
value: 1,
|
agreement: false,
|
// getgoods:goods.list1,
|
currentIndex: 0,
|
opacity: 0,
|
scrollTop: 0,
|
pageData: [],
|
pageCode: 'pc_h5', //页面布局编码
|
kefupara: '', //客服传递资料
|
copy: false,
|
// shareUrl: $globalConstVars.shareUrl,
|
isScorll: false,
|
homeTitle: '',
|
modalShow: false,
|
})
|
onMounted(() => {
|
// getPageConfigs()
|
getAreaLists()
|
shopConfigV2s()
|
if ($store().token) {
|
userInfos()
|
}
|
|
});
|
|
const goLink = () => {
|
window.open('https://51zhengcai.com/','_blank')
|
}
|
const getPageConfigs = () => {
|
getPageConfig({ code: data.pageCode }).then(res => {
|
if (res.status == true) {
|
data.pageData = res.data.items;
|
console.log("pageData:", data.pageData)
|
}
|
|
});
|
}
|
const shopConfigV2s = () => {
|
shopConfigV2().then(res => {
|
if (res.status == true) {
|
$store().setconfig(res.data)
|
}
|
|
});
|
}
|
const getAreaLists = () => {
|
getAreaList().then(res => {
|
if (res.status == true) {
|
$store().setArea(res.data)
|
|
}
|
});
|
}
|
const userInfos = () => {
|
userInfo().then(res => {
|
if (res.status == true) {
|
$store().setuserInfo(res.data)
|
}
|
});
|
}
|
|
const getlist = (url, obj) => {
|
$meth.gourl(url, obj)
|
}
|
</script>
|
<style>
|
.bannerbg {
|
background: linear-gradient(90deg, rgba(14, 97, 206, 0.12) 30%, rgba(108, 160, 255, 0.04) 100%);
|
}
|
</style>
|
