|
|
@@ -760,2955 +760,122 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
<!-- 页面底部 -->
|
|
|
<HomeFoot></HomeFoot>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-//1.加载页面必备组件 start---------------------------------------->
|
|
|
-import { ref, onMounted } from 'vue'
|
|
|
-import { ElRadio, ElRadioGroup, ElMessage } from 'element-plus'
|
|
|
-const nuxtApp = useNuxtApp();
|
|
|
-const axios = nuxtApp.$axios;
|
|
|
-//1.加载页面必备组件 end---------------------------------------->
|
|
|
+//1.页面必备方法
|
|
|
+//1.页面必备方法
|
|
|
|
|
|
-//2.交互方法 start---------------------------------------->
|
|
|
-//2.1 新闻图片切换
|
|
|
-const hoverStatus = ref(1)
|
|
|
-const qhPic = function (num) {
|
|
|
- console.log('qhPic', num)
|
|
|
- hoverStatus.value = num;
|
|
|
-}
|
|
|
-//2.2 投票
|
|
|
-const radio1 = ref('1');
|
|
|
-let index = ref(0)
|
|
|
-let isDisabled = ref(false)
|
|
|
|
|
|
-function handleVote() {
|
|
|
- isDisabled.value = true
|
|
|
- ElMessage.success('投票成功')
|
|
|
-}
|
|
|
|
|
|
-//2.3 格式化年月日
|
|
|
-function getYear(time) {
|
|
|
- const date = new Date(time);
|
|
|
- const year = date.getFullYear();
|
|
|
- const month = date.getMonth() + 1;
|
|
|
- const day = date.getDate();
|
|
|
- return `${year}`;
|
|
|
-}
|
|
|
-function getDays(time) {
|
|
|
- const date = new Date(time);
|
|
|
- const year = date.getFullYear();
|
|
|
- const month = date.getMonth() + 1;
|
|
|
- const day = date.getDate();
|
|
|
- return `${month}-${day}`;
|
|
|
-}
|
|
|
-function getMonthandDay(time) {
|
|
|
- const date = new Date(time);
|
|
|
- const year = date.getFullYear();
|
|
|
- const month = date.getMonth() + 1;
|
|
|
- const day = date.getDate();
|
|
|
- return `${month}.${day}`;
|
|
|
-}
|
|
|
-function getDay(time) {
|
|
|
- const date = new Date(time);
|
|
|
- const year = date.getFullYear();
|
|
|
- const month = date.getMonth() + 1;
|
|
|
- const day = date.getDate();
|
|
|
- return `${day}`;
|
|
|
-}
|
|
|
-function geMonth(time) {
|
|
|
- const date = new Date(time);
|
|
|
- const year = date.getFullYear();
|
|
|
- const month = date.getMonth() + 1;
|
|
|
- const day = date.getDate();
|
|
|
- return `${year}-${month}`;
|
|
|
-}
|
|
|
-function getTime(time) {
|
|
|
- const date = new Date(time);
|
|
|
- const year = date.getFullYear();
|
|
|
- const month = date.getMonth() + 1;
|
|
|
- const day = date.getDate();
|
|
|
- return `${year}-${month}-${day}`;
|
|
|
-}
|
|
|
-
|
|
|
-//2.4 获得所有广告
|
|
|
-const adList = ref("");
|
|
|
-const aa = 'INDEDX'
|
|
|
-const getadList = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteAdvertisement?ad_tag=${aa}`);
|
|
|
- adList.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
-//2.交互方法 end---------------------------------------->
|
|
|
|
|
|
-//3.页面基本信息 start---------------------------------------->
|
|
|
-//3.1 获取网站底部信息
|
|
|
-const info = ref("");
|
|
|
-const getInfo = async () => {
|
|
|
- const response = await axios.get(`/web/getWebsiteFootInfo`);
|
|
|
- info.value = response.data.website_head;
|
|
|
-}
|
|
|
-onMounted(() => {
|
|
|
- getInfo();
|
|
|
-})
|
|
|
-
|
|
|
-//3.2 模块基本信息
|
|
|
-//预创建首页模块 调用了20个导航 这里就创建20个模块
|
|
|
-const pageData = ref([
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""},
|
|
|
- // { cid: "", title: "", data: [] ,children_count:""}
|
|
|
-]);
|
|
|
|
|
|
-//pageData[0] boxData1 boxData1data2
|
|
|
-const boxData1 = ref("");
|
|
|
-const boxData1data2 = 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=${3}&pagesize=${2}`);
|
|
|
- boxData1.value = response.data;
|
|
|
- const response2 = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[0].cid}&level=${1}&pagesize=${6}`);
|
|
|
- boxData1data2.value = response2.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[1] boxData2 boxData2
|
|
|
-const boxData2 = ref("");
|
|
|
-const getWebsiteModelArticles2 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[1].cid}&level=${3}&pagesize=${7}`);
|
|
|
- console.log('mouseenter', response.data);
|
|
|
- boxData2.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[2] boxData2 boxData3
|
|
|
-const boxData3 = ref("");
|
|
|
-const getWebsiteModelArticles3 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[2].cid}&level=${1}&pagesize=${5}`);
|
|
|
- boxData3.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[3] boxData4
|
|
|
-const boxData4 = ref("");
|
|
|
-const getWebsiteModelArticles4 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[3].cid}&level=${3}&pagesize=${4}`);
|
|
|
- console.log('boxData4', response.data);
|
|
|
- boxData4.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[4] boxData5
|
|
|
-const boxData5 = ref("");
|
|
|
-const getWebsiteModelArticles5 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[4].cid}&level=${1}&pagesize=${4}`);
|
|
|
- boxData5.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-const boxData5data2 = ref("");
|
|
|
-const getWebsiteModelArticles5data2 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[4].cid}&level=${1}&pagesize=${4}`);
|
|
|
- boxData5data2.value = response.data
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[5] boxData6
|
|
|
-const boxData6 = ref("");
|
|
|
-const getWebsiteModelArticles6 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[5].cid}&level=${3}&pagesize=${2}`);
|
|
|
- boxData6.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[6] boxData7
|
|
|
-const boxData7 = ref("");
|
|
|
-const getWebsiteModelArticles7 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[6].cid}&level=${1}&pagesize=${5}`);
|
|
|
- boxData7.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[7] boxData8
|
|
|
-const boxData8 = ref("");
|
|
|
-const getWebsiteModelArticles8 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[7].cid}&level=${3}&pagesize=${2}`);
|
|
|
- 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[7].cid}&level=${3}&pagesize=${7}&placeid=${1}`);
|
|
|
- boxData88.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[8] boxData9
|
|
|
-const boxData9 = ref("");
|
|
|
-const getWebsiteModelArticles9 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[8].cid}&level=${3}&pagesize=${2}`);
|
|
|
- boxData9.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-const boxData9data2 = ref("");
|
|
|
-const getWebsiteModelArticles9data2 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[8].cid}&level=${1}&pagesize=${6}&placeid=${3}`);
|
|
|
- boxData9data2.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[9] boxData10
|
|
|
-const boxData10 = ref("");
|
|
|
-const getWebsiteModelArticles10 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[9].cid}&level=${1}&pagesize=${3}`);
|
|
|
- boxData10.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[10] boxData11
|
|
|
-const boxData11 = ref("");
|
|
|
-const getWebsiteModelArticles11 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[10].cid}&level=${3}&pagesize=${2}`);
|
|
|
- boxData11.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-const boxData11data2 = ref("");
|
|
|
-const getWebsiteModelArticles11data2 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[10].cid}&level=${1}&pagesize=${4}&placeid=${4}`);
|
|
|
- boxData11data2.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[11] boxData12
|
|
|
-const boxData12 = ref("");
|
|
|
-const getWebsiteModelArticles12 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[11].cid}&level=${1}&pagesize=${10}`);
|
|
|
- boxData12.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[12] boxData13
|
|
|
-const boxData13 = ref("");
|
|
|
-const getWebsiteModelArticles13 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[12].cid}&level=${3}&pagesize=${2}`);
|
|
|
- boxData13.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[13] boxData14
|
|
|
-//底部模块带有子导航需要使用的4个方法 start---------------------------------------->
|
|
|
-const boxData14 = ref("");
|
|
|
-const getWebsiteModelArticles14 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[13].cid}&level=${3}&pagesize=${2}`);
|
|
|
- boxData14.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-const boxData14data2 = ref("");
|
|
|
-const getWebsiteModelArticles14data2 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[13].cid}&level=${1}&pagesize=${6}&placeid=${3}`);
|
|
|
- boxData14data2.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[13] boxData14menu
|
|
|
-const boxData14menu = ref("");
|
|
|
-const getWebsiteModelArticles14menu = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelCategory?pid=${pageData.value[13].cid}&placeid=${1}&num=${8}`);
|
|
|
- boxData14menu.value = response.data;
|
|
|
- getWebsiteModelArticles14mainData(response.data[0].category_id);//获得子导航下面的文章
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-const boxData14mainData = ref("");
|
|
|
-const getWebsiteModelArticles14mainData = async (cid) => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${cid}&level=${1}&pagesize=${4}`);
|
|
|
- boxData14mainData.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//底部模块带有子导航需要使用的4个方法 end---------------------------------------->
|
|
|
-//pageData[14] 14 没有内容 只有一个入口
|
|
|
|
|
|
-//pageData[15] boxData16
|
|
|
-//底部模块带有子导航需要使用的4个方法 start---------------------------------------->
|
|
|
-const boxData16 = ref("");
|
|
|
-const getWebsiteModelArticles16 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[15].cid}&level=${3}&pagesize=${4}`);
|
|
|
- boxData16.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-const boxData16data2 = ref("");
|
|
|
-const getWebsiteModelArticles16data2 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[15].cid}&level=${1}&pagesize=${6}&placeid=${3}`);
|
|
|
- boxData16data2.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-const boxData16menu = ref("");
|
|
|
-const getWebsiteModelArticles16menu = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelCategory?pid=${pageData.value[15].cid}&placeid=${1}&num=${100}`);
|
|
|
- boxData16menu.value = response.data;
|
|
|
- getWebsiteModelArticles16mainData(response.data[0].category_id);//获得子导航下面的文章
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-const boxData16mainData = ref("");
|
|
|
-const getWebsiteModelArticles16mainData = async (cid) => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${cid}&level=${1}&pagesize=${4}`);
|
|
|
- boxData16mainData.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//底部模块带有子导航需要使用的4个方法 end---------------------------------------->
|
|
|
-//pageData[16] 16 没有内容 只有一个入口
|
|
|
-//pageData[17] boxData18
|
|
|
-const boxData18 = ref("");
|
|
|
-const getWebsiteModelArticles18 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[12].cid}&level=${3}&pagesize=${1}`);
|
|
|
- boxData18.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-const boxData18data2 = ref("");
|
|
|
-const getWebsiteModelArticles18data2 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[12].cid}&level=${1}&pagesize=${2}`);
|
|
|
- boxData18data2.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
-//pageData[18] boxData19
|
|
|
-const boxData19 = ref("");
|
|
|
-const getWebsiteModelArticles19 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[12].cid}&level=${1}&pagesize=${3}`);
|
|
|
- boxData19.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-//pageData[19] boxData20
|
|
|
-const boxData20 = ref("");
|
|
|
-const getWebsiteModelArticles20 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[12].cid}&level=${3}&pagesize=${2}`);
|
|
|
- boxData20.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
-const boxData20data2 = ref("");
|
|
|
-const getWebsiteModelArticles20data2 = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelArticles?catid=${pageData.value[12].cid}&level=${3}&pagesize=${3}`);
|
|
|
- boxData20data2.value = response.data;
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
-//获取导航一的栏目
|
|
|
-const navigation1 = ref("");
|
|
|
-const navigateList = async () => {
|
|
|
- try {
|
|
|
- const response = await axios.get(`/web/getWebsiteModelCategory?placeid=${1}&pid=${0}&num=${22}`);
|
|
|
- for (let index in response.data) {
|
|
|
- let data = {
|
|
|
- title: response.data[index].name,
|
|
|
- cid: response.data[index].category_id,
|
|
|
- children_count: response.data[index].children_count,
|
|
|
- alias: response.data[index].alias
|
|
|
- }
|
|
|
- if (response.data[index].is_url == 1) {
|
|
|
|
|
|
- } else {
|
|
|
- pageData.value.push(data)
|
|
|
- }
|
|
|
- //pageData.value.push(data)
|
|
|
- // pageData.value[index].title = response.data[index].name;
|
|
|
- // pageData.value[index].cid = response.data[index].category_id;
|
|
|
- // pageData.value[index].children_count = response.data[index].children_count;
|
|
|
- // pageData.value[index].is_url = response.data[index].is_url;
|
|
|
+//1.广告 start ---------------------------------------->
|
|
|
+const adList = ref([]);
|
|
|
+async function getAdData(){
|
|
|
+ const mkdata = await requestDataPromise('/web/getWebsiteAdvertisement',{
|
|
|
+ method:'GET',
|
|
|
+ query:{
|
|
|
+ 'ad_tag':'INDEX'
|
|
|
}
|
|
|
- //获得所有广告
|
|
|
- getadList();
|
|
|
- //pageData[0] boxData1 boxData1data2 新农村
|
|
|
- getWebsiteModelArticles();
|
|
|
- //pageData[1] boxData2 贴身宝贝
|
|
|
- getWebsiteModelArticles2();
|
|
|
- //pageData[2] boxData3 政策法规
|
|
|
- getWebsiteModelArticles3();
|
|
|
- //pageData[3] boxData4 三农之窗
|
|
|
- getWebsiteModelArticles4();
|
|
|
- //pageData[4] boxData5 boxData5data2 区域经济
|
|
|
- getWebsiteModelArticles5();
|
|
|
- getWebsiteModelArticles5data2();
|
|
|
- //pageData[5] boxData6 三农投资
|
|
|
- getWebsiteModelArticles6();
|
|
|
- //pageData[6] boxData7 农贸资讯
|
|
|
- getWebsiteModelArticles7();
|
|
|
- //pageData[7] boxData8 boxData88 三农科教
|
|
|
- getWebsiteModelArticles8();
|
|
|
- getWebsiteModelArticles88();
|
|
|
- //pageData[8] boxData9 boxData9data2 文化生活
|
|
|
- getWebsiteModelArticles9();
|
|
|
- getWebsiteModelArticles9data2();
|
|
|
- //pageData[9] boxData10 三农探索
|
|
|
- getWebsiteModelArticles10();
|
|
|
- //pageData[10] boxData11 boxData11data2 三农专题
|
|
|
- getWebsiteModelArticles11();
|
|
|
- getWebsiteModelArticles11data2();
|
|
|
- //pageData[11] boxData12 写作大全
|
|
|
- getWebsiteModelArticles12();
|
|
|
- //pageData[12] boxData13 三农探索
|
|
|
- getWebsiteModelArticles13();
|
|
|
- //pageData[13] 三农人物
|
|
|
- //子导航
|
|
|
- getWebsiteModelArticles14();
|
|
|
- getWebsiteModelArticles14menu();
|
|
|
- getWebsiteModelArticles14data2();
|
|
|
- //pageData[14]
|
|
|
- getWebsiteModelArticles16();
|
|
|
- getWebsiteModelArticles16data2();
|
|
|
- getWebsiteModelArticles16menu();
|
|
|
- //pageData[17] boxData18 boxData18data2
|
|
|
- getWebsiteModelArticles18();
|
|
|
- getWebsiteModelArticles18data2();
|
|
|
- //pageData[18] boxData19
|
|
|
- getWebsiteModelArticles19();
|
|
|
- //pageData[19] boxData20
|
|
|
- getWebsiteModelArticles20();
|
|
|
- getWebsiteModelArticles20data2();
|
|
|
-
|
|
|
- console.log(777)
|
|
|
- console.log(pageData)
|
|
|
- } catch (error) {
|
|
|
- console.error(error);
|
|
|
- }
|
|
|
+ });
|
|
|
+ adList.value = mkdata.data;
|
|
|
}
|
|
|
+getAdData();
|
|
|
+//1.广告 end ---------------------------------------->
|
|
|
|
|
|
-onMounted(() => {
|
|
|
- navigateList();
|
|
|
-})
|
|
|
-//3.页面基本信息 end---------------------------------------->
|
|
|
-
|
|
|
-
|
|
|
-//4.设置seo信息 start---------------------------------------->
|
|
|
-const seoData = ref({
|
|
|
- title: '默认标题',
|
|
|
- description: '默认描述',
|
|
|
- keywords: '默认关键词',
|
|
|
- image: 'https://example.com/default-image.jpg'
|
|
|
-});
|
|
|
-
|
|
|
-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'
|
|
|
+//2.获取基本信息 start ---------------------------------------->
|
|
|
+const pageData = ref([
|
|
|
+ // { id: 0, data: [], data2: [], title: "", cid: "" },
|
|
|
+])
|
|
|
+const navSize = ref("");
|
|
|
+
|
|
|
+//3.3 获取所有导航
|
|
|
+try {
|
|
|
+ const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
|
|
|
+ method: 'GET',
|
|
|
+ query: {
|
|
|
+ 'placeid': 1,
|
|
|
+ 'pid': routeId,
|
|
|
+ 'num': 14
|
|
|
+ },
|
|
|
+ });
|
|
|
+ console.log("成功获取网站导航池！：", navigateData.data);
|
|
|
+ // 遍历可用的导航池放到页面中
|
|
|
+ for (let index in navigateData.data) {
|
|
|
+ let data = {
|
|
|
+ title: navigateData.data[index].name,
|
|
|
+ cid: navigateData.data[index].category_id,
|
|
|
+ children_count: navigateData.data[index].children_count,
|
|
|
+ alias: navigateData.data[index].alias,
|
|
|
+ data:[],
|
|
|
+ data1:[],
|
|
|
+ data2:[],
|
|
|
+ data3:[],
|
|
|
+ data4:[],
|
|
|
+ category_id1:"",
|
|
|
+ category_id2:"",
|
|
|
+ category_id3:"",
|
|
|
+ category_id4:"",
|
|
|
+ title1: "",
|
|
|
+ title2: "",
|
|
|
+ title3: "",
|
|
|
+ title4: ""
|
|
|
};
|
|
|
- }
|
|
|
-});
|
|
|
-
|
|
|
-// 监听 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 });
|
|
|
-//4.设置seo信息 end---------------------------------------->
|
|
|
-
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less" scoped>
|
|
|
-//新闻头条
|
|
|
-.topNewsPart {
|
|
|
- width: 100%;
|
|
|
- padding-top: 15px;
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- .toutiao {
|
|
|
- .xwtt {
|
|
|
- width: 1200px;
|
|
|
- height: 41px;
|
|
|
- line-height: 41px;
|
|
|
-
|
|
|
- .ttlogo {
|
|
|
- margin-left: 110px;
|
|
|
- display: inline-block;
|
|
|
- width: 94px;
|
|
|
- height: 41px;
|
|
|
- line-height: 41px;
|
|
|
- text-align: center;
|
|
|
- color: #fff;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 16px;
|
|
|
- background-color: #a01c0e;
|
|
|
- margin-right: 135px;
|
|
|
- }
|
|
|
-
|
|
|
- .tttitle {
|
|
|
- display: inline-block;
|
|
|
- width: 561px;
|
|
|
- height: 41px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 30px;
|
|
|
- color: #333333;
|
|
|
- line-height: 35px;
|
|
|
- text-align: left;
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .toutiao1 {
|
|
|
- width: 1200px;
|
|
|
- text-align: center;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- margin-top: 20px;
|
|
|
- padding: 0 100px;
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .vibrant {
|
|
|
- width: 1200px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- margin: 30px 0;
|
|
|
-
|
|
|
- li {
|
|
|
- width: 390px;
|
|
|
- height: 5px;
|
|
|
- background-color: #ecd2cf;
|
|
|
- }
|
|
|
-
|
|
|
- li:hover {
|
|
|
- background-color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- .active {
|
|
|
- background-color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .messageLeft {
|
|
|
- float: left;
|
|
|
- width: 456px;
|
|
|
-
|
|
|
- .leftTitle {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- // margin-bottom: 20px;
|
|
|
-
|
|
|
- .leftnav {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- line-height: 23px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- position: absolute;
|
|
|
- top: 0px;
|
|
|
- right: -10px;
|
|
|
- border-radius: 4px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .rightnav {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
-
|
|
|
- li {
|
|
|
- margin-right: 10px;
|
|
|
- color: #999999;
|
|
|
- font-family: 14px;
|
|
|
-
|
|
|
- a {
|
|
|
- margin-right: 10px;
|
|
|
- color: #999999;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- li:hover {
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- .leftContent1,
|
|
|
- .leftContent {
|
|
|
- width: 456px;
|
|
|
- margin-top: 30px;
|
|
|
- background-color: #fafafa;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- .topTitle {
|
|
|
- width: 445px;
|
|
|
- margin-bottom: 20px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- width: 456px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .topTitle:hover a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- .context {
|
|
|
- width: 445px;
|
|
|
- margin-bottom: 20px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- width: 456px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .context:last-child {
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .context:hover a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .leftContent1 {
|
|
|
- margin-top: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .messageRight {
|
|
|
- float: right;
|
|
|
- width: 720px;
|
|
|
-
|
|
|
- .lunbo {
|
|
|
- width: 720px;
|
|
|
- height: 405px;
|
|
|
- }
|
|
|
-
|
|
|
- .mid {
|
|
|
- width: 720px;
|
|
|
- height: 250px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .nav1,
|
|
|
- .nav2 {
|
|
|
- float: left;
|
|
|
- width: 355px;
|
|
|
- background-color: #f8f8f8;
|
|
|
-
|
|
|
-
|
|
|
- .navtitle {
|
|
|
- width: 355px;
|
|
|
- height: 60px;
|
|
|
- line-height: 60px;
|
|
|
- background-color: #f4f4f4;
|
|
|
- padding-left: 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-family: DingTalk JinBuTi, DingTalk JinBuTi;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 24px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- vertical-align: -2px;
|
|
|
- margin-right: 8px;
|
|
|
- }
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- a:hover {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .navContext {
|
|
|
- width: 360px;
|
|
|
- // height: 231px;
|
|
|
- padding: 20px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- .Contextlist {
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .Contextlist:last-child {
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .Contextlist:hover a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .nav1 {
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .foot {
|
|
|
- width: 720px;
|
|
|
- background-color: #f8f8f8;
|
|
|
- margin-top: 20px;
|
|
|
- padding: 20px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- .head_nav {
|
|
|
- width: 680px;
|
|
|
- height: 140px;
|
|
|
- padding: 30px 40px;
|
|
|
- box-sizing: border-box;
|
|
|
- background-color: #fff;
|
|
|
- border: 1px solid #E9E9E9;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-items: center;
|
|
|
-
|
|
|
- .nav_list {
|
|
|
- float: left;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- margin-right: 45px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- vertical-align: -6px;
|
|
|
- margin-right: 8px;
|
|
|
- }
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .foot_nav {
|
|
|
- width: 680px;
|
|
|
- height: 68px;
|
|
|
- line-height: 68px;
|
|
|
- background-color: #fff;
|
|
|
- margin-top: 15px;
|
|
|
- text-align: center;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- border: 1px solid #E9E9E9;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ if (navigateData.data[index].is_url == 1) {
|
|
|
+ // 处理 URL 的逻辑
|
|
|
+ } else {
|
|
|
+ pageData.value.push(data);
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
-
|
|
|
-//第一部分
|
|
|
-.part1 {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
-
|
|
|
- .part1_left {
|
|
|
- float: left;
|
|
|
- width: 720px;
|
|
|
-
|
|
|
- .part1_title {
|
|
|
- width: 720px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .nav_part1_left {
|
|
|
- float: left;
|
|
|
- width: 100px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 9px;
|
|
|
- right: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .nav_part1_right {
|
|
|
- float: right;
|
|
|
-
|
|
|
- .nav_part1_right_title {
|
|
|
- float: left;
|
|
|
- margin-left: 10px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- span {
|
|
|
- margin-left: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .nav_part1_right_title:hover {
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_content {
|
|
|
- width: 720px;
|
|
|
- margin-top: 10px;
|
|
|
-
|
|
|
- .context_left {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .top {
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
- }
|
|
|
-
|
|
|
- a .title1 {
|
|
|
- margin-top: 5px;
|
|
|
- width: 350px;
|
|
|
- height: 48px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .top:hover a .title1 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- .bottom {
|
|
|
- width: 350px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .bottom_left {
|
|
|
- float: left;
|
|
|
- width: 165px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 165px;
|
|
|
- height: 96px;
|
|
|
- }
|
|
|
-
|
|
|
- a .title2 {
|
|
|
- margin-top: 5px;
|
|
|
- width: 165px;
|
|
|
- height: 48px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_left:hover a .title2 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_left:first-child {
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
|
|
|
- .context_right {
|
|
|
- float: right;
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .rightContent {
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .topTitle1 {
|
|
|
- margin-bottom: 24px;
|
|
|
- width: 345px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .topTitle1:hover a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- .context1 {
|
|
|
- margin-bottom: 24px;
|
|
|
- width: 345px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .context1:hover a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- // .rightContent:first-child {
|
|
|
- // margin-bottom: 25px;
|
|
|
- // }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right {
|
|
|
- float: right;
|
|
|
- width: 450px;
|
|
|
- // height: 1000px;
|
|
|
-
|
|
|
- .part1_right_title {
|
|
|
- width: 450px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .part1_right_title1_active {
|
|
|
- float: left;
|
|
|
- margin-right: 40px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- .active_bg {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 7px;
|
|
|
- right: -5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_title1 {
|
|
|
- float: left;
|
|
|
- margin-right: 40px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #999999;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- // .active_bg {
|
|
|
- // display: inline-block;
|
|
|
- // width: 8px;
|
|
|
- // height: 8px;
|
|
|
- // background-color: #a01c0e;
|
|
|
- // border-radius: 4px;
|
|
|
- // position: absolute;
|
|
|
- // top: 7px;
|
|
|
- // right: -5px;
|
|
|
- // }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_content {
|
|
|
- width: 450px;
|
|
|
- margin-top: 10px;
|
|
|
-
|
|
|
- .part1_right_content_top {
|
|
|
- float: left;
|
|
|
- width: 220px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 220px;
|
|
|
- height: 130px;
|
|
|
- }
|
|
|
-
|
|
|
- a .content_top_title2 {
|
|
|
- display: inline-block;
|
|
|
- width: 220px;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_content_top:hover a .content_top_title2 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_content_top:nth-child(2) {
|
|
|
- margin-left: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .part1_right_content_bottom {
|
|
|
- width: 450px;
|
|
|
- // height: 300px;
|
|
|
- // margin-top: 20px;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- .content_bottom_list {
|
|
|
- width: 450px;
|
|
|
- margin-top: 24px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- a .sec_title {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #A01C0E;
|
|
|
- line-height: 21px;
|
|
|
- margin-right: 15px;
|
|
|
- }
|
|
|
-
|
|
|
- a .sec_content {
|
|
|
- display: inline-block;
|
|
|
- width: 355px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- padding-left: 15px;
|
|
|
- border-left: 1px solid #666;
|
|
|
- box-sizing: border-box;
|
|
|
- vertical-align: -1px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom_list:hover a .sec_content {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ //导航池加载完毕，开始申请模块数据
|
|
|
+ await getPageData1();
|
|
|
+} catch (error) {
|
|
|
+ console.error('获取页面导航失败！:', error);
|
|
|
}
|
|
|
|
|
|
-//第二部分
|
|
|
-.part2 {
|
|
|
- width: 100%;
|
|
|
- height: 540px;
|
|
|
- // margin-bottom: 30px;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
-
|
|
|
- .part2_left {
|
|
|
- float: left;
|
|
|
- width: 720px;
|
|
|
- // overflow: hidden;
|
|
|
-
|
|
|
- .part2_title {
|
|
|
- width: 720px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .nav_part2_left {
|
|
|
- float: left;
|
|
|
- width: 100px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 9px;
|
|
|
- right: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .nav_part2_right {
|
|
|
- float: right;
|
|
|
-
|
|
|
- .nav_part2_right_title {
|
|
|
- float: left;
|
|
|
- margin-left: 10px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- span {
|
|
|
- margin-left: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .nav_part2_right_title:hover {
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_content {
|
|
|
- width: 720px;
|
|
|
- margin-top: 20px;
|
|
|
|
|
|
- .part2_content_left {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
|
|
|
- .content_a {
|
|
|
- width: 350px;
|
|
|
|
|
|
- .topTitleaa {
|
|
|
- margin-bottom: 24px;
|
|
|
- width: 345px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
|
|
|
- .topTitleaa:hover a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
|
|
|
- .context111 {
|
|
|
- margin-bottom: 24px;
|
|
|
- width: 345px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
|
|
|
- .context111:hover a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_content_right {
|
|
|
- float: right;
|
|
|
- width: 350px;
|
|
|
- height: 440px;
|
|
|
-
|
|
|
- .right_top {
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
- }
|
|
|
-
|
|
|
- a .title11 {
|
|
|
- margin-top: 5px;
|
|
|
- width: 350px;
|
|
|
- height: 48px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .right_top:hover a .title11 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- .right_bottom {
|
|
|
- width: 350px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .bottom_left {
|
|
|
- float: left;
|
|
|
- width: 165px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 165px;
|
|
|
- height: 96px;
|
|
|
- }
|
|
|
-
|
|
|
- a .title22 {
|
|
|
- margin-top: 5px;
|
|
|
- width: 165px;
|
|
|
- // height: 48px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_left:hover a .title22 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_left:first-child {
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
|
|
|
- .part2_right {
|
|
|
- float: right;
|
|
|
- width: 450px;
|
|
|
- // height: 1000px;
|
|
|
|
|
|
- .part2_right_title {
|
|
|
- width: 450px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
|
|
|
- .part2_right_title1_active {
|
|
|
- float: left;
|
|
|
- margin-right: 40px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- position: relative;
|
|
|
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
+//2.获取基本信息 end ---------------------------------------->
|
|
|
|
|
|
- .active_bg11 {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 7px;
|
|
|
- right: -5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_title1 {
|
|
|
- float: left;
|
|
|
- margin-right: 40px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #999999;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_content {
|
|
|
- width: 450px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .part2_right_content_top {
|
|
|
- float: left;
|
|
|
- width: 220px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 220px;
|
|
|
- height: 130px;
|
|
|
- }
|
|
|
-
|
|
|
- a .content_top_title22 {
|
|
|
- display: inline-block;
|
|
|
- width: 220px;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_content_top:hover a .content_top_title22 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_content_top:nth-child(2) {
|
|
|
- margin-left: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .part2_right_content_bottom {
|
|
|
- width: 450px;
|
|
|
- // height: 300px;
|
|
|
- margin-top: 20px;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- .content_bottom_list {
|
|
|
- width: 450px;
|
|
|
- margin-top: 24px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- a .sec_title_part2 {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #A01C0E;
|
|
|
- line-height: 21px;
|
|
|
- margin-right: 15px;
|
|
|
- }
|
|
|
-
|
|
|
- a .sec_content_part2 {
|
|
|
- display: inline-block;
|
|
|
- width: 355px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- padding-left: 15px;
|
|
|
- border-left: 1px solid #666;
|
|
|
- box-sizing: border-box;
|
|
|
- vertical-align: -1px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom_list:hover a .sec_content_part2 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//第三部分
|
|
|
-.part3 {
|
|
|
- width: 100%;
|
|
|
- margin-top: 30px;
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- overflow: hidden;
|
|
|
- margin: 0 auto;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- .part3_left {
|
|
|
- float: left;
|
|
|
- width: 720px;
|
|
|
- overflow: hidden;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- .part3_left_1 {
|
|
|
- width: 350px;
|
|
|
- overflow: hidden;
|
|
|
- float: left;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- .part3_title1 {
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 9px;
|
|
|
- right: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .part3_photo_text {
|
|
|
- width: 350px;
|
|
|
- height: 96px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 165px;
|
|
|
- height: 96px;
|
|
|
- float: left;
|
|
|
- }
|
|
|
-
|
|
|
- .part3_text {
|
|
|
- width: 175px;
|
|
|
- height: 75px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- float: right;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 25px;
|
|
|
- padding: 24px 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_photo_text:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a span {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_content {
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .part3_contentList {
|
|
|
- width: 350px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- margin-top: 22px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_contentList:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_contentList:nth-child(1) {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_left_1:first-child {
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right {
|
|
|
- float: right;
|
|
|
- width: 450px;
|
|
|
- // height: 420px;
|
|
|
- background-color: #f8f8f8;
|
|
|
-
|
|
|
- .part3_right_title {
|
|
|
- width: 450px;
|
|
|
- height: 60px;
|
|
|
- line-height: 60px;
|
|
|
- font-family: DingTalk JinBuTi, DingTalk JinBuTi;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 22px;
|
|
|
- color: #333333;
|
|
|
- background-color: #f4f4f4;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- a:hover {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- img {
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- vertical-align: -3px;
|
|
|
- margin-right: 12px;
|
|
|
- margin-left: 20px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part3_right_content {
|
|
|
- width: 450px;
|
|
|
- height: 320px;
|
|
|
- padding: 16px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- justify-content: space-between;
|
|
|
- align-content: space-between;
|
|
|
-
|
|
|
- .content_list {
|
|
|
- float: left;
|
|
|
- width: 200px;
|
|
|
- height: 133px;
|
|
|
- background-color: #fff;
|
|
|
- border: 1px solid #E9E9E9;
|
|
|
- text-align: center;
|
|
|
- padding: 20px auto;
|
|
|
-
|
|
|
- .part3_right_content_list {
|
|
|
- display: block;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- .photo {
|
|
|
- width: 90px;
|
|
|
- height: 68px;
|
|
|
- text-align: center;
|
|
|
- margin: 10px auto 10px;
|
|
|
-
|
|
|
- // img{
|
|
|
- // width: 47px;
|
|
|
- // height: 47px;
|
|
|
- // }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .content_list:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a span {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//第四部分
|
|
|
-.part4 {
|
|
|
- width: 100%;
|
|
|
- height: 405px;
|
|
|
- // margin-bottom: 40px;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- height: 425px;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- .part4_title {
|
|
|
- width: 1200px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .part4_title_left {
|
|
|
- float: left;
|
|
|
- width: 100px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 9px;
|
|
|
- right: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .part4_title_right {
|
|
|
- float: right;
|
|
|
-
|
|
|
- .right_titleList {
|
|
|
- float: left;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #999999;
|
|
|
- margin-right: 10px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- span {
|
|
|
- margin-left: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .right_titleList:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
-
|
|
|
- span {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .more {
|
|
|
- float: right;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .more:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part4_left {
|
|
|
- float: left;
|
|
|
- width: 720px;
|
|
|
- // height: 400px;
|
|
|
-
|
|
|
- .part4_left_top {
|
|
|
- width: 700px;
|
|
|
- text-align: center;
|
|
|
- padding: 20px 35px 15px;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: 1px solid #d9d9d9;
|
|
|
- margin: 0 20px;
|
|
|
-
|
|
|
- .left_top_newsList:first-child {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .left_top_newsList {
|
|
|
- width: 600px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #999999;
|
|
|
- margin-bottom: 15px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .left_top_newsList:last-child {
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .left_top_newsList:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part4_left_bottom {
|
|
|
- width: 720px;
|
|
|
- // height: 178px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .left_btm_newsList {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .left_btm_newsList:nth-child(2n) {
|
|
|
- margin-left: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .left_btm_newsList:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part4_right {
|
|
|
- float: right;
|
|
|
- width: 450px;
|
|
|
- // height: 345px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- a img {
|
|
|
- width: 450px;
|
|
|
- height: 267px;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .part4_right_title {
|
|
|
- display: inline-block;
|
|
|
- width: 450px;
|
|
|
- height: 50px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 25px;
|
|
|
- margin-top: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part4_right:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- .part4_right_title {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//第五部分
|
|
|
-.part5 {
|
|
|
- width: 100%;
|
|
|
- // height: 1200px;
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 10px;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
- height: 1080px;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- .part5_left {
|
|
|
- float: left;
|
|
|
-
|
|
|
- .part5_left_top {
|
|
|
- width: 720px;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- .part5_leftTitle {
|
|
|
- width: 720px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .part5_left_title:first-child {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 9px;
|
|
|
- right: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_left_title {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- // em{
|
|
|
- // display: inline-block;
|
|
|
- // width: 8px;
|
|
|
- // height: 8px;
|
|
|
- // background-color: #a01c0e;
|
|
|
- // border-radius: 4px;
|
|
|
- // position: absolute;
|
|
|
- // top: 9px;
|
|
|
- // right: 6px;
|
|
|
- // }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_left_content {
|
|
|
- width: 720px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .part5_left_content_top {
|
|
|
- .content_top_left {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- // height: 542px;
|
|
|
- .part5_photo_text {
|
|
|
- width: 350px;
|
|
|
- // height: 400px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
- }
|
|
|
-
|
|
|
- .littleTips {
|
|
|
- display: inline-block;
|
|
|
- width: 50px;
|
|
|
- height: 26px;
|
|
|
- line-height: 26px;
|
|
|
- text-align: center;
|
|
|
- background-color: #a01c0e;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #fff;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- right: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .part5_text {
|
|
|
- display: inline-block;
|
|
|
- width: 350px;
|
|
|
- height: 26px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- margin-top: 15px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_photo_text:hover {
|
|
|
-
|
|
|
- .part5_text {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_content {
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .part5_content_list:first-child {
|
|
|
- width: 350px;
|
|
|
- height: 25px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 22px;
|
|
|
- margin-top: 15px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_content_list:last-child {
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .part5_content_list {
|
|
|
- width: 350px;
|
|
|
- height: 25px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 22px;
|
|
|
- margin-bottom: 17px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_content_list:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_top_right {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
- height: 484px;
|
|
|
- border: 1px solid #D9D9D9;
|
|
|
- margin-left: 20px;
|
|
|
- padding: 30px 25px;
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- .content_right_list {
|
|
|
- width: 350px;
|
|
|
- height: 58px;
|
|
|
- line-height: 58px;
|
|
|
- margin-bottom: 35px;
|
|
|
-
|
|
|
- .part5_time {
|
|
|
- float: left;
|
|
|
- width: 77px;
|
|
|
- height: 58px;
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- .month {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 26px;
|
|
|
- color: #A01C0E;
|
|
|
- line-height: 30px;
|
|
|
- }
|
|
|
-
|
|
|
- .xiegang {
|
|
|
- font-size: 22px;
|
|
|
- font-weight: 400;
|
|
|
- }
|
|
|
-
|
|
|
- .day {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #A01C0E;
|
|
|
- line-height: 19px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .time_left_content {
|
|
|
- float: left;
|
|
|
- width: 231px;
|
|
|
- height: 58px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- line-height: 22px;
|
|
|
- padding-top: 12px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- border-left: 1px solid #D9D9D9;
|
|
|
- padding-left: 22px;
|
|
|
- }
|
|
|
-
|
|
|
- .time_left_content:hover {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_left_bottom {
|
|
|
- width: 720px;
|
|
|
- margin-top: 15px;
|
|
|
-
|
|
|
- .part5_leftTitle1 {
|
|
|
- width: 720px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .part5_left_title:first-child {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 9px;
|
|
|
- right: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_left_title {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- // em{
|
|
|
- // display: inline-block;
|
|
|
- // width: 8px;
|
|
|
- // height: 8px;
|
|
|
- // background-color: #a01c0e;
|
|
|
- // border-radius: 4px;
|
|
|
- // position: absolute;
|
|
|
- // top: 9px;
|
|
|
- // right: 6px;
|
|
|
- // }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_left_content1 {
|
|
|
- width: 720px;
|
|
|
-
|
|
|
- .content_bottom_left {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- // height: 350px;
|
|
|
- .content_top {
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 350px;
|
|
|
- height: 230px;
|
|
|
- }
|
|
|
-
|
|
|
- .part5_text {
|
|
|
- display: inline-block;
|
|
|
- width: 350px;
|
|
|
- height: 50px;
|
|
|
- line-height: 22px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- margin-top: 5px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .content_top:hover {
|
|
|
- .part5_text {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom {
|
|
|
- width: 350px;
|
|
|
- margin-top: 10px;
|
|
|
-
|
|
|
- .content_bottom_1 {
|
|
|
- float: left;
|
|
|
- width: 165px;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 165px;
|
|
|
- height: 96px;
|
|
|
- }
|
|
|
-
|
|
|
- .part5_text {
|
|
|
- display: inline-block;
|
|
|
- width: 165px;
|
|
|
- height: 44px;
|
|
|
- line-height: 22px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- // margin-top: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom_1:hover {
|
|
|
- .part5_text {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom_1:first-child {
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .content_bottom_right {
|
|
|
- float: left;
|
|
|
- margin-left: 20px;
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .bottom_content_1 {
|
|
|
- width: 350px;
|
|
|
-
|
|
|
- .bottom_content_list:first-child {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_content_list {
|
|
|
- width: 350px;
|
|
|
- height: 25px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- margin-bottom: 21px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_content_list:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_content_1:first-child {
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .bottom_content_1:last-child {
|
|
|
- .bottom_content_list:last-child {
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .part5_right {
|
|
|
- float: right;
|
|
|
- width: 451px;
|
|
|
-
|
|
|
- .part5_rightTitle {
|
|
|
- width: 451px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- .part5_right_title:first-child {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- background-color: #a01c0e;
|
|
|
- border-radius: 4px;
|
|
|
- position: absolute;
|
|
|
- top: 9px;
|
|
|
- right: 6px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_right_title {
|
|
|
- float: left;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- position: relative;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- // em{
|
|
|
- // display: inline-block;
|
|
|
- // width: 8px;
|
|
|
- // height: 8px;
|
|
|
- // background-color: #a01c0e;
|
|
|
- // border-radius: 4px;
|
|
|
- // position: absolute;
|
|
|
- // top: 9px;
|
|
|
- // right: 6px;
|
|
|
- // }
|
|
|
- }
|
|
|
-
|
|
|
- .rightMore {
|
|
|
- float: right;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_right_content_top {
|
|
|
- width: 451px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
- .part5_right_contentlist_top {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- width: 425px;
|
|
|
- height: 25px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- margin-bottom: 25px;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- .numStyle {
|
|
|
- display: inline-block;
|
|
|
- width: 22px;
|
|
|
- height: 22px;
|
|
|
- background-color: #f6f6f6;
|
|
|
- text-align: center;
|
|
|
- margin-right: 20px;
|
|
|
- font-family: Protest Strike, Protest Strike;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #CCCCCC;
|
|
|
- border-radius: 4px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_right_contentlist_top:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_right_contentlist_top:nth-child(1) {
|
|
|
- .numStyle {
|
|
|
- background-color: #a01c0e;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_right_contentlist_top:nth-child(2) {
|
|
|
- .numStyle {
|
|
|
- background-color: #FFC62E;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_right_contentlist_top:nth-child(3) {
|
|
|
- .numStyle {
|
|
|
- background-color: #e98008;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_right_contentlist_top:last-child {
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_photo_text_right {
|
|
|
- width: 451px;
|
|
|
- height: 120px;
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
- background-color: #f6f3f0;
|
|
|
-
|
|
|
-
|
|
|
- .part5_text11 {
|
|
|
- float: left;
|
|
|
- width: 271px;
|
|
|
- height: 96px;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- padding: 25px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
-
|
|
|
- img {
|
|
|
- float: left;
|
|
|
- width: 180px;
|
|
|
- height: 120px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_photo_text_right:hover {
|
|
|
- .part5_text11 {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_right_content_11 {
|
|
|
- width: 451px;
|
|
|
-
|
|
|
-
|
|
|
- .part5_right_contentlist_11 {
|
|
|
- width: 451px;
|
|
|
- height: 25px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- // margin-bottom: 25px;
|
|
|
-
|
|
|
- .erjibiaoti {
|
|
|
- display: inline-block;
|
|
|
- width: 87px;
|
|
|
- height: 24px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #A01C0E;
|
|
|
- border-right: #D3D5D8 1px solid;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- a {
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_right_contentlist_11:hover {
|
|
|
- color: #a01c0e;
|
|
|
-
|
|
|
- a {
|
|
|
- color: #a01c0e;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part5_right_contentlist_11:first-child {
|
|
|
- margin-bottom: 12px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//第六部分
|
|
|
-.part6 {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- background-color: #fff;
|
|
|
- margin-bottom: 10px;
|
|
|
-
|
|
|
- .inner {
|
|
|
- width: 1200px;
|
|
|
-
|
|
|
- .part6_left {
|
|
|
- float: left;
|
|
|
- width: 720px;
|
|
|
-
|
|
|
- .part6_left_content1 {
|
|
|
- float: left;
|
|
|
- width: 350px;
|
|
|
- background-color: #f8f8f8;
|
|
|
-
|
|
|
- .part6_left_content_title {
|
|
|
- width: 350px;
|
|
|
- height: 59px;
|
|
|
- background-color: #f4f4f4;
|
|
|
- line-height: 59px;
|
|
|
- font-family: DingTalk JinBuTi, DingTalk JinBuTi;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 24px;
|
|
|
- color: #333333;
|
|
|
-
|
|
|
- img {
|
|
|
- margin-left: 20px;
|
|
|
- margin-right: 10px;
|
|
|
- vertical-align: -2px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .selectMore {
|
|
|
- float: right;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #999999;
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .part6_left_content111 {
|
|
|
- padding-top: 20px;
|
|
|
-
|
|
|
- .part6_left_content_list {
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- .jiantou {
|
|
|
- display: inline-block;
|
|
|
- font-size: 22px;
|
|
|
- color: #a01c0e;
|
|
|
- margin-left: 20px;
|
|
|
- margin-right: 25px;
|
|
|
- }
|
|
|
-
|
|
|
- .fenlei {
|
|
|
- display: inline-block;
|
|
|
- width: 110px;
|
|
|
- height: 36px;
|
|
|
- line-height: 36px;
|
|
|
- text-align: center;
|
|
|
- background-color: #fff;
|
|
|
- border: 1px solid #f8f8f8;
|
|
|
- margin-right: 20px;
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- // .fenlei:first-child{
|
|
|
- // margin-right: 20px;
|
|
|
- // }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part6_left_content1:first-child {
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part6_right {
|
|
|
- float: right;
|
|
|
- width: 450px;
|
|
|
- background-color: #f8f8f8;
|
|
|
-
|
|
|
- .part6_right_title {
|
|
|
- width: 450px;
|
|
|
- height: 59px;
|
|
|
- line-height: 59px;
|
|
|
- background-color: #f4f4f4;
|
|
|
- font-family: DingTalk JinBuTi, DingTalk JinBuTi;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 24px;
|
|
|
- color: #333333;
|
|
|
- padding-left: 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
-
|
|
|
- .part6_right_content {
|
|
|
- width: 410px;
|
|
|
- height: 200px;
|
|
|
- background-color: #fff;
|
|
|
- margin: 25px 20px;
|
|
|
-
|
|
|
- .part6_right_content_list {
|
|
|
- float: left;
|
|
|
- width: 205px;
|
|
|
- height: 160px;
|
|
|
- margin-top: 20px;
|
|
|
- padding-left: 40px;
|
|
|
- box-sizing: border-box;
|
|
|
- border-right: 1px solid #ececec;
|
|
|
-
|
|
|
- .yslist {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- img {
|
|
|
- margin-right: 10px;
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .part6_right_content_list1 {
|
|
|
- float: left;
|
|
|
- width: 205px;
|
|
|
- margin-top: 20px;
|
|
|
- padding-left: 40px;
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
-
|
|
|
- .swlist {
|
|
|
- font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- color: #333333;
|
|
|
- line-height: 21px;
|
|
|
- margin-bottom: 20px;
|
|
|
+//4.设置seo数据 start---------------------------------------->
|
|
|
+const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
|
|
|
+ method: 'GET',
|
|
|
+ query: {},
|
|
|
+});
|
|
|
+let seoTitle = setData.data.website_head.title;
|
|
|
+let seoDescription = setData.data.website_head.description;
|
|
|
+let seoKeywords = setData.data.website_head.keywords;
|
|
|
+useSeoMeta({
|
|
|
+ title: seoTitle,
|
|
|
+ meta: [
|
|
|
+ { name: 'description', content: seoDescription },
|
|
|
+ { name: 'keywords', content: seoKeywords }
|
|
|
+ ]
|
|
|
+});
|
|
|
+//4.设置seo数据 start---------------------------------------->
|
|
|
+</script>
|
|
|
|
|
|
- img {
|
|
|
- margin-right: 10px;
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+<style lang="less" scoped>
|
|
|
+ @import url('@/assets/css/index.less');
|
|
|
</style>
|
dangyunlong
