<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]">我们汇聚了行业顶尖照排、设计、编辑与校对专家，全流程严控出品标准，让每一页都经得起专业与时间的双重考验。</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('http://zc.51zhengcai.com/login','_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>
|
