|
@@ -0,0 +1,1906 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <!-- 页面头部 -->
|
|
|
+ <HomePageHead></HomePageHead>
|
|
|
+
|
|
|
+ <!-- 页面导航 -->
|
|
|
+ <HomePageNavigation></HomePageNavigation>
|
|
|
+ <!-- <HomePageNavigation1></HomePageNavigation1> -->
|
|
|
+
|
|
|
+ <!-- 资讯 -->
|
|
|
+ <HomePageMessage></HomePageMessage>
|
|
|
+
|
|
|
+ <!-- 十强称号logo -->
|
|
|
+ <HomeAdvertising></HomeAdvertising>
|
|
|
+ <!-- <HomeTopTenTitle></HomeTopTenTitle> -->
|
|
|
+
|
|
|
+ <!-- 更多服务 -->
|
|
|
+ <HomeMoreService></HomeMoreService>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 三农资讯logo -->
|
|
|
+ <HomeSannongzixun></HomeSannongzixun>
|
|
|
+
|
|
|
+ <!-- 模块一 -->
|
|
|
+ <div class="farming">
|
|
|
+ <div class="inner">
|
|
|
+ <div class="farmerLeft">
|
|
|
+ <div class="farmer">
|
|
|
+ <h3>
|
|
|
+ {{ pageData[0].alias }}
|
|
|
+ <NuxtLink
|
|
|
+ :to="{ path: `/newsList/${pageData[0].cid}`, query: { catid: pageData[0].cid } }"
|
|
|
+ target="_blank" v-if="pageData[0].cid">
|
|
|
+ 查看更多
|
|
|
+ </NuxtLink>
|
|
|
+ </h3>
|
|
|
+ <ul>
|
|
|
+ <li v-for="item in boxData1">
|
|
|
+ <em></em>
|
|
|
+ <NuxtLink
|
|
|
+ :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
|
+ target="_blank">{{ item.title }}</NuxtLink>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="farmerbottom">
|
|
|
+ <!-- <img class="left"
|
|
|
+ src="../static/images/rgmezdvz_19982_A_Chinese_farmer_carrying_a_hoe_is_hoeing_the_fi_a036c7b3-b05e-4d3d-a371-0bed91ec1ff8.png"
|
|
|
+ alt=""> -->
|
|
|
+
|
|
|
+ <img class="left" :src="boxData2[0].imgurl" v-if="boxData2[0] && hoverStatus == 0">
|
|
|
+ <img class="left" :src="boxData2[1].imgurl" v-if="boxData2[1] && hoverStatus == 1">
|
|
|
+ <img class="left" :src="boxData2[2].imgurl" v-if="boxData2[2] && hoverStatus == 2">
|
|
|
+ <img class="left" :src="boxData2[3].imgurl" v-if="boxData2[3] && hoverStatus == 3">
|
|
|
+ <img class="left" :src="boxData2[4].imgurl" v-if="boxData2[4] && hoverStatus == 4">
|
|
|
+ <img class="left" :src="boxData2[5].imgurl" v-if="boxData2[5] && hoverStatus == 5">
|
|
|
+
|
|
|
+ <ul class="leftList left">
|
|
|
+
|
|
|
+ <li v-for='(item, index) in boxData2' @mouseenter="qhPic(index)">
|
|
|
+ <NuxtLink
|
|
|
+ :to="{ path: `/newsDetail/${item.id}`, query: { listId: routeId, listName: routeName } }"
|
|
|
+ target="_blank">
|
|
|
+ <h4>
|
|
|
+ <em></em>
|
|
|
+ {{ item.title }}
|
|
|
+ </h4>
|
|
|
+ <!-- <p>{{ item.introduce }}</p> -->
|
|
|
+ </NuxtLink>
|
|
|
+
|
|
|
+ </li>
|
|
|
+ <!-- <li>
|
|
|
+ <h4>
|
|
|
+ <em></em>
|
|
|
+ 仪征市农业农村局召开
|
|
|
+ </h4>
|
|
|
+ <p>高邮市周山镇开展渔业安全生产应急高邮市周山镇开展渔业</p>
|
|
|
+ </li> -->
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="farmerRight">
|
|
|
+ <!-- 致富信息 -->
|
|
|
+ <div class="rich">
|
|
|
+ <h3>
|
|
|
+ {{ pageData[1].alias }}
|
|
|
+ <NuxtLink
|
|
|
+ :to="{ path: `/newsList/${pageData[1].cid}`, query: { catid: pageData[1].cid } }"
|
|
|
+ target="_blank" v-if="pageData[1].cid">
|
|
|
+ 查看更多
|
|
|
+ </NuxtLink>
|
|
|
+ </h3>
|
|
|
+ <!-- <div class="photo">
|
|
|
+ <div class="photoL" v-for="item in boxData4">
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">
|
|
|
+ <img :src="item.imgurl">
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <ul>
|
|
|
+ <li v-for="item in boxData3">
|
|
|
+ <em></em>
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">{{ item.title }}</NuxtLink>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- 轮播图 -->
|
|
|
+ <div class="banner">
|
|
|
+ <HomeSmallSwiper1 :message="pageData[1].cid"></HomeSmallSwiper1>
|
|
|
+ <!-- <HomeSmallSwiper :swiperData="navigation1[17].data"></HomeSmallSwiper> -->
|
|
|
+ </div>
|
|
|
+ <!-- 轮播图下小图列表 及内容列表 -->
|
|
|
+ <div class="photo">
|
|
|
+ <div class="photoL" v-for="item in boxData4">
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">
|
|
|
+ <img :src="item.imgurl">
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 三农调查 -->
|
|
|
+ <!-- <div class="inquire">
|
|
|
+ <h3>
|
|
|
+ 三农调查
|
|
|
+ <span>查看更多</span>
|
|
|
+ </h3>
|
|
|
+ <p>郑州17名警察因出警慢被关禁闭,你怎么看?</p>
|
|
|
+
|
|
|
+ <div class="radio">
|
|
|
+ <el-radio-group v-model="radio1" text-color=#33B023>
|
|
|
+ <el-radio value="1" size="large">支持,警察不关心百姓应惩罚</el-radio>
|
|
|
+ <el-radio value="2" size="large">反对,这件事就关禁闭不合理</el-radio>
|
|
|
+ <el-radio value="3" size="large">建议其他部门效仿此做法</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="btn">
|
|
|
+ <button class="voting">投票</button>
|
|
|
+ <button class="look">查看</button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 十强称号logo -->
|
|
|
+ <HomeTopTenTitle></HomeTopTenTitle>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 三农科教 -->
|
|
|
+ <div class="scienceEducation">
|
|
|
+ <div class="inner">
|
|
|
+ <!-- 左侧 -->
|
|
|
+ <div class="scienceLeft">
|
|
|
+ <HomeSlider :message="pageData[2]"></HomeSlider>
|
|
|
+ </div>
|
|
|
+ <!-- 右侧 -->
|
|
|
+ <div class="scienceRight">
|
|
|
+ <!-- 标题部分 -->
|
|
|
+ <h3>
|
|
|
+ {{ pageData[3].alias }}
|
|
|
+ <NuxtLink
|
|
|
+ :to="{ path: `/newsList/${pageData[3].cid}`, query: { catid: pageData[3].cid } }"
|
|
|
+ target="_blank" v-if="pageData[3].cid">
|
|
|
+ 查看更多
|
|
|
+ </NuxtLink>
|
|
|
+ </h3>
|
|
|
+ <!-- 轮播图 -->
|
|
|
+ <div class="banner">
|
|
|
+ <HomeSmallSwiper1 :message="pageData[3].cid"></HomeSmallSwiper1>
|
|
|
+ <!-- <HomeSmallSwiper :swiperData="navigation1[17].data"></HomeSmallSwiper> -->
|
|
|
+ </div>
|
|
|
+ <!-- 轮播图下小图列表 及内容列表 -->
|
|
|
+ <div class="banner_b_img">
|
|
|
+ <div class="photo">
|
|
|
+ <div class="photoL" v-for="item in boxData6">
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">
|
|
|
+ <img :src="item.imgurl">
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <ul>
|
|
|
+ <li v-for="item in boxData5">
|
|
|
+ <em></em>
|
|
|
+ <!-- <span>{{ item.title }}</span> -->
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">{{ item.title }}</NuxtLink>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 农副产品十强光荣称号logo -->
|
|
|
+ <HomeTopTen></HomeTopTen>
|
|
|
+
|
|
|
+ <!--打假维权 产业动态 -->
|
|
|
+ <div class="dynamic">
|
|
|
+ <div class="inner">
|
|
|
+ <div class="innerLeft">
|
|
|
+ <!-- 标题部分 -->
|
|
|
+ <div class="title">
|
|
|
+ <h3>
|
|
|
+ {{ pageData[4].alias }}
|
|
|
+ <NuxtLink
|
|
|
+ :to="{ path: `/newsList/${pageData[4].cid}`, query: { catid: pageData[4].cid } }"
|
|
|
+ target="_blank" v-if="pageData[4].cid">
|
|
|
+ 查看更多
|
|
|
+ </NuxtLink>
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
+ <!-- 维权 protect rights -->
|
|
|
+ <div class="protectRights">
|
|
|
+ <div class="photoList">
|
|
|
+ <div class="top" v-for="item in boxData8">
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">
|
|
|
+ <img :src="item.imgurl" alt="">
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <ul class="bottom">
|
|
|
+ <li v-for="item in boxData88">
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">
|
|
|
+ <img :src="item.imgurl" alt="">
|
|
|
+ <p>{{ item.title }}</p>
|
|
|
+ </NuxtLink>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <ul class="textList">
|
|
|
+ <li v-for="item in boxData9">
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">
|
|
|
+ <h4>
|
|
|
+ <em></em>
|
|
|
+ {{ item.title }}
|
|
|
+ </h4>
|
|
|
+ <!-- <p>{{ item.introduce }}</p> -->
|
|
|
+ </NuxtLink>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="innerRight">
|
|
|
+ <!-- 标题部分 -->
|
|
|
+ <div class="title">
|
|
|
+ <h3>
|
|
|
+ {{ pageData[5].alias }}
|
|
|
+ <NuxtLink
|
|
|
+ :to="{ path: `/newsList/${pageData[5].cid}`, query: { catid: pageData[5].cid } }"
|
|
|
+ target="_blank" v-if="pageData[5].cid">
|
|
|
+ 查看更多
|
|
|
+ </NuxtLink>
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
+ <ul class="dynamicList">
|
|
|
+ <li v-for="item in boxData10">
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">
|
|
|
+ <img :src="item.imgurl" alt="">
|
|
|
+ <div class="text">
|
|
|
+ <h5>{{ item.title }}</h5>
|
|
|
+ <p>作者:{{ item.author }}</p>
|
|
|
+ </div>
|
|
|
+ </NuxtLink>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 三农资讯logo -->
|
|
|
+ <HomeSannongzixun></HomeSannongzixun>
|
|
|
+
|
|
|
+ <!--政策法规 -->
|
|
|
+ <div class="policy">
|
|
|
+ <div class="inner">
|
|
|
+ <div class="innerLeft">
|
|
|
+ <div class="title">
|
|
|
+ <h3>
|
|
|
+ {{ pageData[6].alias }}
|
|
|
+ <NuxtLink
|
|
|
+ :to="{ path: `/newsList/${pageData[6].cid}`, query: { catid: pageData[6].cid } }"
|
|
|
+ target="_blank" v-if="pageData[6].cid">
|
|
|
+ 查看更多
|
|
|
+ </NuxtLink>
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
+ <ul class="policyList">
|
|
|
+ <li v-for="item in boxData11">
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">
|
|
|
+ <img :src="item.imgurl">
|
|
|
+ <div class="text">
|
|
|
+ <h5>{{ item.title }}</h5>
|
|
|
+ <p>
|
|
|
+ <span class="left">来源:{{ item.copyfrom }}</span>
|
|
|
+ <span class="left">作者:{{ item.author }}</span>
|
|
|
+ <span class="right">{{ item.created_at }}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </NuxtLink>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="innerRight">
|
|
|
+ <div class="title">
|
|
|
+ <h3>
|
|
|
+ {{ pageData[7].alias }}
|
|
|
+ <NuxtLink
|
|
|
+ :to="{ path: `/newsList/${pageData[7].cid}`, query: { catid: pageData[7].cid } }"
|
|
|
+ target="_blank" v-if="pageData[7].cid">
|
|
|
+ 查看更多
|
|
|
+ </NuxtLink>
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
+ <!-- 轮播图 -->
|
|
|
+ <div class="banner">
|
|
|
+ <HomeSmallSwiper1 :message="pageData[7].cid" v-show="pageData[7] != ''"></HomeSmallSwiper1>
|
|
|
+ <!-- <HomeSmallSwiper :swiperData="navigation1[20].data"></HomeSmallSwiper> -->
|
|
|
+ </div>
|
|
|
+ <!-- 轮播图下小图列表 及内容列表 -->
|
|
|
+ <div class="banner_b_img">
|
|
|
+ <div class="photo">
|
|
|
+ <div class="photoL" v-for="item in boxData13">
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">
|
|
|
+ <img :src="item.imgurl">
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
+ </NuxtLink>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <ul>
|
|
|
+ <li v-for="item in boxData12">
|
|
|
+ <em></em>
|
|
|
+ <NuxtLink :to="`/newsDetail/${item.id}`" target="_blank">{{ item.title }}</NuxtLink>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 页面底部 -->
|
|
|
+ <HomeFoot></HomeFoot>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+
|
|
|
+import { ref, onMounted } from 'vue'
|
|
|
+import { ElRadio, ElRadioGroup } from 'element-plus'
|
|
|
+const nuxtApp = useNuxtApp();
|
|
|
+const axios = nuxtApp.$axios;
|
|
|
+
|
|
|
+const aa = ref(21);
|
|
|
+
|
|
|
+const hoverStatus = ref(1)
|
|
|
+const qhPic = function (num) {
|
|
|
+ console.log('--------------------------------------------');
|
|
|
+
|
|
|
+ console.log('qhPic', num)
|
|
|
+ hoverStatus.value = num;
|
|
|
+}
|
|
|
+const info = ref("");
|
|
|
+const getInfo = async () => {
|
|
|
+ const response = await axios.get(`/web/getWebsiteFootInfo`);
|
|
|
+ info.value = response.data.website_head;
|
|
|
+ console.log('3333333333333333333333333')
|
|
|
+ console.log(info.value)
|
|
|
+}
|
|
|
+
|
|
|
+// 定义响应式数据
|
|
|
+const seoData = ref({
|
|
|
+ title: '默认标题',
|
|
|
+ description: '默认描述',
|
|
|
+ keywords: '默认关键词',
|
|
|
+ image: 'https://example.com/default-image.jpg'
|
|
|
+});
|
|
|
+
|
|
|
+// 在 onMounted 钩子中获取数据
|
|
|
+onMounted(async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get('/web/getWebsiteFootInfo');
|
|
|
+ const data = response.data.website_head; // 假设接口返回的数据在 data 字段中
|
|
|
+ console.log(seoData.value.title)
|
|
|
+ // 更新 seoData
|
|
|
+ seoData.value = {
|
|
|
+ title: data.title,
|
|
|
+ description: data.description,
|
|
|
+ keywords: data.keywords,
|
|
|
+ image: data.image
|
|
|
+ };
|
|
|
+ console.log(seoData.value.title)
|
|
|
+
|
|
|
+ } catch (error) {
|
|
|
+ console.error('获取 SEO 数据失败:', error);
|
|
|
+ // 设置默认值
|
|
|
+ seoData.value = {
|
|
|
+ title: '默认标题',
|
|
|
+ description: '默认描述',
|
|
|
+ keywords: '默认关键词',
|
|
|
+ image: 'https://example.com/default-image.jpg'
|
|
|
+ };
|
|
|
+ }
|
|
|
+});
|
|
|
+
|
|
|
+// 监听 seoData 的变化,动态设置 SEO 字段
|
|
|
+watch(seoData, (newVal) => {
|
|
|
+ if (newVal.title) { // 确保 title 有值
|
|
|
+ useSeoMeta({
|
|
|
+ title: newVal.title, // 使用动态值
|
|
|
+ description: newVal.description,
|
|
|
+ ogTitle: newVal.title,
|
|
|
+ ogDescription: newVal.description,
|
|
|
+ ogImage: newVal.image,
|
|
|
+ twitterTitle: newVal.title,
|
|
|
+ twitterDescription: newVal.description,
|
|
|
+ twitterImage: newVal.image,
|
|
|
+ keywords: newVal.keywords
|
|
|
+ });
|
|
|
+ }
|
|
|
+}, { immediate: true });
|
|
|
+
|
|
|
+const radio1 = ref('1');
|
|
|
+let index = ref(0)
|
|
|
+
|
|
|
+onMounted(() => {
|
|
|
+ getInfo();
|
|
|
+
|
|
|
+})
|
|
|
+
|
|
|
+const pageData = ref([
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] },
|
|
|
+ { cid: "", title: "", data: [] }
|
|
|
+]);
|
|
|
+
|
|
|
+//获取导航一的栏目
|
|
|
+const navigation1 = ref("");
|
|
|
+const navigateList = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelCategory?placeid=${1}&pid=${0}&num=${20}`);
|
|
|
+ console.log('成功获得1级导航1111', pageData.value);
|
|
|
+ pageData.value = response.data;
|
|
|
+ for (let index in response.data) {
|
|
|
+ pageData.value[index].title = response.data[index].name
|
|
|
+ pageData.value[index].cid = response.data[index].category_id
|
|
|
+ }
|
|
|
+ //console.log('成功获得1级导航3333', pageData.value);
|
|
|
+ //console.log(pageData.value[0].cid)
|
|
|
+
|
|
|
+ //14
|
|
|
+ //获取模块中的数据1
|
|
|
+ getWebsiteModelArticles();
|
|
|
+ //获取模块中的数据2
|
|
|
+ getWebsiteModelArticles2();
|
|
|
+ //15
|
|
|
+ //获取模块中的数据3
|
|
|
+ getWebsiteModelArticles3();
|
|
|
+ //获取模块中的数据4
|
|
|
+ getWebsiteModelArticles4();
|
|
|
+ //17
|
|
|
+ //获取模块中的数据5
|
|
|
+ getWebsiteModelArticles5();
|
|
|
+ //获取模块中的数据6
|
|
|
+ getWebsiteModelArticles6()
|
|
|
+ //获取模块中的数据7
|
|
|
+ getWebsiteModelArticles7()
|
|
|
+ //18
|
|
|
+ //获取模块中的数据8
|
|
|
+ getWebsiteModelArticles8();
|
|
|
+ //获取模块中的数据9
|
|
|
+ getWebsiteModelArticles9()
|
|
|
+ getWebsiteModelArticles88()
|
|
|
+ //19
|
|
|
+ //获取模块中的数据10
|
|
|
+ getWebsiteModelArticles10()
|
|
|
+ //20
|
|
|
+ //获取模块中的数据11
|
|
|
+ getWebsiteModelArticles11()
|
|
|
+ //21
|
|
|
+ //获取模块中的数据12
|
|
|
+ getWebsiteModelArticles12()
|
|
|
+ //获取模块中的数据13
|
|
|
+ getWebsiteModelArticles13()
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+//获取模块中的数据 getWebsiteModelArticles
|
|
|
+//14
|
|
|
+const boxData1 = ref("");
|
|
|
+const getWebsiteModelArticles = async () => {
|
|
|
+ try {
|
|
|
+ // const response = await axios.get(`/web/getWebsiteModelArticles?catid=${14}&level=${1}&pagesize=${10}`);
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[0].cid}&level=${1}&pagesize=${10}`);
|
|
|
+ console.log('获得第一个板块的内容', response.data);
|
|
|
+ boxData1.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+const boxData2 = ref("");
|
|
|
+const getWebsiteModelArticles2 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[0].cid}&level=${3}&pagesize=${6}`);
|
|
|
+ console.log('mouseenter', response.data);
|
|
|
+ boxData2.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//15
|
|
|
+const boxData3 = ref("");
|
|
|
+const getWebsiteModelArticles3 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[1].cid}&level=${1}&pagesize=${5}`);
|
|
|
+ console.log('一级导航', response.data);
|
|
|
+ boxData3.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+const boxData4 = ref("");
|
|
|
+const getWebsiteModelArticles4 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[1].cid}&level=${3}&pagesize=${2}`);
|
|
|
+ console.log('boxData4', response.data);
|
|
|
+ boxData4.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//17
|
|
|
+const boxData5 = ref("");
|
|
|
+const getWebsiteModelArticles5 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[3].cid}&level=${1}&pagesize=${5}`);
|
|
|
+ console.log('一级导航', response.data);
|
|
|
+ boxData5.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+const boxData6 = ref("");
|
|
|
+const getWebsiteModelArticles6 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[3].cid}&level=${3}&pagesize=${2}`);
|
|
|
+ console.log('boxData6', response.data);
|
|
|
+ boxData6.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+const boxData7 = ref("");
|
|
|
+const getWebsiteModelArticles7 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[3].cid}&level=${3}&pagesize=${2}`);
|
|
|
+ console.log('一级导航', response.data);
|
|
|
+ boxData7.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//18
|
|
|
+const boxData8 = ref("");
|
|
|
+const getWebsiteModelArticles8 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[3].cid}&level=${3}&pagesize=${1}`);
|
|
|
+ console.log('一级导航', response.data);
|
|
|
+ boxData8.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+const boxData88 = ref("");
|
|
|
+const getWebsiteModelArticles88 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[3].cid}&level=${3}&pagesize=${2}&placeid=${1}`);
|
|
|
+ console.log('一级导航', response.data);
|
|
|
+ boxData88.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+const boxData9 = ref("");
|
|
|
+const getWebsiteModelArticles9 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[3].cid}&level=${1}&pagesize=${12}`);
|
|
|
+ console.log('boxData9', response.data);
|
|
|
+ boxData9.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+//19
|
|
|
+const boxData10 = ref("");
|
|
|
+const getWebsiteModelArticles10 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[4].cid}&level=${3}&pagesize=${4}`);
|
|
|
+ console.log('boxData10', response.data);
|
|
|
+ boxData10.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//22
|
|
|
+const boxData11 = ref("");
|
|
|
+const getWebsiteModelArticles11 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[5].cid}&level=${3}&pagesize=${4}`);
|
|
|
+ console.log('boxData11', response.data);
|
|
|
+ boxData11.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//21
|
|
|
+const boxData12 = ref("");
|
|
|
+const getWebsiteModelArticles12 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[6].cid}&level=${1}&pagesize=${5}`);
|
|
|
+ console.log('boxData12', response.data);
|
|
|
+ boxData12.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+const boxData13 = ref("");
|
|
|
+const getWebsiteModelArticles13 = async () => {
|
|
|
+ try {
|
|
|
+ const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[6].cid}&level=${3}&pagesize=${2}`);
|
|
|
+ console.log('boxData13', response.data);
|
|
|
+ boxData13.value = response.data;
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+onMounted(() => {
|
|
|
+ navigateList();
|
|
|
+})
|
|
|
+
|
|
|
+// 跳转更多
|
|
|
+// const goMore = (id) => {
|
|
|
+// console.log(id);
|
|
|
+// navigateTo({
|
|
|
+// path: '/primaryNavigation/newsList',
|
|
|
+// query: {
|
|
|
+// id: id // 传递id
|
|
|
+// }
|
|
|
+// })
|
|
|
+// }
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+// 农民工
|
|
|
+.farming {
|
|
|
+ width: 100%;
|
|
|
+ height: 616px;
|
|
|
+
|
|
|
+ .farmerLeft,
|
|
|
+ .farmerRight {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 左侧
|
|
|
+ .farmerLeft {
|
|
|
+ width: 790px;
|
|
|
+ height: 616px;
|
|
|
+ margin-right: 21px;
|
|
|
+
|
|
|
+ .farmer {
|
|
|
+ width: 790px;
|
|
|
+ height: 330px;
|
|
|
+
|
|
|
+ >h3 {
|
|
|
+ height: 36px;
|
|
|
+ font-family: Source Han Sans, Source Han Sans;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 28px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ border-bottom: 1px solid #139602;
|
|
|
+
|
|
|
+ >a {
|
|
|
+ float: right;
|
|
|
+ width: 56px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 24px;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >ul {
|
|
|
+ margin-top: 20px;
|
|
|
+
|
|
|
+ >li {
|
|
|
+ float: left;
|
|
|
+ width: 362px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ height: 22px;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 21px;
|
|
|
+ text-align: left;
|
|
|
+ margin-bottom: 32px;
|
|
|
+ margin-right: 27px;
|
|
|
+
|
|
|
+ >em {
|
|
|
+ display: inline-block;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ background-color: #d9d9d9;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin: 5px 8px 6px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ a {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ a:hover {
|
|
|
+ color: #139602;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >li:hover {
|
|
|
+ color: #139602;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .farmerbottom {
|
|
|
+ width: 790px;
|
|
|
+ height: 280px;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 498px;
|
|
|
+ height: 280px;
|
|
|
+ }
|
|
|
+
|
|
|
+ >.leftList {
|
|
|
+ width: 290px;
|
|
|
+ height: 280px;
|
|
|
+ background-color: #f6f6f6;
|
|
|
+ padding: 11px 26px 6px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ >li {
|
|
|
+ width: 296px;
|
|
|
+ height: 32px;
|
|
|
+ color: #666666;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 14px;
|
|
|
+
|
|
|
+ h4 {
|
|
|
+ width: 249px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-family: Source Han Sans, Source Han Sans;
|
|
|
+ height: 27px;
|
|
|
+ line-height: 21px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ font-weight: 400;
|
|
|
+
|
|
|
+ em {
|
|
|
+ display: inline-block;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ background-color: #333333;
|
|
|
+ border-radius: 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ p {
|
|
|
+ width: 249px;
|
|
|
+ height: 48px;
|
|
|
+ // line-height: 24px;
|
|
|
+ padding-left: 14px;
|
|
|
+ // color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ a {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ a:hover {
|
|
|
+ color: #139602;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >li:hover,
|
|
|
+ >li:hover>a>h4 {
|
|
|
+ color: #088f04;
|
|
|
+ }
|
|
|
+
|
|
|
+ >li:hover>a>h4>em {
|
|
|
+ background-color: #088f04;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ // 右侧
|
|
|
+ .farmerRight {
|
|
|
+ width: 380px;
|
|
|
+ height: 600px;
|
|
|
+
|
|
|
+ .rich,
|
|
|
+ .inquire {
|
|
|
+ width: 100%;
|
|
|
+ height: 309px;
|
|
|
+
|
|
|
+ // 标题部分
|
|
|
+ >h3 {
|
|
|
+ height: 36px;
|
|
|
+ font-family: Source Han Sans, Source Han Sans;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 28px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ border-bottom: 1px solid #139602;
|
|
|
+
|
|
|
+ >a,
|
|
|
+ >span {
|
|
|
+ float: right;
|
|
|
+ width: 56px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 24px;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 图片部分
|
|
|
+ .photo {
|
|
|
+ height: 104px;
|
|
|
+ margin-top: 23px;
|
|
|
+
|
|
|
+ >.photoL:first-child {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .photoL {
|
|
|
+ display: inline-block;
|
|
|
+ width: 185px;
|
|
|
+ height: 104px;
|
|
|
+ border-radius: 6px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ a {
|
|
|
+ width: 185px;
|
|
|
+ height: 104px;
|
|
|
+ }
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 185px;
|
|
|
+ height: 104px;
|
|
|
+ border-radius: 6px;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ display: inline-block;
|
|
|
+ padding-left: 7px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 185px;
|
|
|
+ height: 22px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
|
+ font-weight: 500px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 22px;
|
|
|
+ // border-radius: 6px 6px 0px 0px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .photoList {
|
|
|
+ display: inline-block;
|
|
|
+ width: 185px;
|
|
|
+ height: 104px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 185px;
|
|
|
+ height: 104px;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ display: inline-block;
|
|
|
+ width: 185px;
|
|
|
+ height: 30px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #FFFFFF;
|
|
|
+ padding-top: 7px;
|
|
|
+ padding-left: 6px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // .photoL {
|
|
|
+ // margin-right: 10px;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // 文字部分
|
|
|
+ ul {
|
|
|
+ height: 220px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ >li {
|
|
|
+ height: 25px;
|
|
|
+ padding-top: 16px;
|
|
|
+
|
|
|
+ >em {
|
|
|
+ display: inline-block;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ background-color: #d9d9d9;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin: 5px 8px 6px 5px;
|
|
|
+ margin-left: 5px;
|
|
|
+ vertical-align: middle;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ >a,
|
|
|
+ >span {
|
|
|
+ display: inline-block;
|
|
|
+ width: 340px;
|
|
|
+ height: 25px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 21px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ padding-left: 10px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ >a:hover,
|
|
|
+ >span:hover {
|
|
|
+ color: #139609;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .rich {
|
|
|
+ .photoL {
|
|
|
+ display: inline-block;
|
|
|
+ width: 185px;
|
|
|
+ height: 104px;
|
|
|
+ position: relative;
|
|
|
+ border-radius: 6px;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 185px;
|
|
|
+ height: 104px;
|
|
|
+ border-radius: 6px;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ display: inline-block;
|
|
|
+ padding-left: 7px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 185px;
|
|
|
+ height: 22px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
|
+ font-weight: 500px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 22px;
|
|
|
+ border-radius: 0px 0px 6px 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 三农调查
|
|
|
+ .inquire {
|
|
|
+ width: 380px;
|
|
|
+ height: 280px;
|
|
|
+ margin-top: 20px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
|
|
|
+ border-radius: 6px 6px 6px 6px;
|
|
|
+ padding: 4px 6px;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ p {
|
|
|
+ width: 328px;
|
|
|
+ height: 69px;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 21px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ padding: 12px 20px 0 32px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .radio {
|
|
|
+ /deep/.el-radio {
|
|
|
+ --el-radio-input-border-color-hover: #27881a;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.el-radio-group {
|
|
|
+ align-items: center;
|
|
|
+ display: inline-flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ font-size: 0;
|
|
|
+ padding-left: 35px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.el-radio.el-radio--large {
|
|
|
+ height: 29px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.el-radio.el-radio--large .el-radio__label {
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.el-radio.el-radio--large .el-radio__inner {
|
|
|
+ height: 16px;
|
|
|
+ width: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.el-radio__input.is-checked+.el-radio__label {
|
|
|
+ color: #27881a;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.el-radio__input.is-checked .el-radio__inner {
|
|
|
+ background: #33b023;
|
|
|
+ border-color: #27881a;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn {
|
|
|
+ width: 188px;
|
|
|
+ height: 32px;
|
|
|
+ margin: 20px auto;
|
|
|
+
|
|
|
+ button {
|
|
|
+ width: 70px;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ border-radius: 6px;
|
|
|
+ border: none;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+
|
|
|
+ .voting {
|
|
|
+ background-color: #33b023;
|
|
|
+ color: #fff;
|
|
|
+ margin-right: 44px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//三农科教
|
|
|
+.scienceEducation {
|
|
|
+ height: 590px;
|
|
|
+
|
|
|
+ .scienceLeft,
|
|
|
+ .scienceRight {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 左侧
|
|
|
+ .scienceLeft {
|
|
|
+ width: 790px;
|
|
|
+ height: 616px;
|
|
|
+ margin-right: 21px;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ // 右侧
|
|
|
+ .scienceRight {
|
|
|
+ width: 380px;
|
|
|
+ height: 600px;
|
|
|
+
|
|
|
+ // 标题部分
|
|
|
+ >h3 {
|
|
|
+ height: 36px;
|
|
|
+ font-family: Source Han Sans, Source Han Sans;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 28px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ border-bottom: 1px solid #139602;
|
|
|
+
|
|
|
+ >a {
|
|
|
+ float: right;
|
|
|
+ width: 56px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 24px;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 轮播图
|
|
|
+ .banner {
|
|
|
+ width: 380px;
|
|
|
+ height: 214px;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .banner_b_img {
|
|
|
+
|
|
|
+ // 图片部分
|
|
|
+ .photo {
|
|
|
+ height: 104px;
|
|
|
+ margin-top: 23px;
|
|
|
+
|
|
|
+ >.photoL:first-child {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .photoL {
|
|
|
+ display: inline-block;
|
|
|
+ width: 185px;
|
|
|
+ height: 104px;
|
|
|
+ position: relative;
|
|
|
+ border-radius: 2px;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 185px;
|
|
|
+ height: 104px;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ display: inline-block;
|
|
|
+ padding-left: 7px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 185px;
|
|
|
+ height: 22px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
|
+ font-weight: 500px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 22px;
|
|
|
+ border-radius: 2px 2px 0px 0px;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // .photoL {
|
|
|
+ // margin-right: 5px;
|
|
|
+ // }
|
|
|
+
|
|
|
+ ul {
|
|
|
+ width: 380px;
|
|
|
+ height: 186px;
|
|
|
+
|
|
|
+ >li {
|
|
|
+ height: 22px;
|
|
|
+ padding-top: 16px;
|
|
|
+
|
|
|
+ >strong {
|
|
|
+ display: inline-block;
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ background-color: #cecece;
|
|
|
+ padding-left: 6px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-family: Source Han Sans, Source Han Sans;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ >em {
|
|
|
+ display: inline-block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ border-radius: 10px;
|
|
|
+ border: 2px solid #8CBA86;
|
|
|
+ vertical-align: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ a,
|
|
|
+ span {
|
|
|
+ display: inline-block;
|
|
|
+ width: 350px;
|
|
|
+ height: 22px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 21px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ padding-left: 9px;
|
|
|
+ }
|
|
|
+
|
|
|
+ >a:hover,
|
|
|
+ >span:hover {
|
|
|
+ color: #139609;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//打假维权 动态
|
|
|
+.dynamic {
|
|
|
+ height: 610px;
|
|
|
+
|
|
|
+ .inner {
|
|
|
+ height: 610px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .innerLeft {
|
|
|
+ .title {
|
|
|
+ >h3 {
|
|
|
+ height: 36px;
|
|
|
+ font-family: Source Han Sans, Source Han Sans;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 28px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ border-bottom: 1px solid #139602;
|
|
|
+
|
|
|
+ >a {
|
|
|
+ float: right;
|
|
|
+ width: 56px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 24px;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .protectRights {
|
|
|
+ float: left;
|
|
|
+ margin-top: 26px;
|
|
|
+
|
|
|
+ // 右侧的图片
|
|
|
+ .photoList {
|
|
|
+ float: left;
|
|
|
+ width: 387px;
|
|
|
+ margin-right: 40px;
|
|
|
+
|
|
|
+ >.top {
|
|
|
+ width: 387px;
|
|
|
+ height: 320px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 387px;
|
|
|
+ height: 320px;
|
|
|
+ border-radius: 6px;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ display: inline-block;
|
|
|
+ width: 387px;
|
|
|
+ height: 68px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ padding: 33px 33px 8px 13px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 21px;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >.bottom {
|
|
|
+ width: 387px;
|
|
|
+ height: 202px;
|
|
|
+ margin-top: 15px;
|
|
|
+
|
|
|
+ >li {
|
|
|
+ width: 185px;
|
|
|
+ height: 210px;
|
|
|
+ float: left;
|
|
|
+ margin-right: 17px;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 185px;
|
|
|
+ height: 139px;
|
|
|
+ border-radius: 6px;
|
|
|
+ }
|
|
|
+
|
|
|
+ p {
|
|
|
+ width: 175px;
|
|
|
+ height: 63px;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-break: break-all;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 30px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ margin-left: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >li:nth-child(2) {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 右侧的文字
|
|
|
+ .textList {
|
|
|
+ float: left;
|
|
|
+ width: 340px;
|
|
|
+ height: 545px;
|
|
|
+
|
|
|
+ >li {
|
|
|
+ width: 340px;
|
|
|
+ height: 27px;
|
|
|
+ margin-bottom: 19px;
|
|
|
+
|
|
|
+ h4 {
|
|
|
+ width: 282px;
|
|
|
+ height: 25px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 21px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+
|
|
|
+ // padding-left: 14px;
|
|
|
+ em {
|
|
|
+ display: inline-block;
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ margin-right: 6px;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-color: #333333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ p {
|
|
|
+ padding-left: 14px;
|
|
|
+ width: 249px;
|
|
|
+ height: 48px;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-break: break-all;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 24px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ a {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ a:hover {
|
|
|
+ color: #139602;
|
|
|
+ }
|
|
|
+
|
|
|
+ >li:hover>a>h4,
|
|
|
+ >li:hover>a>p {
|
|
|
+ color: #139602;
|
|
|
+ }
|
|
|
+
|
|
|
+ >li:hover>a>h4>em {
|
|
|
+ background-color: #139602;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .innerRight {
|
|
|
+ .title {
|
|
|
+ >h3 {
|
|
|
+ height: 36px;
|
|
|
+ font-family: Source Han Sans, Source Han Sans;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 28px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ border-bottom: 1px solid #139602;
|
|
|
+
|
|
|
+ >a {
|
|
|
+ float: right;
|
|
|
+ width: 56px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 24px;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .dynamicList {
|
|
|
+ width: 380px;
|
|
|
+ margin-top: 26px;
|
|
|
+
|
|
|
+ >li {
|
|
|
+ width: 380px;
|
|
|
+ height: 120px;
|
|
|
+ margin-bottom: 21px;
|
|
|
+
|
|
|
+ img {
|
|
|
+ float: left;
|
|
|
+ width: 160px;
|
|
|
+ height: 120px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text {
|
|
|
+ float: left;
|
|
|
+ width: 220px;
|
|
|
+ height: 120px;
|
|
|
+ padding-left: 15px;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ >h5 {
|
|
|
+ width: 199px;
|
|
|
+ height: 52px;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-break: break-all;
|
|
|
+ padding-top: 6px;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 26px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ >p {
|
|
|
+ width: 198px;
|
|
|
+ height: 70px;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-break: break-all;
|
|
|
+ margin-top: 10px;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 24px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ li:hover {
|
|
|
+ .text {
|
|
|
+ box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1);
|
|
|
+ background-color: #fff;
|
|
|
+
|
|
|
+ h5,
|
|
|
+ p {
|
|
|
+ color: #139602;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// 政策法规
|
|
|
+.policy {
|
|
|
+ height: 678px;
|
|
|
+
|
|
|
+ .inner {
|
|
|
+ height: 678px;
|
|
|
+
|
|
|
+ .innerLeft {
|
|
|
+ width: 790px;
|
|
|
+ height: 621px;
|
|
|
+
|
|
|
+
|
|
|
+ .title {
|
|
|
+ >h3 {
|
|
|
+ height: 36px;
|
|
|
+ font-family: Source Han Sans, Source Han Sans;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 28px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ border-bottom: 1px solid #139602;
|
|
|
+
|
|
|
+ >a {
|
|
|
+ float: right;
|
|
|
+ width: 56px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 24px;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .policyList {
|
|
|
+ width: 790px;
|
|
|
+ margin-top: 20px;
|
|
|
+
|
|
|
+ >li {
|
|
|
+ width: 790px;
|
|
|
+ height: 121px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ img,
|
|
|
+ .text {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 224px;
|
|
|
+ height: 121px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .text {
|
|
|
+ width: 566px;
|
|
|
+ height: 121px;
|
|
|
+ padding-left: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+
|
|
|
+ >h5 {
|
|
|
+ padding: 13px 0 6px;
|
|
|
+ width: 536px;
|
|
|
+ height: 25px;
|
|
|
+ margin-bottom: 45px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 21px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ p {
|
|
|
+ width: 536px;
|
|
|
+ height: 30px;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-break: break-all;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 24px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+
|
|
|
+ >span:first-child {
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ li:hover {
|
|
|
+ .text {
|
|
|
+ box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1);
|
|
|
+ background-color: #fff;
|
|
|
+
|
|
|
+ h5,
|
|
|
+ p {
|
|
|
+ color: #139602;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .innerRight {
|
|
|
+
|
|
|
+ .title {
|
|
|
+ h3 {
|
|
|
+ height: 36px;
|
|
|
+ font-family: Source Han Sans, Source Han Sans;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 28px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ border-bottom: 1px solid #139602;
|
|
|
+
|
|
|
+ a {
|
|
|
+ float: right;
|
|
|
+ width: 56px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 24px;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 轮播图
|
|
|
+ .banner {
|
|
|
+ width: 380px;
|
|
|
+ height: 214px;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .banner_b_img {
|
|
|
+
|
|
|
+ // 图片部分
|
|
|
+ .photo {
|
|
|
+ height: 104px;
|
|
|
+ margin-top: 23px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .photoL {
|
|
|
+ display: inline-block;
|
|
|
+ width: 185px;
|
|
|
+ height: 104px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 185px;
|
|
|
+ height: 104px;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ // a,
|
|
|
+ span {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ display: inline-block;
|
|
|
+ padding-left: 7px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 185px;
|
|
|
+ height: 22px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
|
+ font-weight: 500px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 22px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .photoL {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ ul {
|
|
|
+ width: 380px;
|
|
|
+ height: 186px;
|
|
|
+
|
|
|
+ >li {
|
|
|
+ height: 22px;
|
|
|
+ padding-top: 16px;
|
|
|
+
|
|
|
+ >strong {
|
|
|
+ display: inline-block;
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ background-color: #cecece;
|
|
|
+ padding-left: 6px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-family: Source Han Sans, Source Han Sans;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ >em {
|
|
|
+ display: inline-block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ border-radius: 10px;
|
|
|
+ border: 2px solid #8CBA86;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ a,
|
|
|
+ >span {
|
|
|
+ display: inline-block;
|
|
|
+ width: 350px;
|
|
|
+ height: 22px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 21px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ padding-left: 9px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ a:hover,
|
|
|
+ >span:hover {
|
|
|
+ color: #139609;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|