Skip to content

G
gs1
Commit 9cdccde9 by Tang
Options

feat: 定制服务逻辑修改【100%】

parent e7aeb370
Showing with 386 additions and 189 deletions
src/views/Home/index.vue
...@@ -13,17 +13,17 @@ ...@@ -13,17 +13,17 @@
{{ el.brief }} {{ el.brief }}
</p> </p>
<button <button
:class="['carousel-btn', el.colorMore]" :class="['carousel-btn', el.colorMore]"
@click="learnMore(i)" @click="learnMore(i)"
> >
<span>了解更多</span <span>了解更多</span
><img src="../../assets/image/home/more-arrow.png" alt="" /> ><img src="../../assets/image/home/more-arrow.png" alt=""/>
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<div class="d-none d-lg-block banner-tp"> <div class="d-none d-lg-block banner-tp">
<img :src="el.picIndexPath" alt="" class="container" /> <img :src="el.picIndexPath" alt="" class="container"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -45,30 +45,30 @@ ...@@ -45,30 +45,30 @@
<div class="col-lg-6"> <div class="col-lg-6">
<div class="newsBanner"> <div class="newsBanner">
<VueSlickCarousel <VueSlickCarousel
v-bind="newsBannerSettingsA" v-bind="newsBannerSettingsA"
v-if="newsBanner.length > 0" v-if="newsBanner.length > 0"
ref="newsBannerA" ref="newsBannerA"
:asNavFor="$refs.newsBannerB" :asNavFor="$refs.newsBannerB"
> >
<div <div
class="newsBanner-item" class="newsBanner-item"
v-for="el in newsBanner" v-for="el in newsBanner"
:key="el.id" :key="el.id"
> >
<img :src="el.picFile" alt="..." class="newsBanner-tp" /> <img :src="el.picFile" alt="..." class="newsBanner-tp"/>
</div> </div>
</VueSlickCarousel> </VueSlickCarousel>
<VueSlickCarousel <VueSlickCarousel
v-bind="newsBannerSettingsB" v-bind="newsBannerSettingsB"
v-if="newsBanner.length > 0" v-if="newsBanner.length > 0"
ref="newsBannerB" ref="newsBannerB"
class="newsBannerB" class="newsBannerB"
:asNavFor="$refs.newsBannerA" :asNavFor="$refs.newsBannerA"
> >
<div <div
class="newsBanner-item" class="newsBanner-item"
v-for="el in newsBanner" v-for="el in newsBanner"
:key="el.id" :key="el.id"
> >
<div class="newsBanner-title" :title="el.title"> <div class="newsBanner-title" :title="el.title">
{{ el.title }} {{ el.title }}
...@@ -86,21 +86,21 @@ ...@@ -86,21 +86,21 @@
<div class="col-lg-6"> <div class="col-lg-6">
<ul class="nav nav-tabs tabs1" id="myTab" role="tablist"> <ul class="nav nav-tabs tabs1" id="myTab" role="tablist">
<li <li
class="nav-item" class="nav-item"
role="presentation" role="presentation"
v-for="(tmp, i) in news" v-for="(tmp, i) in news"
:key="i" :key="i"
@click="handelNewsTab(i)" @click="handelNewsTab(i)"
> >
<button <button
:class="['nav-link', { active: i === 0 }]" :class="['nav-link', { active: i === 0 }]"
:id="tmp.type + '-tab'" :id="tmp.type + '-tab'"
data-bs-toggle="tab" data-bs-toggle="tab"
:data-bs-target="'#' + tmp.type" :data-bs-target="'#' + tmp.type"
type="button" type="button"
role="tab" role="tab"
:aria-controls="tmp.type" :aria-controls="tmp.type"
aria-selected="true" aria-selected="true"
> >
<span>{{ tmp.name }}</span> <span>{{ tmp.name }}</span>
</button> </button>
...@@ -108,11 +108,11 @@ ...@@ -108,11 +108,11 @@
</ul> </ul>
<div class="tab-content marginTop10"> <div class="tab-content marginTop10">
<div <div
class="tab-pane fade show active" class="tab-pane fade show active"
role="tabpanel" role="tabpanel"
aria-labelledby="yaowen-tab" aria-labelledby="yaowen-tab"
> >
<list :list="news[0].data" /> <list :list="news[0].data"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -136,13 +136,13 @@ ...@@ -136,13 +136,13 @@
</button> </button>
<div class="row ywdt-kj whbsxtcy-row"> <div class="row ywdt-kj whbsxtcy-row">
<div <div
class="col-6" class="col-6"
v-for="(tmp, i) in whbsxtcy" v-for="(tmp, i) in whbsxtcy"
:key="i" :key="i"
@click="whbsxtcyHandelClick(i)" @click="whbsxtcyHandelClick(i)"
> >
<div class="ywdt-tp"> <div class="ywdt-tp">
<img :src="tmp.ico" alt="" /> <img :src="tmp.ico" alt=""/>
</div> </div>
<div class="ywdt-bt">{{ tmp.name }}</div> <div class="ywdt-bt">{{ tmp.name }}</div>
</div> </div>
...@@ -155,13 +155,13 @@ ...@@ -155,13 +155,13 @@
</div> </div>
<div class="row ywdt-kj wsxtcy-row"> <div class="row ywdt-kj wsxtcy-row">
<div <div
class="col-6" class="col-6"
v-for="(tmp, i) in wsxtcy" v-for="(tmp, i) in wsxtcy"
:key="i" :key="i"
@click="wsxtcyHandelClick(i)" @click="wsxtcyHandelClick(i)"
> >
<div class="ywdt-tp"> <div class="ywdt-tp">
<img :src="tmp.ico" alt="" /> <img :src="tmp.ico" alt=""/>
</div> </div>
<div class="ywdt-bt">{{ tmp.name }}</div> <div class="ywdt-bt">{{ tmp.name }}</div>
</div> </div>
...@@ -175,13 +175,13 @@ ...@@ -175,13 +175,13 @@
</div> </div>
<div class="row ywdt-kj wsylqy-row"> <div class="row ywdt-kj wsylqy-row">
<div <div
class="col-6" class="col-6"
v-for="(tmp, i) in wsylqy" v-for="(tmp, i) in wsylqy"
:key="i" :key="i"
@click="wsylqyHandelClick(i)" @click="wsylqyHandelClick(i)"
> >
<div class="ywdt-tp"> <div class="ywdt-tp">
<img :src="tmp.ico" alt="" /> <img :src="tmp.ico" alt=""/>
</div> </div>
<div class="ywdt-bt">{{ tmp.name }}</div> <div class="ywdt-bt">{{ tmp.name }}</div>
</div> </div>
...@@ -193,13 +193,13 @@ ...@@ -193,13 +193,13 @@
</div> </div>
<div class="row ywdt-kj kjywblzq-row"> <div class="row ywdt-kj kjywblzq-row">
<div <div
class="col-6" class="col-6"
v-for="(tmp, i) in kjywblzq" v-for="(tmp, i) in kjywblzq"
:key="i" :key="i"
@click="kjywblzqHandelClick(i)" @click="kjywblzqHandelClick(i)"
> >
<div class="ywdt-tp"> <div class="ywdt-tp">
<img :src="tmp.ico" alt="" /> <img :src="tmp.ico" alt=""/>
</div> </div>
<div class="ywdt-bt">{{ tmp.name }}</div> <div class="ywdt-bt">{{ tmp.name }}</div>
</div> </div>
...@@ -215,14 +215,14 @@ ...@@ -215,14 +215,14 @@
<div class="row"> <div class="row">
<template v-for="(tmp, i) in dzfw"> <template v-for="(tmp, i) in dzfw">
<div <div
class="col-6 col-lg-4 dzfw-li" class="col-6 col-lg-4 dzfw-li"
:key="i" :key="i"
v-if="tmp.isChecked" v-if="tmp.isChecked"
@click="dzfwHandelClick(i)" @click="dzfwHandelClick(i)"
> >
<div class="dzfw-border"> <div class="dzfw-border">
<div class="dzfw-tp"> <div class="dzfw-tp">
<img :src="tmp.ico" alt="" /> <img :src="tmp.ico" alt=""/>
</div> </div>
<div class="dzfw-bt">{{ tmp.name }}</div> <div class="dzfw-bt">{{ tmp.name }}</div>
</div> </div>
...@@ -238,28 +238,28 @@ ...@@ -238,28 +238,28 @@
<ul class="nav nav-tabs tabs2 row" id="myTab" role="tablist"> <ul class="nav nav-tabs tabs2 row" id="myTab" role="tablist">
<li class="nav-item col-lg-2" role="presentation"> <li class="nav-item col-lg-2" role="presentation">
<button <button
class="nav-link active" class="nav-link active"
id="home-tab" id="home-tab"
data-bs-toggle="tab" data-bs-toggle="tab"
data-bs-target="#csxx" data-bs-target="#csxx"
type="button" type="button"
role="tab" role="tab"
aria-controls="home" aria-controls="home"
aria-selected="true" aria-selected="true"
> >
<span>厂商信息</span> <span>厂商信息</span>
</button> </button>
</li> </li>
<li class="nav-item col-lg-2" role="presentation"> <li class="nav-item col-lg-2" role="presentation">
<button <button
class="nav-link" class="nav-link"
id="profile-tab" id="profile-tab"
data-bs-toggle="tab" data-bs-toggle="tab"
data-bs-target="#cpxx" data-bs-target="#cpxx"
type="button" type="button"
role="tab" role="tab"
aria-controls="profile" aria-controls="profile"
aria-selected="false" aria-selected="false"
> >
<span>产品信息</span> <span>产品信息</span>
</button> </button>
...@@ -267,34 +267,34 @@ ...@@ -267,34 +267,34 @@
</ul> </ul>
<div class="tab-content" id="myTabContent"> <div class="tab-content" id="myTabContent">
<div <div
class="tab-pane fade show active" class="tab-pane fade show active"
id="csxx" id="csxx"
role="tabpanel" role="tabpanel"
aria-labelledby="home-tab" aria-labelledby="home-tab"
> >
<div class="chaxun"> <div class="chaxun">
<div class="chaxun-kj"> <div class="chaxun-kj">
<div class="row"> <div class="row">
<div class="col-lg-2 chaxun-left"> <div class="col-lg-2 chaxun-left">
<el-select <el-select
v-model="chaxun.type" v-model="chaxun.type"
placeholder="请选择" placeholder="请选择"
clearable clearable
> >
<el-option <el-option
v-for="(item, i) in chaxun.options" v-for="(item, i) in chaxun.options"
:key="i" :key="i"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> >
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div class="col-lg-7 chaxun-middle"> <div class="col-lg-7 chaxun-middle">
<el-input <el-input
placeholder="请输入厂商名称" placeholder="请输入厂商名称"
v-model="chaxun.keywords" v-model="chaxun.keywords"
clearable clearable
> >
</el-input> </el-input>
</div> </div>
...@@ -306,10 +306,10 @@ ...@@ -306,10 +306,10 @@
</div> </div>
</div> </div>
<div <div
class="tab-pane fade" class="tab-pane fade"
id="cpxx" id="cpxx"
role="tabpanel" role="tabpanel"
aria-labelledby="profile-tab" aria-labelledby="profile-tab"
> >
<div class="chaxun"> <div class="chaxun">
<div class="chaxun-kj"> <div class="chaxun-kj">
...@@ -317,19 +317,19 @@ ...@@ -317,19 +317,19 @@
<div class="col-lg-2 chaxun-left"> <div class="col-lg-2 chaxun-left">
<el-select v-model="chaxun.type" placeholder="请选择"> <el-select v-model="chaxun.type" placeholder="请选择">
<el-option <el-option
v-for="(item, i) in chaxun.options" v-for="(item, i) in chaxun.options"
:key="i" :key="i"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> >
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div class="col-lg-7 chaxun-middle"> <div class="col-lg-7 chaxun-middle">
<el-input <el-input
placeholder="请输入厂商名称" placeholder="请输入厂商名称"
v-model="chaxun.keywords" v-model="chaxun.keywords"
clearable clearable
> >
</el-input> </el-input>
</div> </div>
...@@ -350,9 +350,9 @@ ...@@ -350,9 +350,9 @@
<div class="spqqsfz-cate"> <div class="spqqsfz-cate">
<div class="spqqsfz-cate-left">商品全球身份证</div> <div class="spqqsfz-cate-left">商品全球身份证</div>
<div <div
class="spqqsfz-cate-right" class="spqqsfz-cate-right"
@click="spqqsfzHandelClick" @click="spqqsfzHandelClick"
v-if="false" v-if="false"
> >
更多> 更多>
</div> </div>
...@@ -360,7 +360,7 @@ ...@@ -360,7 +360,7 @@
<div class="spqqsfz-cont row"> <div class="spqqsfz-cont row">
<div class="spqqsfz-cont-left col-lg-2"> <div class="spqqsfz-cont-left col-lg-2">
<div class="spqqsfz-cont-left-tp"> <div class="spqqsfz-cont-left-tp">
<img :src="spqqsfz.surl" alt="" /> <img :src="spqqsfz.surl" alt=""/>
</div> </div>
</div> </div>
<div class="spqqsfz-cont-right col-lg-10"> <div class="spqqsfz-cont-right col-lg-10">
...@@ -384,7 +384,7 @@ ...@@ -384,7 +384,7 @@
<div class="col offset-2 offset-lg-3"> <div class="col offset-2 offset-lg-3">
<button class="spqqsfz-btn blue" @click="spqqsfzHandelClick"> <button class="spqqsfz-btn blue" @click="spqqsfzHandelClick">
<span>更多商品信息</span <span>更多商品信息</span
><img src="../../assets/image/home/more-arrow.png" alt="" /> ><img src="../../assets/image/home/more-arrow.png" alt=""/>
</button> </button>
</div> </div>
</div> </div>
...@@ -403,51 +403,51 @@ ...@@ -403,51 +403,51 @@
<div class="home-bottom-cate">党建文化</div> <div class="home-bottom-cate">党建文化</div>
<div class="djwh-tp"> <div class="djwh-tp">
<img <img
src="../../assets/image/home/dangjianwenhua.png" src="../../assets/image/home/dangjianwenhua.png"
alt="" alt=""
/> />
</div> </div>
<list2 :list="djwh.data" /> <list2 :list="djwh.data"/>
</div> </div>
<div class="ztjj"> <div class="ztjj">
<div class="home-bottom-cate">专题聚焦</div> <div class="home-bottom-cate">专题聚焦</div>
<div class="djwh-tp"> <div class="djwh-tp">
<img src="../../assets/image/home/zhuantijujiao.png" alt="" /> <img src="../../assets/image/home/zhuantijujiao.png" alt=""/>
</div> </div>
<list2 :list="ztjj.data" /> <list2 :list="ztjj.data"/>
</div> </div>
<div class="yyly"> <div class="yyly">
<div class="home-bottom-cate">应用领域</div> <div class="home-bottom-cate">应用领域</div>
<yylyList :list="yyly.data" /> <yylyList :list="yyly.data"/>
</div> </div>
<div class="other"> <div class="other">
<div class="home-bottom-cate"> <div class="home-bottom-cate">
质检中心/协会/杂志社/标准委/其他 质检中心/协会/杂志社/标准委/其他
</div> </div>
<otherList :list="other.data" /> <otherList :list="other.data"/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="smallPCImages pc"> <div class="smallPCImages pc">
<VueSlickCarousel <VueSlickCarousel
v-bind="smallPCImagesSettings" v-bind="smallPCImagesSettings"
v-if="smallPCImages.length > 0" v-if="smallPCImages.length > 0"
ref="smallPCImages" ref="smallPCImages"
> >
<div <div
class="smallPCImages-item" class="smallPCImages-item"
v-for="(tmpA, i) in smallPCImages" v-for="(tmpA, i) in smallPCImages"
:key="i" :key="i"
> >
<div class="row"> <div class="row">
<div <div
class="col-lg-4" class="col-lg-4"
v-for="(tmpB, ii) in tmpA" v-for="(tmpB, ii) in tmpA"
:key="ii" :key="ii"
@click="handelSmallImagesClick(tmpB)" @click="handelSmallImagesClick(tmpB)"
> >
<img :src="tmpB.picIndexPath" /> <img :src="tmpB.picIndexPath"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -459,62 +459,62 @@ ...@@ -459,62 +459,62 @@
</template> </template>
</VueSlickCarousel> </VueSlickCarousel>
<div <div
id="advert" id="advert"
class="carousel slide" class="carousel slide"
data-bs-ride="carousel" data-bs-ride="carousel"
data-bs-interval="false" data-bs-interval="false"
v-if="false" v-if="false"
> >
<div class="carousel-inner"> <div class="carousel-inner">
<div <div
:class="['carousel-item', { active: i === 0 }]" :class="['carousel-item', { active: i === 0 }]"
v-for="(tmpA, i) in smallPCImages" v-for="(tmpA, i) in smallPCImages"
:key="i" :key="i"
> >
<div class="row"> <div class="row">
<div <div
class="col-lg-4" class="col-lg-4"
v-for="(tmpB, ii) in tmpA" v-for="(tmpB, ii) in tmpA"
:key="ii" :key="ii"
@click="handelSmallImagesClick(tmpB)" @click="handelSmallImagesClick(tmpB)"
> >
<img :src="tmpB.picIndexPath" /> <img :src="tmpB.picIndexPath"/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<button <button
class="carousel-control-prev" class="carousel-control-prev"
type="button" type="button"
data-bs-target="#advert" data-bs-target="#advert"
data-bs-slide="prev" data-bs-slide="prev"
> >
<img src="../../assets/image/home/advert-zuo.png" alt="" /> <img src="../../assets/image/home/advert-zuo.png" alt=""/>
</button> </button>
<button <button
class="carousel-control-next" class="carousel-control-next"
type="button" type="button"
data-bs-target="#advert" data-bs-target="#advert"
data-bs-slide="next" data-bs-slide="next"
> >
<img src="../../assets/image/home/advert-you.png" alt="" /> <img src="../../assets/image/home/advert-you.png" alt=""/>
</button> </button>
</div> </div>
</div> </div>
<div class="smallPCImages H5"> <div class="smallPCImages H5">
<VueSlickCarousel <VueSlickCarousel
v-bind="smallH5ImagesSettings" v-bind="smallH5ImagesSettings"
v-if="smallPCImages.length > 0" v-if="smallPCImages.length > 0"
ref="smallPCImages" ref="smallPCImages"
> >
<div <div
class="smallPCImages-item" class="smallPCImages-item"
v-for="(tmpA, i) in smallH5Images" v-for="(tmpA, i) in smallH5Images"
:key="i" :key="i"
> >
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<img :src="tmpA.picIndexPath" /> <img :src="tmpA.picIndexPath"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -531,25 +531,25 @@ ...@@ -531,25 +531,25 @@
</div> </div>
</div> </div>
</div> </div>
<notice /> <notice/>
<modal <modal
:dialogData="dzfwMoreDialog" :dialogData="dzfwMoreDialog"
@toFatherClose="dzfwMoreHandel(false)" @toFatherClose="dzfwMoreHandel(false)"
v-if="dzfwMoreDialog.isShow" v-if="dzfwMoreDialog.isShow"
> >
<template v-slot:body> <template v-slot:body>
<div class="dzfwDialog"> <div class="dzfwDialog">
<ul class="dzfwDialog-ul dzfwDialog-width"> <ul class="dzfwDialog-ul dzfwDialog-width">
<template v-for="(tmp, i) in dzfw"> <template v-for="(tmp, i) in dzfw">
<li :key="i" v-if="tmp.name !== '更多'"> <li :key="i" v-if="tmp.name !== '更多定制'">
<div class="li-kj"> <div class="li-kj">
<el-checkbox <el-checkbox
:value="tmp.isChecked" :value="tmp.isChecked"
class="dzfwDialog-checkbox" class="dzfwDialog-checkbox"
@change="dzfwHandelChange(i)" @change="dzfwHandelChange(i)"
></el-checkbox> ></el-checkbox>
<div class="dzfwDialog-ico"> <div class="dzfwDialog-ico">
<img :src="tmp.ico" alt="" /> <img :src="tmp.ico" alt=""/>
</div> </div>
<div class="dzfwDialog-title">{{ tmp.name }}</div> <div class="dzfwDialog-title">{{ tmp.name }}</div>
</div> </div>
...@@ -562,7 +562,7 @@ ...@@ -562,7 +562,7 @@
<message :messageData="messageDialog" v-if="messageDialog.isShow"> <message :messageData="messageDialog" v-if="messageDialog.isShow">
<template v-slot:body> <template v-slot:body>
<div class="dzfwMessage"> <div class="dzfwMessage">
<p>您选择了超过8个!</p> <p>您选择了超过11个!</p>
<p>2s后自动关闭</p> <p>2s后自动关闭</p>
</div> </div>
</template> </template>
...@@ -752,12 +752,14 @@ export default { ...@@ -752,12 +752,14 @@ export default {
], ],
dzfw: [ dzfw: [
{ {
id: '0',
ico: require("../../assets/image/home/dzfw-ico1.png"), ico: require("../../assets/image/home/dzfw-ico1.png"),
name: "商品信息服务平台", name: "商品信息服务平台",
isChecked: true, isChecked: true,
url: "/Service/GDS", url: "/Service/GDS",
}, },
{ {
id: '1',
ico: require("../../assets/image/home/dzfw-ico2.png"), ico: require("../../assets/image/home/dzfw-ico2.png"),
name: "进口商品数据通报", name: "进口商品数据通报",
isChecked: true, isChecked: true,
...@@ -765,6 +767,7 @@ export default { ...@@ -765,6 +767,7 @@ export default {
type: "link", type: "link",
}, },
{ {
id: '2',
ico: require("../../assets/image/home/dzfw-ico3.png"), ico: require("../../assets/image/home/dzfw-ico3.png"),
name: "条码微站", name: "条码微站",
isChecked: true, isChecked: true,
...@@ -772,12 +775,14 @@ export default { ...@@ -772,12 +775,14 @@ export default {
type: "link", type: "link",
}, },
{ {
id: '3',
ico: require("../../assets/image/home/dzfw-ico12.png"), ico: require("../../assets/image/home/dzfw-ico12.png"),
name: "追溯平台", name: "追溯平台",
isChecked: true, isChecked: true,
url: "/Service/Chinatrace", url: "/Service/Chinatrace",
}, },
{ {
id: '4',
ico: require("../../assets/image/home/dzfw-ico7.png"), ico: require("../../assets/image/home/dzfw-ico7.png"),
name: "条码商桥", name: "条码商桥",
isChecked: true, isChecked: true,
...@@ -785,6 +790,7 @@ export default { ...@@ -785,6 +790,7 @@ export default {
type: "link", type: "link",
}, },
{ {
id: '5',
ico: require("../../assets/image/home/dzfw-ico4.png"), ico: require("../../assets/image/home/dzfw-ico4.png"),
name: "商品二维码", name: "商品二维码",
isChecked: true, isChecked: true,
...@@ -792,6 +798,7 @@ export default { ...@@ -792,6 +798,7 @@ export default {
type: "link", type: "link",
}, },
{ {
id: '6',
ico: require("../../assets/image/home/dzfw-ico5.png"), ico: require("../../assets/image/home/dzfw-ico5.png"),
name: "GDSN", name: "GDSN",
isChecked: true, isChecked: true,
...@@ -799,35 +806,40 @@ export default { ...@@ -799,35 +806,40 @@ export default {
type: "link", type: "link",
}, },
{ {
id: '7',
ico: require("../../assets/image/home/dzfw-ico11.png"), ico: require("../../assets/image/home/dzfw-ico11.png"),
name: "条码/射频(RFID)/软件检测服务", name: "条码/射频(RFID)/软件检测服务",
isChecked: true, isChecked: true,
url: "/Service/jcyxz/Barcode", url: "/Service/jcyxz/Barcode",
}, },
{ {
id: '8',
ico: require("../../assets/image/home/dzfw-ico9.png"), ico: require("../../assets/image/home/dzfw-ico9.png"),
name: "ECODE", name: "ECODE",
isChecked: true, isChecked: true,
}, },
{ {
id: '9',
ico: require("../../assets/image/home/dzfw-ico13.png"), ico: require("../../assets/image/home/dzfw-ico13.png"),
name: "教育知识管理平台", name: "教育知识管理平台",
isChecked: true, isChecked: true,
}, },
{ {
id: '10',
ico: require("../../assets/image/home/dzfw-ico6.png"), ico: require("../../assets/image/home/dzfw-ico6.png"),
name: "条码信息查询", name: "条码信息查询",
isChecked: true, isChecked: true,
}, },
{ {
id: '11',
ico: require("../../assets/image/home/dzfw-ico8.png"), ico: require("../../assets/image/home/dzfw-ico8.png"),
name: "产品服务", name: "产品服务",
isChecked: false, isChecked: false,
url: "/Service/BarcodeV", url: "/Service/BarcodeV",
}, },
{ {
id: '12',
ico: require("../../assets/image/home/dzfw-ico10.png"), ico: require("../../assets/image/home/dzfw-ico10.png"),
name: "平台服务", name: "平台服务",
isChecked: false, isChecked: false,
...@@ -976,7 +988,37 @@ export default { ...@@ -976,7 +988,37 @@ export default {
this.dzfw.push(this.dzfLastChild); this.dzfw.push(this.dzfLastChild);
this.init(); this.init();
}, },
mounted() {
this.getCustomService()
},
methods: { methods: {
getCustomService() {
let service = localStorage.getItem('gs-custom-service') || ''
console.log('getCustomService-----------', service)
if(service) {
service = JSON.parse(service)
this.updateCustomService(service)
}
},
updateCustomService(list){
this.dzfw.forEach(item=>{
item.isChecked = item.name === "更多定制"
list.forEach(_item=>{
if(_item==item.id){
item.isChecked = true
}
})
})
},
setCustomService() {
const service = []
this.dzfw.forEach(item=>{
if(item.isChecked && item.name !== "更多定制"){
service.push(parseInt(item.id,10))
}
})
localStorage.setItem('gs-custom-service',JSON.stringify(service))
},
// 初始化 // 初始化
init() { init() {
// 首页大轮播图 // 首页大轮播图
...@@ -996,7 +1038,7 @@ export default { ...@@ -996,7 +1038,7 @@ export default {
async homeBigImages() { async homeBigImages() {
// console.log(this.$api, 'this.$api'); // console.log(this.$api, 'this.$api');
const homeBigImagesRes = await this.$api.home.homeBigImages(); const homeBigImagesRes = await this.$api.home.homeBigImages();
const { returnCode, data } = homeBigImagesRes; const {returnCode, data} = homeBigImagesRes;
if (returnCode === "0") { if (returnCode === "0") {
this.banner = data; this.banner = data;
console.log(this.banner, "this.banner"); console.log(this.banner, "this.banner");
...@@ -1010,8 +1052,8 @@ export default { ...@@ -1010,8 +1052,8 @@ export default {
// 要闻左侧图片资讯 // 要闻左侧图片资讯
async homePictureImageList() { async homePictureImageList() {
const homePictureImageListRes = const homePictureImageListRes =
await this.$api.home.homePictureImageList(); await this.$api.home.homePictureImageList();
const { returnCode, data } = homePictureImageListRes; const {returnCode, data} = homePictureImageListRes;
if (returnCode === "0") { if (returnCode === "0") {
data.forEach((el) => { data.forEach((el) => {
el.picFile = `http://www.gs1cn.org/news/newsimg/${el.picFile}`; el.picFile = `http://www.gs1cn.org/news/newsimg/${el.picFile}`;
...@@ -1023,8 +1065,8 @@ export default { ...@@ -1023,8 +1065,8 @@ export default {
// 要闻右侧标题列表 // 要闻右侧标题列表
async homeImportantNewList() { async homeImportantNewList() {
const homeImportantNewListRes = const homeImportantNewListRes =
await this.$api.home.homeImportantNewList(); await this.$api.home.homeImportantNewList();
const { returnCode, data } = homeImportantNewListRes; const {returnCode, data} = homeImportantNewListRes;
if (returnCode === "0") { if (returnCode === "0") {
data.forEach((el) => { data.forEach((el) => {
el.time = this.$moment(el.showtime).format("MM-DD"); el.time = this.$moment(el.showtime).format("MM-DD");
...@@ -1043,12 +1085,12 @@ export default { ...@@ -1043,12 +1085,12 @@ export default {
async homeNewGtin() { async homeNewGtin() {
console.log(process.env, "process.env"); console.log(process.env, "process.env");
this.$http this.$http
.get(`${process.env.VUE_APP_GDS_URL}/Data/NewGtin`) .get(`${process.env.VUE_APP_GDS_URL}/Data/NewGtin`)
.then((res) => { .then((res) => {
res.body.murl = `http://data-studio.gds.org.cn/${res.body.murl}`; res.body.murl = `http://data-studio.gds.org.cn/${res.body.murl}`;
res.body.surl = `http://data-studio.gds.org.cn/${res.body.surl}`; res.body.surl = `http://data-studio.gds.org.cn/${res.body.surl}`;
this.spqqsfz = res.body; this.spqqsfz = res.body;
}); });
}, },
// 党建文化新闻列表 // 党建文化新闻列表
async homeGet4PartyTopNews() { async homeGet4PartyTopNews() {
...@@ -1057,9 +1099,9 @@ export default { ...@@ -1057,9 +1099,9 @@ export default {
classid: 428, classid: 428,
}; };
const homeGet4PartyTopNewsRes = await this.$api.home.homeGet4PartyTopNews( const homeGet4PartyTopNewsRes = await this.$api.home.homeGet4PartyTopNews(
params params
); );
const { returnCode, data } = homeGet4PartyTopNewsRes; const {returnCode, data} = homeGet4PartyTopNewsRes;
if (returnCode === "0") { if (returnCode === "0") {
console.log(homeGet4PartyTopNewsRes, "党建文化新闻列表"); console.log(homeGet4PartyTopNewsRes, "党建文化新闻列表");
this.djwh.data = data; this.djwh.data = data;
...@@ -1068,7 +1110,7 @@ export default { ...@@ -1068,7 +1110,7 @@ export default {
// 首页小轮播图 // 首页小轮播图
async homeSmallImages() { async homeSmallImages() {
const homeSmallImagesRes = await this.$api.home.homeSmallImages(); const homeSmallImagesRes = await this.$api.home.homeSmallImages();
const { returnCode, data } = homeSmallImagesRes; const {returnCode, data} = homeSmallImagesRes;
if (returnCode === "0") { if (returnCode === "0") {
let list = []; let list = [];
data.forEach((el, i) => { data.forEach((el, i) => {
...@@ -1132,7 +1174,7 @@ export default { ...@@ -1132,7 +1174,7 @@ export default {
const currentCheck = this.dzfw[i].isChecked; const currentCheck = this.dzfw[i].isChecked;
const checkList = []; const checkList = [];
this.dzfw.forEach((item) => { this.dzfw.forEach((item) => {
if (item.name !== "更多" && item.isChecked) { if (item.name !== "更多定制" && item.isChecked) {
checkList.push(item); checkList.push(item);
} }
}); });
...@@ -1142,6 +1184,8 @@ export default { ...@@ -1142,6 +1184,8 @@ export default {
setTimeout(() => { setTimeout(() => {
this.messageDialog.isShow = false; this.messageDialog.isShow = false;
}, 2000); }, 2000);
}else{
this.setCustomService()
} }
console.log(this.dzfw[i], "newValue"); console.log(this.dzfw[i], "newValue");
}, },
...@@ -1178,36 +1222,45 @@ export default { ...@@ -1178,36 +1222,45 @@ export default {
@include elInput(40px, #0e2c6b, #0e2c6b, #fff, #059ede, 4px); @include elInput(40px, #0e2c6b, #0e2c6b, #fff, #059ede, 4px);
@include elSelect(#0e2c6b, #0e2c6b); @include elSelect(#0e2c6b, #0e2c6b);
} }
.dzfwDialog-checkbox { .dzfwDialog-checkbox {
.el-checkbox__inner { .el-checkbox__inner {
border-radius: 50%; border-radius: 50%;
} }
} }
.slick-slider, .slick-slider,
.slick-list, .slick-list,
.slick-track { .slick-track {
height: 100%; height: 100%;
} }
.slick-slide { .slick-slide {
height: 100%; height: 100%;
> div { > div {
height: 100%; height: 100%;
> div { > div {
height: 100%; height: 100%;
} }
} }
} }
.slick-arrow { .slick-arrow {
z-index: 9; z-index: 9;
display: flex; display: flex;
align-items: center; align-items: center;
&.slick-prev { &.slick-prev {
left: 0; left: 0;
&::before { &::before {
background: url("../../assets/image/home/prevArrow-hover.png") no-repeat; background: url("../../assets/image/home/prevArrow-hover.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
content: ""; content: "";
} }
// &:hover { // &:hover {
// &::before { // &::before {
// background: url("../../assets/image/home/prevArrow-hover.png") // background: url("../../assets/image/home/prevArrow-hover.png")
...@@ -1216,15 +1269,18 @@ export default { ...@@ -1216,15 +1269,18 @@ export default {
// } // }
// } // }
} }
&.slick-next { &.slick-next {
right: 0; right: 0;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
&::before { &::before {
background: url("../../assets/image/home/nextArrow-hover.png") no-repeat; background: url("../../assets/image/home/nextArrow-hover.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
content: ""; content: "";
} }
// &:hover { // &:hover {
// &::before { // &::before {
// background: url("../../assets/image/home/nextArrow-hover.png") // background: url("../../assets/image/home/nextArrow-hover.png")
...@@ -1233,47 +1289,57 @@ export default { ...@@ -1233,47 +1289,57 @@ export default {
// } // }
// } // }
} }
img { img {
vertical-align: middle; vertical-align: middle;
} }
} }
.banner { .banner {
.slick-arrow { .slick-arrow {
margin: 0 10px; margin: 0 10px;
&.slick-prev { &.slick-prev {
top: auto; top: auto;
bottom: 25px; bottom: 25px;
transform: translate(0, 0); transform: translate(0, 0);
&::before { &::before {
width: 10px; width: 10px;
height: 18px; height: 18px;
} }
} }
&.slick-next { &.slick-next {
top: auto; top: auto;
bottom: 25px; bottom: 25px;
transform: translate(0, 0); transform: translate(0, 0);
&::before { &::before {
width: 10px; width: 10px;
height: 18px; height: 18px;
} }
} }
} }
.slick-dots { .slick-dots {
bottom: 25px !important; bottom: 25px !important;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 20px; height: 20px;
li { li {
width: 10px; width: 10px;
height: 10px; height: 10px;
&.slick-active { &.slick-active {
.custom-dot { .custom-dot {
background: #ffffff; background: #ffffff;
opacity: 1; opacity: 1;
} }
} }
.custom-dot { .custom-dot {
border-radius: 50%; border-radius: 50%;
width: 100%; width: 100%;
...@@ -1286,13 +1352,16 @@ export default { ...@@ -1286,13 +1352,16 @@ export default {
} }
} }
} }
.newsBanner { .newsBanner {
.slick-arrow { .slick-arrow {
width: 40px; width: 40px;
height: 50px; height: 50px;
margin: 0 10px; margin: 0 10px;
&.slick-prev { &.slick-prev {
position: relative; position: relative;
&::before { &::before {
width: 9px; width: 9px;
height: 14px; height: 14px;
...@@ -1301,8 +1370,10 @@ export default { ...@@ -1301,8 +1370,10 @@ export default {
// background-size: 100% 100%; // background-size: 100% 100%;
} }
} }
&.slick-next { &.slick-next {
position: relative; position: relative;
&::before { &::before {
width: 9px; width: 9px;
height: 14px; height: 14px;
...@@ -1311,54 +1382,61 @@ export default { ...@@ -1311,54 +1382,61 @@ export default {
// background-size: 100% 100%; // background-size: 100% 100%;
} }
} }
img { img {
vertical-align: middle; vertical-align: middle;
} }
} }
.newsBannerB { .newsBannerB {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, #000000 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, #000000 100%);
} }
} }
.smallPCImages { .smallPCImages {
.slick-arrow { .slick-arrow {
width: 24px; width: 24px;
height: 50px; height: 50px;
margin: 0 10px; margin: 0 10px;
&.slick-prev { &.slick-prev {
// position: relative; // position: relative;
&::before { &::before {
width: 24px; width: 24px;
height: 50px; height: 50px;
background: url("../../assets/image/home/prevArrow-hover2.png") background: url("../../assets/image/home/prevArrow-hover2.png") no-repeat;
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
&.slick-next { &.slick-next {
// position: relative; // position: relative;
&::before { &::before {
width: 24px; width: 24px;
height: 50px; height: 50px;
background: url("../../assets/image/home/nextArrow-hover2.png") background: url("../../assets/image/home/nextArrow-hover2.png") no-repeat;
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
} }
&.H5 { &.H5 {
font-size: auto; font-size: auto;
.slick-arrow { .slick-arrow {
&.slick-prev { &.slick-prev {
top: auto; top: auto;
bottom: 0; bottom: 0;
transform: translate(0, 0); transform: translate(0, 0);
} }
&.slick-next { &.slick-next {
top: auto; top: auto;
bottom: 0; bottom: 0;
transform: translate(0, 0); transform: translate(0, 0);
} }
} }
.slick-dots { .slick-dots {
bottom: 0 !important; bottom: 0 !important;
display: flex; display: flex;
...@@ -1366,15 +1444,18 @@ export default { ...@@ -1366,15 +1444,18 @@ export default {
justify-content: center; justify-content: center;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
li { li {
width: 10px; width: 10px;
height: 10px; height: 10px;
&.slick-active { &.slick-active {
.custom-dot { .custom-dot {
background: #ffffff; background: #ffffff;
opacity: 1; opacity: 1;
} }
} }
.custom-dot { .custom-dot {
border-radius: 50%; border-radius: 50%;
width: 100%; width: 100%;
...@@ -1388,16 +1469,19 @@ export default { ...@@ -1388,16 +1469,19 @@ export default {
} }
} }
} }
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
.banner { .banner {
.carousel-title { .carousel-title {
font-size: 36px; font-size: 36px;
line-height: 60px; line-height: 60px;
} }
.slick-arrow { .slick-arrow {
&.slick-prev { &.slick-prev {
left: 38%; left: 38%;
} }
&.slick-next { &.slick-next {
right: 38%; right: 38%;
} }
...@@ -1420,6 +1504,7 @@ export default { ...@@ -1420,6 +1504,7 @@ export default {
.newsBanner { .newsBanner {
width: 89.5%; width: 89.5%;
height: 427px !important; height: 427px !important;
.newsBannerB { .newsBannerB {
.newsBanner-title { .newsBanner-title {
font-size: 18px; font-size: 18px;
...@@ -1433,6 +1518,7 @@ export default { ...@@ -1433,6 +1518,7 @@ export default {
} }
.spqqsfz { .spqqsfz {
margin-top: 30px; margin-top: 30px;
.spqqsfz-cont-left { .spqqsfz-cont-left {
.spqqsfz-cont-left-tp { .spqqsfz-cont-left-tp {
height: 100%; height: 100%;
...@@ -1478,6 +1564,7 @@ export default { ...@@ -1478,6 +1564,7 @@ export default {
} }
.spqqsfz { .spqqsfz {
margin-top: 20px; margin-top: 20px;
.spqqsfz-cont-right { .spqqsfz-cont-right {
background: #e25020 !important; background: #e25020 !important;
} }
...@@ -1505,6 +1592,7 @@ export default { ...@@ -1505,6 +1592,7 @@ export default {
.banner-item { .banner-item {
height: 100%; height: 100%;
position: relative; position: relative;
.banner-tp { .banner-tp {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -1517,25 +1605,30 @@ export default { ...@@ -1517,25 +1605,30 @@ export default {
// display: flex !important; // display: flex !important;
// justify-content: center; // justify-content: center;
} }
.container, .container,
.row { .row {
height: 100%; height: 100%;
position: relative; position: relative;
z-index: 9; z-index: 9;
} }
.carousel-caption-left { .carousel-caption-left {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
.carousel-title { .carousel-title {
color: #ffffff; color: #ffffff;
} }
.carousel-note { .carousel-note {
font-size: 16px; font-size: 16px;
color: #ffffff; color: #ffffff;
line-height: 24px; line-height: 24px;
margin: 30px 0; margin: 30px 0;
} }
.carousel-btn { .carousel-btn {
width: 128px; width: 128px;
height: 37px; height: 37px;
...@@ -1545,13 +1638,16 @@ export default { ...@@ -1545,13 +1638,16 @@ export default {
font-size: 16px; font-size: 16px;
color: #ffffff; color: #ffffff;
position: relative; position: relative;
span { span {
margin-left: 18px; margin-left: 18px;
} }
} }
} }
.carousel-caption-right { .carousel-caption-right {
display: none; display: none;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -1559,80 +1655,103 @@ export default { ...@@ -1559,80 +1655,103 @@ export default {
} }
} }
} }
.padding18 { .padding18 {
padding: 18px 0; padding: 18px 0;
} }
.marginTop10 { .marginTop10 {
margin-top: 10px; margin-top: 10px;
} }
.bgWhite { .bgWhite {
background: $bg-color; background: $bg-color;
} }
.orange { .orange {
background: #cd3c0d; background: #cd3c0d;
img { img {
position: absolute; position: absolute;
right: 20px; right: 20px;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
} }
&:hover { &:hover {
background: #a82c05; background: #a82c05;
img { img {
right: 17px; right: 17px;
} }
} }
&:focus { &:focus {
background: #cd3c0d; background: #cd3c0d;
img { img {
right: 20px; right: 20px;
} }
} }
&:active { &:active {
background: #912305; background: #912305;
img { img {
right: 17px; right: 17px;
} }
} }
} }
.blue { .blue {
background: #0e2c6b; background: #0e2c6b;
img { img {
position: absolute; position: absolute;
right: 20px; right: 20px;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
} }
&:hover { &:hover {
background: #061a4d; background: #061a4d;
img { img {
right: 17px; right: 17px;
} }
} }
&:focus { &:focus {
background: #0e2c6b; background: #0e2c6b;
img { img {
right: 20px; right: 20px;
} }
} }
&:active { &:active {
background: #061a4d; background: #061a4d;
img { img {
right: 17px; right: 17px;
} }
} }
} }
.newsBanner { .newsBanner {
position: relative; position: relative;
.newsBanner-item { .newsBanner-item {
height: 100%; height: 100%;
width: 100%; width: 100%;
position: relative; position: relative;
.newsBanner-tp { .newsBanner-tp {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.newsBannerB { .newsBannerB {
position: absolute; position: absolute;
width: 100%; width: 100%;
...@@ -1643,6 +1762,7 @@ export default { ...@@ -1643,6 +1762,7 @@ export default {
height: 50px; height: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
.newsBanner-title { .newsBanner-title {
height: 50px; height: 50px;
width: 100%; width: 100%;
...@@ -1658,32 +1778,41 @@ export default { ...@@ -1658,32 +1778,41 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid #c5d8ee; border-bottom: 1px solid #c5d8ee;
.nav-item { .nav-item {
flex: 1; flex: 1;
} }
span { span {
border-right: 1px solid #e1e6f0; border-right: 1px solid #e1e6f0;
} }
} }
.tabs2 { .tabs2 {
border: 0; border: 0;
&.row { &.row {
margin: 0; margin: 0;
> li { > li {
padding: 0; padding: 0;
} }
} }
.nav-item { .nav-item {
border-bottom: 1px solid #c5d8ee; border-bottom: 1px solid #c5d8ee;
} }
@media screen and(min-width:992px) {
@media screen and(min-width: 992px) {
span { span {
border-right: 1px solid #e1e6f0; border-right: 1px solid #e1e6f0;
} }
} }
} }
.nav-tabs { .nav-tabs {
font-size: 16px; font-size: 16px;
.nav-item { .nav-item {
&:last-child { &:last-child {
span { span {
...@@ -1691,51 +1820,61 @@ export default { ...@@ -1691,51 +1820,61 @@ export default {
} }
} }
} }
.nav-link { .nav-link {
border: 0; border: 0;
color: rgba(14, 44, 107, 1); color: rgba(14, 44, 107, 1);
width: 100%; width: 100%;
padding: 0; padding: 0;
padding-bottom: 10px; padding-bottom: 10px;
&.active, &.active,
&:hover { &:hover {
border-bottom: 3px solid #f26335; border-bottom: 3px solid #f26335;
color: rgba(242, 99, 53, 1); color: rgba(242, 99, 53, 1);
font-weight: 600; font-weight: 600;
} }
span { span {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
} }
} }
} }
.cate { .cate {
color: #0e2c6b; color: #0e2c6b;
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
// font-family: PingFangSC-Medium, PingFang SC; // font-family: PingFangSC-Medium, PingFang SC;
} }
.ywdt { .ywdt {
.row { .row {
margin: 0; margin: 0;
> div { > div {
padding: 0; padding: 0;
} }
} }
.ywdt-cate { .ywdt-cate {
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
height: 73px; height: 73px;
padding-left: 24px; padding-left: 24px;
&.ywdt-cate-bj1 { &.ywdt-cate-bj1 {
background: url("../../assets/image/home/ywdt-cate-bj1.png") no-repeat; background: url("../../assets/image/home/ywdt-cate-bj1.png") no-repeat;
background-size: cover; background-size: cover;
} }
&.ywdt-cate-bj2 { &.ywdt-cate-bj2 {
background: url("../../assets/image/home/ywdt-cate-bj2.png") no-repeat; background: url("../../assets/image/home/ywdt-cate-bj2.png") no-repeat;
background-size: cover; background-size: cover;
} }
span { span {
&:nth-child(1) { &:nth-child(1) {
color: #0e2c6b; color: #0e2c6b;
...@@ -1743,6 +1882,7 @@ export default { ...@@ -1743,6 +1882,7 @@ export default {
// font-family: PingFangSC-Medium, PingFang SC; // font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600; font-weight: 600;
} }
&:nth-child(2) { &:nth-child(2) {
color: #0e2c6b; color: #0e2c6b;
font-size: 14px; font-size: 14px;
...@@ -1750,8 +1890,10 @@ export default { ...@@ -1750,8 +1890,10 @@ export default {
} }
} }
} }
.wbsxtcy { .wbsxtcy {
text-align: center; text-align: center;
.wbsxtcy-btn { .wbsxtcy-btn {
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto;
...@@ -1763,12 +1905,14 @@ export default { ...@@ -1763,12 +1905,14 @@ export default {
margin-top: 20px; margin-top: 20px;
} }
} }
.ywdt-kj { .ywdt-kj {
// padding: 10px 0; // padding: 10px 0;
> div { > div {
// margin: 10px 0; // margin: 10px 0;
text-align: center; text-align: center;
} }
.ywdt-tp { .ywdt-tp {
// margin-bottom: 14px; // margin-bottom: 14px;
cursor: pointer; cursor: pointer;
...@@ -1777,6 +1921,7 @@ export default { ...@@ -1777,6 +1921,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.ywdt-bt { .ywdt-bt {
color: #0e2c6b; color: #0e2c6b;
font-size: 14px; font-size: 14px;
...@@ -1785,51 +1930,62 @@ export default { ...@@ -1785,51 +1930,62 @@ export default {
// font-family: PingFangSC-Medium, PingFang SC; // font-family: PingFangSC-Medium, PingFang SC;
} }
} }
.wsxtcy { .wsxtcy {
.ywdt-tp { .ywdt-tp {
// margin-bottom: 8px; // margin-bottom: 8px;
} }
} }
.wsylqy, .wsylqy,
.kjywblzq { .kjywblzq {
.ywdt-cate { .ywdt-cate {
height: 52px; height: 52px;
} }
.ywdt-bt { .ywdt-bt {
width: 125px; width: 125px;
margin: 0 auto; margin: 0 auto;
} }
} }
.whbsxtcy-row { .whbsxtcy-row {
> div { > div {
height: 128px; height: 128px;
} }
.ywdt-tp { .ywdt-tp {
height: 84px; height: 84px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
} }
.wsxtcy-row { .wsxtcy-row {
> div { > div {
height: 106px; height: 106px;
} }
.ywdt-tp { .ywdt-tp {
height: 60px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
} }
.wsylqy-row { .wsylqy-row {
height: 130px; height: 130px;
.ywdt-tp { .ywdt-tp {
height: 70px; height: 70px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
} }
.kjywblzq-row { .kjywblzq-row {
height: 130px; height: 130px;
.ywdt-tp { .ywdt-tp {
height: 70px; height: 70px;
display: flex; display: flex;
...@@ -1837,23 +1993,25 @@ export default { ...@@ -1837,23 +1993,25 @@ export default {
} }
} }
} }
.dzfw { .dzfw {
.row { .row {
> .dzfw-li { > .dzfw-li {
// padding: 0 10px; // padding: 0 10px;
cursor: pointer; cursor: pointer;
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
background: url("../../assets/image/home/line.png") no-repeat right background: url("../../assets/image/home/line.png") no-repeat right center;
center;
&:nth-child(-n + 3) { &:nth-child(-n + 3) {
.dzfw-border { .dzfw-border {
border: 0; border: 0;
} }
} }
} }
&:nth-child(3n) { &:nth-child(3n) {
background: none; background: none;
} }
.dzfw-border { .dzfw-border {
text-align: center; text-align: center;
// padding: 25px 0; // padding: 25px 0;
...@@ -1866,12 +2024,14 @@ export default { ...@@ -1866,12 +2024,14 @@ export default {
height: 120px; height: 120px;
} }
} }
.dzfw-tp { .dzfw-tp {
height: 40px; height: 40px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.dzfw-bt { .dzfw-bt {
width: 120px; width: 120px;
font-size: 14px; font-size: 14px;
...@@ -1884,25 +2044,31 @@ export default { ...@@ -1884,25 +2044,31 @@ export default {
} }
} }
} }
.chaxun { .chaxun {
padding: 16px 0; padding: 16px 0;
background: #f0f5fa; background: #f0f5fa;
border-radius: 6px; border-radius: 6px;
margin-top: 20px; margin-top: 20px;
.chaxun-kj { .chaxun-kj {
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;
} }
.row { .row {
margin: 0; margin: 0;
> * { > * {
padding: 0; padding: 0;
} }
} }
.chaxun-right { .chaxun-right {
height: 40px; height: 40px;
background: #f26335; background: #f26335;
border-radius: 4px; border-radius: 4px;
button { button {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -1913,6 +2079,7 @@ export default { ...@@ -1913,6 +2079,7 @@ export default {
} }
} }
} }
.spqqsfz { .spqqsfz {
background: #2f579c url("../../assets/image/home/spqqsfz-bj.png") no-repeat; background: #2f579c url("../../assets/image/home/spqqsfz-bj.png") no-repeat;
padding: 30px 0; padding: 30px 0;
...@@ -1921,6 +2088,7 @@ export default { ...@@ -1921,6 +2088,7 @@ export default {
@media screen and (max-width: 765px) { @media screen and (max-width: 765px) {
padding: 15px 0; padding: 15px 0;
} }
.spqqsfz-cate { .spqqsfz-cate {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -1939,23 +2107,28 @@ export default { ...@@ -1939,23 +2107,28 @@ export default {
// font-family: PingFangSC-Regular, PingFang SC; // font-family: PingFangSC-Regular, PingFang SC;
} }
} }
.spqqsfz-cont { .spqqsfz-cont {
// background: #fff url("../../assets/image/home/spqqsfz-bj2.png") no-repeat; // background: #fff url("../../assets/image/home/spqqsfz-bj2.png") no-repeat;
position: relative; position: relative;
background: #fff; background: #fff;
border-radius: 6px; border-radius: 6px;
&.row { &.row {
margin: 0; margin: 0;
} }
> * { > * {
height: 300px; height: 300px;
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
height: 240px; height: 240px;
} }
} }
.spqqsfz-cont-left { .spqqsfz-cont-left {
.spqqsfz-cont-left-tp { .spqqsfz-cont-left-tp {
text-align: center; text-align: center;
img { img {
max-height: 100%; max-height: 100%;
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
...@@ -1964,10 +2137,12 @@ export default { ...@@ -1964,10 +2137,12 @@ export default {
} }
} }
} }
.spqqsfz-cont-right { .spqqsfz-cont-right {
position: relative; position: relative;
background: url("../../assets/image/home/spqqsfz-bj2.png") no-repeat; background: url("../../assets/image/home/spqqsfz-bj2.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.right-cont { .right-cont {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -1977,28 +2152,35 @@ export default { ...@@ -1977,28 +2152,35 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
.row { .row {
color: #ffffff; color: #ffffff;
// padding: 0; // padding: 0;
margin: 0; margin: 0;
&:nth-child(1) { &:nth-child(1) {
font-size: 24px; font-size: 24px;
} }
&:nth-child(2) { &:nth-child(2) {
font-size: 16px; font-size: 16px;
> div { > div {
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
&:nth-child(2) { &:nth-child(2) {
margin-top: 10px; margin-top: 10px;
} }
} }
.pp { .pp {
font-size: 18px; font-size: 18px;
margin-right: 35px; margin-right: 35px;
} }
} }
.spqqsfz-btn { .spqqsfz-btn {
width: 172px; width: 172px;
height: 41px; height: 41px;
...@@ -2008,6 +2190,7 @@ export default { ...@@ -2008,6 +2190,7 @@ export default {
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
position: relative; position: relative;
span { span {
margin-left: 18px; margin-left: 18px;
} }
...@@ -2017,6 +2200,7 @@ export default { ...@@ -2017,6 +2200,7 @@ export default {
} }
} }
} }
.home-bottom { .home-bottom {
// padding: 40px 0; // padding: 40px 0;
.home-bottom-cate { .home-bottom-cate {
...@@ -2026,16 +2210,19 @@ export default { ...@@ -2026,16 +2210,19 @@ export default {
// font-family: PingFangSC-Medium, PingFang SC; // font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600; font-weight: 600;
} }
.home-bottom-cont { .home-bottom-cont {
margin: 0; margin: 0;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
> div { > div {
background: #fff; background: #fff;
margin-top: 40px; margin-top: 40px;
} }
} }
.djwh-tp { .djwh-tp {
img { img {
width: 100%; width: 100%;
...@@ -2046,8 +2233,10 @@ export default { ...@@ -2046,8 +2233,10 @@ export default {
} }
} }
} }
.smallPCImages { .smallPCImages {
margin: 40px 0; margin: 40px 0;
.smallPCImages-item { .smallPCImages-item {
img { img {
width: 100%; width: 100%;
...@@ -2055,8 +2244,10 @@ export default { ...@@ -2055,8 +2244,10 @@ export default {
} }
} }
} }
.advert { .advert {
margin: 40px 0; margin: 40px 0;
.carousel-item { .carousel-item {
img { img {
width: 100%; width: 100%;
...@@ -2072,13 +2263,16 @@ export default { ...@@ -2072,13 +2263,16 @@ export default {
justify-content: center; justify-content: center;
overflow-y: auto; overflow-y: auto;
max-height: 80vh; max-height: 80vh;
.dzfwDialog-ul { .dzfwDialog-ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0; padding: 0;
margin: 0; margin: 0;
li { li {
width: 140px; width: 140px;
.li-kj { .li-kj {
width: 100px; width: 100px;
height: 106px; height: 106px;
...@@ -2091,11 +2285,13 @@ export default { ...@@ -2091,11 +2285,13 @@ export default {
align-items: center; align-items: center;
margin: 20px auto; margin: 20px auto;
} }
.dzfwDialog-title { .dzfwDialog-title {
color: #0e2c6b; color: #0e2c6b;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
} }
.dzfwDialog-checkbox { .dzfwDialog-checkbox {
position: absolute; position: absolute;
right: 0; right: 0;
...@@ -2104,6 +2300,7 @@ export default { ...@@ -2104,6 +2300,7 @@ export default {
} }
} }
} }
.dzfwMessage { .dzfwMessage {
p { p {
text-align: center; text-align: center;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment