<template>
|
<div>
|
<div class="bannerbg chuany-width100 h-96 flex items-center">
|
<div
|
class="content text-black font-['Source_Han_Sans_SC'] font-bold text-[50px] leading-[80px] tracking-[11%] capitalize ">
|
<p class="pb-3">把握川印合作时代机遇，</p>
|
<p>开拓共赢新篇！</p>
|
</div>
|
</div>
|
<!-- <el-image class="chuany-width100" :src="data.joinbanner"></el-image> -->
|
<div class="content">
|
<ul style="width:100%;"
|
class="chuany-flex chuany-justify-center chuany-align-center content chuany-font20 chuany-padding10 h-[60px]">
|
<li :class="['chuany-cursor', data.tab == 1 ? 'actived' : '']" style="margin-right:20%;" @click="tabchange(1)">招投标合作
|
</li>
|
<li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" @click="tabchange(2)">代理加盟</li>
|
</ul>
|
</div>
|
<div v-if="data.tab == 1">
|
<div class="pt-[80px] chuany-font14 coreshop-bg-white text-[#000]">
|
<div class="flex justify-center content">
|
<el-image style="width: 483.46px; height: 507.5px" :src="cooperation" class="mr-16"></el-image>
|
<div class="right pb-16 ml-16">
|
<p
|
class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%] align-middle capitalize">
|
政府采购合作</p>
|
<p class="font-['Source_Han_Sans_SC'] font-normal text-[22px] leading-[38px] tracking-[0%] capitalize pt-3 text-[#383838]">
|
联合体投标，分享利润更多，中标机率更大</p>
|
<div class="flex py-8 px-2 pt-14 hover:text-[#0D61CE] cursor-pointer">
|
<div><i class="iconfont icon-banshou pr-5" style="font-size: 26px;"></i></div>
|
<div>
|
<p class="font-['Source_Han_Sans_SC'] font-medium text-[24px] leading-[26px] tracking-[10%] capitalize">
|
设备硬核·资质完备</p>
|
<p
|
class="font-['Source_Han_Sans_SC'] font-normal text-[16px] leading-[25px] tracking-normal text-justify capitalize text-[#696969] pt-4">
|
配备先进印刷产线，全品类资质认证，一站满足任意印刷需求</p>
|
</div>
|
</div>
|
<div class="flex py-8 px-2 hover:text-[#0D61CE] cursor-pointer">
|
<div><i class="iconfont icon-xingxing1 pr-5" style="font-size: 26px;"></i></div>
|
<div>
|
<p class="font-['Source_Han_Sans_SC'] font-medium text-[24px] leading-[26px] tracking-[10%] capitalize">
|
深耕政采·程序精通</p>
|
<p
|
class="font-['Source_Han_Sans_SC'] font-normal text-[16px] leading-[25px] tracking-normal text-justify capitalize text-[#696969] pt-4">
|
丰富的政府及企事业单位项目经验，中标率与利润空间双重保障</p>
|
</div>
|
</div>
|
<div class="flex py-8 px-2 hover:text-[#0D61CE] cursor-pointer">
|
<div><i class="iconfont icon-baxin pr-5" style="font-size: 26px;"></i></div>
|
<div>
|
<p class="font-['Source_Han_Sans_SC'] font-medium text-[24px] leading-[26px] tracking-[10%] capitalize">
|
实力强劲·中标赋能</p>
|
<p
|
class="font-['Source_Han_Sans_SC'] font-normal text-[16px] leading-[25px] tracking-normal text-justify capitalize text-[#696969] pt-4">
|
资质设备双齐全，联合体投标优势明显，共赢项目共享价值</p>
|
</div>
|
</div>
|
<!-- <div class="flex py-4 px-2 hover:text-[#0D61CE] cursor-pointer">
|
<div><i class="iconfont icon-hezuo-tianchong pr-5" style="font-size: 26px;"></i></div>
|
<div>
|
<p class="font-['Source_Han_Sans_SC'] font-medium text-[24px] leading-[26px] tracking-[10%] capitalize">
|
合作机制灵活</p>
|
<p
|
class="font-['Source_Han_Sans_SC'] font-normal text-[16px] leading-[25px] tracking-normal text-justify capitalize text-[#696969] pt-2">
|
多样化合作模式，按需定制，助力降本增效。</p>
|
</div>
|
</div>
|
<div class="flex py-4 px-2 hover:text-[#0D61CE] cursor-pointer">
|
<div><i class="iconfont icon-zijin pr-5" style="font-size: 26px;"></i></div>
|
<div>
|
<p class="font-['Source_Han_Sans_SC'] font-medium text-[24px] leading-[26px] tracking-[10%] capitalize">
|
垫资能力强</p>
|
<p
|
class="font-['Source_Han_Sans_SC'] font-normal text-[16px] leading-[25px] tracking-normal text-justify capitalize text-[#696969] pt-2">
|
资金实力雄厚，可提供项目垫资支持，保障顺利交付。</p>
|
</div>
|
</div> -->
|
</div>
|
</div>
|
<div>
|
|
</div>
|
</div>
|
<div>
|
<div class="content pb-16">
|
<p
|
class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[3.6px] text-center capitalize pt-10">
|
咨询热线</p>
|
<p
|
class="font-['Source_Han_Sans_SC'] font-normal text-[26px] leading-[50px] tracking-[10%] text-center align-middle capitalize text-[#696969] py-5">
|
如果有任何问题请联系我们，我们将竭诚为您服务</p>
|
<div class=" flex justify-between pt-10" style="margin: 0 auto;">
|
<div
|
class="w-[486.06px] h-[117.46px] rounded-lg bg-[#F3F3F3] flex items-center hover:bg-[#0D61CE] hover:text-white group">
|
<div><i class="iconfont icon-dianhua pr-10 pl-14 text-[#0D61CE] group-hover:text-white"
|
style="font-size: 40px;"></i></div>
|
<div class="font-['Figtree'] font-medium text-[22.62px] leading-[20.1px] tracking-[3%] capitalize ">
|
<p class="">联系电话：</p>
|
<p class="pt-4 text-[#696969] group-hover:text-white">028-83333222</p>
|
</div>
|
</div>
|
<div
|
class="w-[486.06px] h-[117.46px] rounded-lg bg-[#F3F3F3] flex items-center hover:bg-[#0D61CE] hover:text-white group">
|
<div><i class="iconfont icon-dingwei pr-10 pl-14 text-[#0D61CE] group-hover:text-white"
|
style="font-size: 40px;"></i></div>
|
<div class="font-['Figtree'] font-medium text-[22.62px] leading-[20.1px] tracking-[3%] capitalize">
|
<p>公司地址：</p>
|
<p class="pt-4 text-[#696969] group-hover:text-white">成都市蒲江县寿安工业区</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div v-else>
|
<div class="coreshop-bg-white">
|
<div class="content pt-10 pb-10">
|
<p
|
class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%] align-middle capitalize pb-6">
|
品牌故事</p>
|
<div class="flex justify-between">
|
<div class="flex justify-center items-center relative mr-16">
|
<el-image style="width: 612.47px; height: 321.98px" :src="pingpai1"></el-image>
|
<p
|
class="font-['Source_Han_Sans_SC'] font-normal text-lg leading-[34px] tracking-normal text-justify capitalize px-10 absolute">
|
百分兵法是一个专注于防近视作业本的文具品牌，秉承守护孩子眼睛健康的坚定愿景，坚持以孩子和科技为核心创新产品。<br>其电商平台连接作业本生产厂商与文具店，助力印刷企业消化库存、拓展订单，同时为文具店及家长提供价廉物美的作业本货源。诚邀印刷企业、文具店及社会各界人士加入，共创微商事业。
|
</p>
|
</div>
|
<div class="ml-16">
|
<el-image style="width: 554.24px; height: 321.98px" :src="pingpai"></el-image>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="content pt-10 pb-10 flex justify-center">
|
<div class="flex flex-wrap items-center mr-16">
|
<div>
|
<p
|
class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%] align-middle capitalize ">
|
携手百分兵法，</p>
|
<p
|
class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%] align-middle capitalize pb-6">
|
年销百万作业本的财富通道</p>
|
</div>
|
<div class="apply">
|
<p
|
class="font-['Source_Han_Sans_SC'] font-normal text-xl leading-[38px] tracking-[4%] text-justify capitalize text-[#696969] ">
|
区域代理席位争抢中，立即抢占中小学作业本标杆平</p>
|
<p
|
class="font-['Source_Han_Sans_SC'] font-normal text-xl leading-[38px] tracking-[4%] text-justify capitalize text-[#696969]">
|
台，共赢素质教育新赛道。</p>
|
<el-button type="primary" color="#0D61CE" size="large" class=" mt-16 mb-8"
|
@click="apply">申请成为加盟商</el-button>
|
</div>
|
</div>
|
<div class=" w-[50%] ml-16">
|
<el-image style="width: 403.64px; height: 403.64px" :src="pingpai2"></el-image>
|
</div>
|
|
</div>
|
<!-- <div v-if="data.isdistribution">
|
<div class="chuany-text-right "><el-button type="primary" @click="changedistributor">申请成为经销商</el-button></div>
|
<div v-html="data.distributionhtml" class="chuany-line2"></div>
|
</div> -->
|
<!-- <div class=" chuany-font14" v-else>
|
<el-form :model="data.form" :rules="data.rules" label-width="auto" style="max-width: 600px" ref="form">
|
<el-form-item label="行业：" prop="profession">
|
<el-select v-model="data.form.profession" placeholder="Select" style="width: 100%">
|
<el-option v-for="item in data.sectorlist" :key="item.index" :label="item.label"
|
:value="item.value" />
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="省市区：" prop="areaIds">
|
<el-cascader placeholder="请选择省市区" ref="cascader" style="width: 100%" v-model="data.form.areaCodes"
|
:options="data.getarea" @change="handleChange" :emitPath="false" filterable clearable />
|
</el-form-item>
|
|
<el-form-item label="详细地址：" prop="address">
|
<el-input placeholder="请输入详细地址" type="textarea" v-model="data.form.address" @click="addressclick" />
|
</el-form-item>
|
<el-form-item label="联系人:" prop="name">
|
<el-input placeholder="请输入联系人" type="text" v-model="data.form.name" />
|
</el-form-item>
|
<el-form-item label="联系电话：" prop="mobile">
|
<el-input placeholder="请输入联系电话" type="number" v-model="data.form.mobile" />
|
</el-form-item>
|
|
<el-form-item label="年销售额：" prop="sales">
|
<el-input placeholder="请输入年销售额" type="number" v-model="data.form.sales"><template #append>万元</template></el-input>
|
</el-form-item>
|
<el-form-item label="店铺名称：" prop="storeName"
|
v-if="data.form.profession=='文具店'|| data.form.profession=='广告店'|| data.form.profession=='小卖部'">
|
<el-input placeholder="请输入店铺名称" type="text" v-model="data.form.storeName" />
|
</el-form-item>
|
|
<el-form-item label="店铺照片：" prop="storeName"
|
v-if="data.form.profession=='文具店'|| data.form.profession=='广告店'|| data.form.profession=='小卖部'">
|
<el-upload class="avatar-uploader" action="" limit="2" :show-file-list="false" :on-change="handleimage"
|
:before-upload="beforeAvatarUpload" :auto-upload="false" :on-remove="handleRemove">
|
<img v-if="data.imageUrl" :src="data.imageUrl" style="width:80px;height80px" />
|
<el-icon v-else class="avatar-uploader-icon">
|
<Plus />
|
</el-icon>
|
</el-upload>
|
</el-form-item>
|
|
<el-form-item label="经销商：" prop="checked">
|
<el-switch v-model="data.form.checked" @change="agreement" />
|
</el-form-item>
|
|
<el-form-item label="">
|
<el-button type="primary" @click="onSubmit(data.form)">申请成为经销商</el-button>
|
</el-form-item>
|
</el-form>
|
</div> -->
|
<el-dialog v-model="applyVisible" title="加盟商招募" width="1000" :before-close="handleClose">
|
<div class=" chuany-font14">
|
<el-form :model="data.form" :rules="data.rules" label-width="auto" style="max-width: 1000px" ref="form">
|
<el-row :gutter="20">
|
<el-col :span="8">
|
<el-form-item label="行业：" prop="profession" label-position="top">
|
<el-select v-model="data.form.profession" placeholder="Select" style="width: 100%">
|
<el-option v-for="item in data.sectorlist" :key="item.index" :label="item.label"
|
:value="item.value" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="区域：" prop="areaIds" label-position="top">
|
<el-cascader placeholder="请选择省、市、区县" ref="cascader" style="width: 100%" v-model="data.form.areaCodes"
|
:options="data.getarea" @change="handleChange" :emitPath="false" filterable clearable />
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="店铺定位：" prop="address" label-position="top">
|
<el-input placeholder="请点击定位" v-model="data.form.address" @click="addressclick" readonly/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="联系人:" prop="name" label-position="top">
|
<el-input placeholder="请输入联系人" type="text" v-model="data.form.name" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="联系电话：" prop="mobile" label-position="top">
|
<el-input placeholder="请输入联系电话" type="number" v-model="data.form.mobile" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="年销售额：" prop="sales" label-position="top">
|
<el-input placeholder="请输入年销售额" type="number" v-model="data.form.sales"><template
|
#append>万元</template></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="店铺名称：" prop="storeName" label-position="top"
|
v-if="data.form.profession == '文具店' || data.form.profession == '广告店' || data.form.profession == '小卖部'">
|
<el-input placeholder="请输入店铺名称" type="text" v-model="data.form.storeName" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="">
|
<el-checkbox label="加盟商协议"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
<!-- <el-col :span="24" style="margin: 0 auto;">
|
<el-form-item label="">
|
<el-button type="primary" @click="applyVisible = false">申请成为加盟商</el-button>
|
</el-form-item>
|
</el-col> -->
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<!-- <el-form-item label="店铺名称：" prop="storeName"
|
v-if="data.form.profession == '文具店' || data.form.profession == '广告店' || data.form.profession == '小卖部'">
|
<el-input placeholder="请输入店铺名称" type="text" v-model="data.form.storeName" />
|
</el-form-item>
|
|
<el-form-item label="店铺照片：" prop="storeName"
|
v-if="data.form.profession == '文具店' || data.form.profession == '广告店' || data.form.profession == '小卖部'">
|
<el-upload class="avatar-uploader" action="" limit="2" :show-file-list="false" :on-change="handleimage"
|
:before-upload="beforeAvatarUpload" :auto-upload="false" :on-remove="handleRemove">
|
<img v-if="data.imageUrl" :src="data.imageUrl" style="width:80px;height80px" />
|
<el-icon v-else class="avatar-uploader-icon">
|
<Plus />
|
</el-icon>
|
</el-upload>
|
</el-form-item> -->
|
|
<!-- <el-form-item label="经销商：" prop="checked">
|
<el-switch v-model="data.form.checked" @change="agreement" />
|
</el-form-item>
|
|
<el-form-item label="">
|
<el-button type="primary" @click="onSubmit(data.form)">申请成为经销商</el-button>
|
</el-form-item> -->
|
|
</el-form>
|
</div>
|
<template #footer>
|
<div class="dialog-footer">
|
<!-- <el-button @click="applyVisible = false">Cancel</el-button> -->
|
<el-button type="primary" @click="applyVisible = false" style="margin: 0 auto;">
|
申请成为加盟商
|
</el-button>
|
</div>
|
</template>
|
</el-dialog>
|
</div>
|
<iplocation ref="visiableDialog" @click="getip"></iplocation>
|
</div>
|
</template>
|
|
<script setup>
|
import { Plus } from '@element-plus/icons-vue'
|
const { $meth, $message, $msgbox, $route, $router } = getCurrentInstance().appContext.config.globalProperties
|
import { applyDistribution, getDistributionInfo } from '@/api/distribution.js'
|
import { uploadFilesFByBase64, jobSet } from '@/api/comm.js'
|
import axios from "axios";
|
import verify from "@/common/validate.js";
|
import $store from "@/store/index.js";
|
import joinbanner from '@/static/img/joinbanner.png'
|
import cooperation from '@/static/img/cooperation.png'
|
import joinbanner2 from '@/static/img/joinbanner2.png'
|
import pingpai2 from '@/static/img/pingpai2.png'
|
import pingpai1 from '@/static/img/pingpai1.png'
|
import pingpai from '@/static/img/pingpai.png'
|
import iplocation from '@/components/iplocation/index.vue';
|
import { ref } from 'vue';
|
const cascader = ref();
|
const visiableDialog = ref(false);
|
const applyVisible = ref(false)
|
const data = reactive({
|
dialogVisible: false,
|
joinbanner: joinbanner,
|
tab: 2,
|
form: {
|
name: '',
|
mobile: "",
|
storeName: "", //店铺
|
arealabel: "",
|
areaCodes: [],
|
areaCode: "",
|
address: "",
|
storeBanner: "", //店铺门头 form.storeBanner
|
sales: "", //销售额度
|
profession: "文具店", //所属行业
|
checked: false,
|
agreement: 'off',
|
latitude: "",
|
longitude: "",
|
street: "",
|
storeCoordinate: ""
|
},
|
imageUrl: "",
|
sectorlist: $store().sector,
|
getarea: [],
|
rules: {
|
areaCode: verify.areaCode,
|
address: verify.address,
|
name: verify.name,
|
storeName: "",
|
mobile: verify.mobile,
|
sales: verify.sales,
|
checked: verify.agreement
|
},
|
distributionhtml: $store().config.distributionNotes,
|
isdistribution: true,
|
fileList: [],
|
|
recruit: []
|
})
|
onMounted(() => {
|
data.tab = $route.query.id;
|
data.getarea = $store().areaList;
|
jobSets()
|
})
|
const tabchange = (el) => {
|
data.isdistribution = true
|
$router.push({
|
path: '/join',
|
query: { id: el }
|
})
|
data.tab = el
|
$route.query.id = el
|
|
}
|
const handleClick = (el) => {//应聘
|
console.log("el:", el.id)
|
if ($store().token) {
|
$meth.gourl('/recruitinfo', { id: el.id, position: el.position })
|
} else {
|
sessionStorage.setItem("redirectPath", $meth.circularSafeStringify($route))
|
$meth.islogin()
|
}
|
|
}
|
const handleClose = (done) => {
|
ElMessageBox.confirm('Are you sure to close this dialog?')
|
.then(() => {
|
done()
|
})
|
.catch(() => {
|
// catch error
|
})
|
}
|
// 协议
|
const agreement = (el) => {
|
if (el) {
|
$msgbox.alert(data.distributionhtml, {
|
dangerouslyUseHTMLString: true,
|
})
|
data.form.agreement = "on"
|
}
|
}
|
|
const form = ref()
|
const onSubmit = () => {
|
form.value.validate((valid, fields) => {
|
if (valid) {
|
console.log("sss:", data.form)
|
applyDistributions()
|
// response2()
|
} else {
|
console.log('error submit!', fields)
|
}
|
})
|
}
|
|
|
|
//获取招聘信息
|
const jobSets = (el) => {
|
jobSet().then(res => {
|
if (res.status == true) {
|
data.recruit = res.data
|
|
} else {
|
$message({
|
message: res.msg,
|
grouping: true,
|
type: 'error',
|
})
|
}
|
});
|
}
|
|
//申请经销商
|
const applyDistributions = (el) => {
|
// data.form.storeBanner=data.fileList.join(",")
|
data.form.storeBanner = data.imageUrl
|
applyDistribution(data.form).then(res => {
|
if (res.status == true) {
|
$message({
|
message: res.msg,
|
grouping: true,
|
type: 'success',
|
})
|
} else {
|
$message({
|
message: res.msg,
|
grouping: true,
|
type: 'error',
|
})
|
}
|
});
|
}
|
|
//经销商 告知 申请
|
const changedistributor = () => {
|
if ($store().token) {
|
getDistributionInfos()
|
} else {
|
sessionStorage.setItem("redirectPath", $meth.circularSafeStringify($route))
|
$meth.islogin()
|
}
|
|
}
|
|
//申请经销商进度
|
const getDistributionInfos = (el) => {
|
|
getDistributionInfo().then(res => {
|
if (res.status == true) {
|
if (res.data.hasOwnProperty('verifyStatus')) {
|
if (res.data.verifyStatus == 1 || (!res.data.needApply && res.data)) {
|
$meth.gourl('/distribution')
|
} else if (res.data.verifyStatus == 2) {
|
$message({
|
message: "审核中",
|
grouping: true,
|
type: 'success',
|
})
|
|
} else if (res.data.verifyStatus > 2) {
|
$message({
|
message: "抱歉，您的申请被驳回或取消资格",
|
grouping: true,
|
type: 'success',
|
})
|
} else {
|
data.isdistribution = !data.isdistribution
|
}
|
}
|
} else {
|
$message({
|
message: res.msg,
|
grouping: true,
|
type: 'error',
|
})
|
}
|
});
|
}
|
|
const handleChange = (el) => {
|
data.form.areaCode = el.join(",")
|
data.form.arealabel = cascader.value.getCheckedNodes()[0].pathLabels.join(" ")
|
|
}
|
//选择图片
|
const handleimage = (response, uploadFile) => {
|
getBase64(response.raw).then(res => {
|
uploadFilesFByBase64s(res)
|
})
|
}
|
//选择图片
|
const handleRemove = (uploadFile, uploadFiles) => {
|
console.log("删除:", uploadFiles)
|
|
}
|
//上传图片Base64
|
const uploadFilesFByBase64s = (el) => {
|
uploadFilesFByBase64({ base64: el }).then(res => {
|
if (res.code == 0) {
|
console.log("上传成功：", res.data.src)
|
// data.fileList.Plus(res.data.src)
|
data.imageUrl = res.data.src
|
// data.fileList.push(res.data.src)
|
} else {
|
$message({
|
message: res.msg,
|
grouping: true,
|
type: 'error',
|
})
|
}
|
});
|
}
|
|
const getBase64 = (file) => {
|
return new Promise((resolve, reject) => {
|
const reader = new FileReader()
|
let imgResult = ""
|
reader.readAsDataURL(file)
|
reader.onload = function () {
|
imgResult = reader.result
|
}
|
reader.onerror = function (error) {
|
reject(error)
|
}
|
reader.onloadend = function () {
|
resolve(imgResult)
|
}
|
})
|
}
|
|
const addressclick = () => {
|
visiableDialog.value.dialogVisble = true
|
|
}
|
const apply = () => {
|
applyVisible.value = true
|
}
|
const getip = (el) => {//获取弹窗中的地址
|
console.log(el.lon)
|
data.form.longitude = el.lon
|
data.form.latitude = el.lat
|
data.form.address = el.address
|
visiableDialog.value.dialogVisble = false
|
|
}
|
</script>
|
|
<style scoped>
|
.apply .el-button {
|
width: 309.52px;
|
height: 77.34px;
|
font-size: 28px;
|
}
|
|
.avatar-uploader-icon {
|
font-size: 28px;
|
color: #8c939d;
|
width: 80px;
|
height: 80px;
|
text-align: center;
|
border: 1px dashed var(--el-border-color);
|
}
|
|
.actived {
|
line-height: 52px;
|
border-bottom: 4px solid #09a860;
|
}
|
|
.bannerbg {
|
background: url('@/static/img/joinbanner.png') center/cover no-repeat;
|
}
|
|
.div1 {
|
background: url('@/static/img/pingpai1.png') center/cover no-repeat;
|
}
|
|
.div2 {
|
background: url('@/static/img/pingpai.png') center/cover no-repeat;
|
}
|
</style>
|
