This commit is contained in:
parent
10ad313d89
commit
31aa7ce997
|
@ -16,7 +16,6 @@
|
|||
}
|
||||
.header{
|
||||
width: 100%;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.h_topbox{
|
||||
width: 100%;
|
||||
|
@ -53,16 +52,17 @@
|
|||
margin: auto;
|
||||
}
|
||||
.logo{
|
||||
width: 402px;
|
||||
padding: 30px 0;
|
||||
width: 353px;
|
||||
padding: 18px 0;
|
||||
}
|
||||
.sch_downbox{
|
||||
width: 360px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
border-radius: 30px;
|
||||
margin-top: 40px;
|
||||
margin-top: 23px;
|
||||
border: 1px #cccccc solid;
|
||||
background-color: #fff;
|
||||
}
|
||||
.sch_downbox input{
|
||||
width: 280px;
|
||||
|
@ -255,7 +255,7 @@ blockquote{
|
|||
|
||||
.ban{
|
||||
background: url(../img/bg.png);
|
||||
height: 400px;
|
||||
height: 540px;
|
||||
}
|
||||
.contant{
|
||||
width: 1200px;
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 11 KiB |
|
@ -1,211 +1,206 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="ban">
|
||||
<div class="header">
|
||||
<div class="h_topbox">
|
||||
<div class="h_top">
|
||||
<div class="h_item left">欢迎访问吉林省农业资源信息平台!</div>
|
||||
<div class="h_home right">
|
||||
<a href="">设为首页</a>
|
||||
<a href=""> | </a>
|
||||
<a href="">加入收藏</a>
|
||||
<div class="h_down clearfloat">
|
||||
<div class="logo left"><img src="img/logo.png" ></div>
|
||||
<div class="h_home right" style="padding: 36px 0 0 10px;">
|
||||
<a href="">设为首页</a>
|
||||
<a href=""> | </a>
|
||||
<a href="">加入收藏</a>
|
||||
</div>
|
||||
<div class="sch_downbox right">
|
||||
<input v-model="searchText" placeholder="请输入要搜索的内容" />
|
||||
<span class="sch_img right" @click="() => {searchText?$to('listPageSearch',{findStr:searchText}):''}"><img src="img/search.png" ></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="MutiNav">
|
||||
<ul class="multiUl">
|
||||
<li class="multiUlli">
|
||||
<a class="mulgo" href="javascript:void(0);" title="首页" @click="$to('home')">
|
||||
<span class="mulgochie">首页</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="multiUlli" >
|
||||
<a class="mulgo" href="javascript:void(0);" title="关于本所" @click="$to('gybs')">
|
||||
<span class="mulgochie">关于本所</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
|
||||
<a class="mulgo" href="javascript:void(0);" title="区域农业资源" @click="$to('listPage2',{pid:101,id:10101})">
|
||||
<span class="mulgochie">区域农业资源</span>
|
||||
</a>
|
||||
<blockquote>
|
||||
<div class="ChildNavIn">
|
||||
<ul>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10101})">
|
||||
<span><img src="img/dou.png" style="width: 26px;"></span>
|
||||
<span>西部杂粮杂豆</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in xbzlzdList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10102})">
|
||||
<span><img src="img/jingji.png" style="width: 26px;"></span>
|
||||
<span>东部经济资源</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in dbjjzyList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10103})">
|
||||
<span><img src="img/liangshi.png" style="width: 26px;"></span>
|
||||
<span>中部粮食资源</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in zblszyList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10104})">
|
||||
<span><img src="img/dou.png" style="width: 26px;"></span>
|
||||
<span>适宜吉林省<br>种质资源</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in syjlsList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h_down clearfloat">
|
||||
<div class="logo left"><img src="img/logo.png" ></div>
|
||||
<div class="sch_downbox right">
|
||||
<input v-model="searchText" placeholder="请输入要搜索的内容" />
|
||||
<span class="sch_img right" @click="() => {searchText?$to('listPageSearch',{findStr:searchText}):''}"><img src="img/search.png" ></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="MutiNav">
|
||||
<ul class="multiUl">
|
||||
<li class="multiUlli">
|
||||
<a class="mulgo" href="javascript:void(0);" title="首页" @click="$to('home')">
|
||||
<span class="mulgochie">首页</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="multiUlli" >
|
||||
<a class="mulgo" href="javascript:void(0);" title="关于本所" @click="$to('gybs')">
|
||||
<span class="mulgochie">关于本所</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
|
||||
<a class="mulgo" href="javascript:void(0);" title="区域农业资源" @click="$to('listPage2',{pid:101,id:10101})">
|
||||
<span class="mulgochie">区域农业资源</span>
|
||||
</a>
|
||||
<blockquote>
|
||||
<div class="ChildNavIn">
|
||||
<ul>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10101})">
|
||||
<span><img src="img/dou.png" style="width: 26px;"></span>
|
||||
<span>西部杂粮杂豆</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in xbzlzdList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10102})">
|
||||
<span><img src="img/jingji.png" style="width: 26px;"></span>
|
||||
<span>东部经济资源</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in dbjjzyList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10103})">
|
||||
<span><img src="img/liangshi.png" style="width: 26px;"></span>
|
||||
<span>中部粮食资源</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in zblszyList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
<li class="clearfloat">
|
||||
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10104})">
|
||||
<span><img src="img/dou.png" style="width: 26px;"></span>
|
||||
<span>适宜吉林省<br>种质资源</span>
|
||||
</a>
|
||||
<div class="xbcot right">
|
||||
<template v-for="(col,colIndex) in syjlsList" >
|
||||
<a href="javascript:void(0);" :key="colIndex" @click="$to('detailedPage2',{id:col.id})">{{col.title}}</a>
|
||||
</template>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</blockquote>
|
||||
</li>
|
||||
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
|
||||
<a class="mulgo" href="javascript:void(0);" title="农业产业化" @click="$to('listPage',{pid:102,id:10201})">
|
||||
<span class="mulgochie">农业产业化</span>
|
||||
</a>
|
||||
<blockquote>
|
||||
<div class="ChildNavIn">
|
||||
<div class="gersawd clearfloat">
|
||||
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
|
||||
<div class="vdas left">
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10201})">
|
||||
<span><img src="img/mue_3.png" style="width: 32px;"></span>
|
||||
<span>特色农业产业化</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10202})">
|
||||
<span><img src="img/mue_2.png" style="width: 32px;"></span>
|
||||
<span>粮食产业化</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10203})">
|
||||
<span><img src="img/mue_1.png" style="width: 32px;"></span>
|
||||
<span>畜牧业产业化</span>
|
||||
</a>
|
||||
</div>
|
||||
</blockquote>
|
||||
</li>
|
||||
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
|
||||
<a class="mulgo" href="javascript:void(0);" title="农业产业化" @click="$to('listPage',{pid:102,id:10201})">
|
||||
<span class="mulgochie">农业产业化</span>
|
||||
</a>
|
||||
<blockquote>
|
||||
<div class="ChildNavIn">
|
||||
<div class="gersawd clearfloat">
|
||||
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
|
||||
<div class="vdas left">
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10201})">
|
||||
<span><img src="img/mue_3.png" style="width: 32px;"></span>
|
||||
<span>特色农业产业化</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10202})">
|
||||
<span><img src="img/mue_2.png" style="width: 32px;"></span>
|
||||
<span>粮食产业化</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:102,id:10203})">
|
||||
<span><img src="img/mue_1.png" style="width: 32px;"></span>
|
||||
<span>畜牧业产业化</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</li>
|
||||
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
|
||||
<a class="mulgo" title="布局规划" href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10301})">
|
||||
<span class="mulgochie">布局规划</span>
|
||||
</a>
|
||||
<blockquote>
|
||||
<div class="ChildNavIn">
|
||||
<div class="gersawd clearfloat">
|
||||
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
|
||||
<div class="vdas left">
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10301})">
|
||||
<span><img src="img/mue_4.png" style="width: 32px;"></span>
|
||||
<span>吉林省农业资源规划</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10302})">
|
||||
<span><img src="img/mue_6.png" style="width: 32px;"></span>
|
||||
<span>西部特色经济作物区域布局</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10303})">
|
||||
<span><img src="img/mue_7.png" style="width: 32px;"></span>
|
||||
<span>中部粮食加工业区域布局</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10304})">
|
||||
<span><img src="img/mue_5.png" style="width: 32px;"></span>
|
||||
<span>历史区划数据</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</li>
|
||||
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
|
||||
<a class="mulgo" title="布局规划" href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10301})">
|
||||
<span class="mulgochie">布局规划</span>
|
||||
</a>
|
||||
<blockquote>
|
||||
<div class="ChildNavIn">
|
||||
<div class="gersawd clearfloat">
|
||||
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
|
||||
<div class="vdas left">
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10301})">
|
||||
<span><img src="img/mue_4.png" style="width: 32px;"></span>
|
||||
<span>吉林省农业资源规划</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10302})">
|
||||
<span><img src="img/mue_6.png" style="width: 32px;"></span>
|
||||
<span>西部特色经济作物区域布局</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10303})">
|
||||
<span><img src="img/mue_7.png" style="width: 32px;"></span>
|
||||
<span>中部粮食加工业区域布局</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:103,id:10304})">
|
||||
<span><img src="img/mue_5.png" style="width: 32px;"></span>
|
||||
<span>历史区划数据</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</li>
|
||||
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
|
||||
<a class="mulgo" title="绿色农业" href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10401})">
|
||||
<span class="mulgochie">绿色农业</span>
|
||||
</a>
|
||||
<blockquote>
|
||||
<div class="ChildNavIn">
|
||||
<div class="gersawd clearfloat">
|
||||
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
|
||||
<div class="vdas left">
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10401})">
|
||||
<span><img src="img/mue_10.png" style="width: 32px;"></span>
|
||||
<span>保护性耕作</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10402})">
|
||||
<span><img src="img/mue_8.png" style="width: 32px;"></span>
|
||||
<span>农业资源循环利用</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10403})">
|
||||
<span><img src="img/mue_9.png" style="width: 32px;"></span>
|
||||
<span>农产品安全</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10404})">
|
||||
<span><img src="img/mue_11.png" style="width: 32px;"></span>
|
||||
<span>棚膜经济</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</li>
|
||||
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
|
||||
<a class="mulgo" title="绿色农业" href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10401})">
|
||||
<span class="mulgochie">绿色农业</span>
|
||||
</a>
|
||||
<blockquote>
|
||||
<div class="ChildNavIn">
|
||||
<div class="gersawd clearfloat">
|
||||
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
|
||||
<div class="vdas left">
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10401})">
|
||||
<span><img src="img/mue_10.png" style="width: 32px;"></span>
|
||||
<span>保护性耕作</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10402})">
|
||||
<span><img src="img/mue_8.png" style="width: 32px;"></span>
|
||||
<span>农业资源循环利用</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10403})">
|
||||
<span><img src="img/mue_9.png" style="width: 32px;"></span>
|
||||
<span>农产品安全</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:104,id:10404})">
|
||||
<span><img src="img/mue_11.png" style="width: 32px;"></span>
|
||||
<span>棚膜经济</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</li>
|
||||
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
|
||||
<a class="mulgo" title="科研动态" href="javascript:void(0);" @click="$to('listPage',{pid:105,id:10501})">
|
||||
<span class="mulgochie">科研动态</span>
|
||||
</a>
|
||||
<blockquote>
|
||||
<div class="ChildNavIn">
|
||||
<div class="gersawd clearfloat">
|
||||
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
|
||||
<div class="vdas left">
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:105,id:10501})">
|
||||
<span><img src="img/mue_12.png" style="width: 32px;"></span>
|
||||
<span>资源区划</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:105,id:10502})">
|
||||
<span><img src="img/mue_13.png" style="width: 32px;"></span>
|
||||
<span>农业产业化</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</li>
|
||||
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
|
||||
<a class="mulgo" title="科研动态" href="javascript:void(0);" @click="$to('listPage',{pid:105,id:10501})">
|
||||
<span class="mulgochie">科研动态</span>
|
||||
</a>
|
||||
<blockquote>
|
||||
<div class="ChildNavIn">
|
||||
<div class="gersawd clearfloat">
|
||||
<div class="fjsojg left"><img src="img/mune_1.jpg" ></div>
|
||||
<div class="vdas left">
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:105,id:10501})">
|
||||
<span><img src="img/mue_12.png" style="width: 32px;"></span>
|
||||
<span>资源区划</span>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="fjsjkih left" @click="$to('listPage',{pid:105,id:10502})">
|
||||
<span><img src="img/mue_13.png" style="width: 32px;"></span>
|
||||
<span>农业产业化</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</li>
|
||||
<li class="multiUlli" >
|
||||
<a class="mulgo" title="助力乡村振兴" href="javascript:void(0);" @click="$to('listPage',{pid:106})">
|
||||
<span class="mulgochie">助力乡村振兴</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="multiUlli">
|
||||
<a class="mulgo" title="其他" href="javascript:void(0);" @click="$to('listPage',{pid:107})">
|
||||
<span class="mulgochie">其他</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</li>
|
||||
<li class="multiUlli" >
|
||||
<a class="mulgo" title="助力乡村振兴" href="javascript:void(0);" @click="$to('listPage',{pid:106})">
|
||||
<span class="mulgochie">助力乡村振兴</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="multiUlli">
|
||||
<a class="mulgo" title="其他" href="javascript:void(0);" @click="$to('listPage',{pid:107})">
|
||||
<span class="mulgochie">其他</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="ban"></div>
|
||||
<!-- <div class="ban"></div> -->
|
||||
<div class="contant">
|
||||
<div class="PageBox">
|
||||
<div class="scrollbox cl">
|
||||
|
|
Loading…
Reference in New Issue