<template>
|
<div class="bannerbg chuany-width100 h-[450px] flex items-center">
|
<div
|
class="content text-white font-['Source_Han_Sans_SC'] font-bold text-[50px] leading-[80px] tracking-[11%] capitalize ">
|
<p class="pb-3">川印集团——</p>
|
<p>专注品质，成就卓越</p>
|
</div>
|
</div>
|
<div class="w-100 chuany-font14 chuany-text-black coreshop-bg-white">
|
<div class="chuany-padding30 text-[#696969] content">
|
<div class="chuany-flex chuany-flex-wrap chuany-justify-between " style="margin: 0 auto;">
|
<div v-for="(item, index) in images" :key="index" class="chuany-paddingbottom-20">
|
<div class="flex chuany-flex-wrap justify-center ml-6" :class="item.url.includes('1')?'w-[372.37px] h-[419.91px]':'w-[372.37px] h-[320px]'">
|
<el-image :src="item.url" :preview-src-list="[item.url]" fit="cover" :class="item.url.includes('small')||'w-[290px]'"
|
></el-image>
|
<p class="font-['Source_Han_Sans_SC'] text-center mt-3 ">{{ item.name }}</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script setup>
|
import usbanner from '@/static/img/usbanner.png'
|
import contentimg from '@/static/img/content-img.png'
|
const { $meth } = getCurrentInstance().appContext.config.globalProperties
|
import { articleInfo } from '@/api/text.js'
|
const { $route } = getCurrentInstance().appContext.config.globalProperties
|
import $store from "@/store/index.js";
|
import yingyezhizhao from '@/static/img/smallyingyezhizhao.png'
|
import dengji from '@/static/img/smalldengji.png'
|
import chuban from '@/static/img/smallchuban.png'
|
import dianzi from '@/static/img/smalldianzi.png'
|
import shifan from '@/static/img/smallshifan.png'
|
import shouxin from '@/static/img/smallshouxin.png'
|
import zz1biaozhi from '@/static/img/zz1biaozhi.png'
|
import shengchan from '@/static/img/shengchan1.png'
|
import ertong from '@/static/img/ertong1.png'
|
import zhiliang from '@/static/img/zhiliang1.png'
|
import huanjing from '@/static/img/huanjing1.png'
|
import jiankang from '@/static/img/jiankang1.png'
|
import youmo from '@/static/img/youmo1.png'
|
import jingshi from '@/static/img/jingshi1.png'
|
import yinshua from '@/static/img/yinshua1.png'
|
const images = ref([{
|
url: yingyezhizhao,
|
name: "企业营业执照"
|
}, {
|
url: dengji,
|
name: "企业集团登记证"
|
},
|
{
|
url: chuban,
|
name: "出版物印刷许可证"
|
},{
|
url: shifan,
|
name: "四川省诚信守法示范企业"
|
},{
|
url: dianzi,
|
name: "成都市创新型电子商务企业"
|
},{
|
url: shouxin,
|
name: "“守合同重信用”企业公示证明"
|
},{
|
url: zz1biaozhi,
|
name: "中国环境标志产品认证证书"
|
}, {
|
url: shengchan,
|
name: "安全生产标准化证书"
|
}, {
|
url: ertong,
|
name: "儿童青少年学习用品近视防控卫生要求认证"
|
},
|
{
|
url: zhiliang,
|
name: "质量管理体系认证证书"
|
},
|
{
|
url: huanjing,
|
name: "环境管理体系认证证书"
|
},
|
{
|
url: jiankang,
|
name: "职业健康安全管理体系认证证书"
|
},
|
{
|
url: youmo,
|
name: "防近视油墨及其制备方法发明专利证书"
|
},
|
{
|
url: jingshi,
|
name: "预防近视的书写纸发明专利证书"
|
},
|
{
|
url: yinshua,
|
name: "电子印刷计算器发明专利证书"
|
},
|
])
|
const data = reactive({
|
activeName: "1",
|
gettab4: {}
|
})
|
|
onMounted(() => {
|
|
articleInfos(1)
|
});
|
const handleClick = (el) => {//tab切换
|
console.log("el:", el.props.name)
|
data.gettab4 = {}
|
if (el.props.name == 1 || el.props.name == 4) {
|
articleInfos(el.props.name)
|
}
|
|
}
|
const articleInfos = (el) => {
|
articleInfo({ id: el }).then(res => {
|
if (res.status == true) {
|
data.gettab4 = res.data.contentBody
|
|
//
|
} else {
|
$message({
|
message: res.msg,
|
grouping: true,
|
type: 'error',
|
})
|
}
|
})
|
|
}
|
</script>
|
<style scoped>
|
.demo-tabs>.el-tabs__content {
|
padding: 32px;
|
color: #6b778c;
|
font-size: 32px;
|
font-weight: 600;
|
}
|
|
.jianjietab p {
|
margin-top: 15px;
|
margin-bottom: 15px;
|
line-height: 2.5em;
|
}
|
|
.phonetab {
|
padding: 100px;
|
}
|
|
.bannerbg {
|
background:
|
linear-gradient(90deg, #0e61ce 10%, rgba(108, 160, 255, 0.5) 100%),
|
url('@/static/img/qualification.png') center/cover no-repeat;
|
}
|
</style>
|
