kun 191030 23:31
This commit is contained in:
62
src/App.vue
62
src/App.vue
@@ -4,27 +4,53 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="less">
|
||||
* {
|
||||
/*隐藏滚动条,当IE下溢出,仍然可以滚动*/
|
||||
-ms-overflow-style: none;
|
||||
/*火狐下隐藏滚动条*/
|
||||
scrollbar-width: none;
|
||||
}
|
||||
<script>
|
||||
|
||||
html {
|
||||
/*隐藏滚动条,当IE下溢出,仍然可以滚动*/
|
||||
-ms-overflow-style: none;
|
||||
/*火狐下隐藏滚动条*/
|
||||
scrollbar-width: none;
|
||||
export default {
|
||||
components: {
|
||||
|
||||
},
|
||||
props: {},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {
|
||||
},
|
||||
methods: {
|
||||
},
|
||||
created () {
|
||||
},
|
||||
mounted () {
|
||||
},
|
||||
updated () {
|
||||
window.scroll(0, 0)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
// * {
|
||||
// /*隐藏滚动条,当IE下溢出,仍然可以滚动*/
|
||||
// // -ms-overflow-style: none;
|
||||
// /*火狐下隐藏滚动条*/
|
||||
// // scrollbar-width: none;
|
||||
// }
|
||||
|
||||
// html {
|
||||
// /*隐藏滚动条,当IE下溢出,仍然可以滚动*/
|
||||
// // -ms-overflow-style: none;
|
||||
// /*火狐下隐藏滚动条*/
|
||||
// // scrollbar-width: none;
|
||||
// }
|
||||
body {
|
||||
background-color: #fcfbfb;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0px;
|
||||
height: 5px;
|
||||
}
|
||||
// &::-webkit-scrollbar {
|
||||
// width: 0px;
|
||||
// height: 5px;
|
||||
// }
|
||||
|
||||
table {
|
||||
td {
|
||||
@@ -41,7 +67,7 @@ body {
|
||||
}
|
||||
}
|
||||
@font-face {
|
||||
font-family: "HanWangKaiBold-Gb5";
|
||||
src: url("../static/fontFile/HanWangKaiBold-Gb5.ttf");
|
||||
font-family: 'HanWangKaiBold-Gb5';
|
||||
src: url('../static/fontFile/HanWangKaiBold-Gb5.ttf');
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,27 +1,31 @@
|
||||
<template>
|
||||
<div id="wrapper-w" :style="{'background-image':'url('+imgUrl.foot1+')'}">
|
||||
<div class="div1">
|
||||
<p>版权所有:朝阳区委社会工委区民政局</p>
|
||||
<p style="font-weight:600;">版权所有:朝阳区委社会工委区民政局</p>
|
||||
<p>京ICP备19040879号 Copyright 2019-2029 www.cyteam.orz.cn All Rights Reserved</p>
|
||||
<p>
|
||||
<p style="font-weight:600;">
|
||||
<span>友情链接:</span>
|
||||
<a href="https://inv-veri.chinatax.gov.cn/">发票查验平台</a>
|
||||
<a href="http://beijing.chinatax.gov.cn/bjswjwz/">北京市税务局</a>
|
||||
<a href="https://www.tianyancha.com/">天眼查</a>
|
||||
<a style="font-weight:600;" href="https://inv-veri.chinatax.gov.cn/" target="_blank">发票查验平台</a>
|
||||
<a
|
||||
style="font-weight:600;"
|
||||
href="http://beijing.chinatax.gov.cn/bjswjwz/"
|
||||
target="_blank"
|
||||
>北京市税务局</a>
|
||||
<a style="font-weight:600;" href="https://www.tianyancha.com/" target="_blank">天眼查</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="div2">
|
||||
<div class="img-box">
|
||||
<img :src="imgUrl.wxtp0" alt />
|
||||
<p>微信公众号</p>
|
||||
<p>朝阳社工e空间</p>
|
||||
</div>
|
||||
<div class="img-box">
|
||||
<img src="https://dummyimage.com/80" alt />
|
||||
<p>微信公众号</p>
|
||||
<!-- <img src="https://dummyimage.com/80" alt />
|
||||
<p>微信公众号</p> -->
|
||||
</div>
|
||||
<div class="img-box">
|
||||
<img :src="imgUrl.wxtp1" alt />
|
||||
<p>微信公众号</p>
|
||||
<p>朝阳社会组织</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -69,6 +73,12 @@ export default {
|
||||
align-items: center;
|
||||
margin-top: 30px;
|
||||
|
||||
.img-box{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
@@ -76,7 +86,7 @@ export default {
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -92,7 +102,7 @@ export default {
|
||||
|
||||
p {
|
||||
&:nth-of-type(1) {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -100,7 +110,7 @@ export default {
|
||||
color: #ffffff;
|
||||
}
|
||||
&:nth-of-type(2) {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
font-stretch: normal;
|
||||
@@ -115,7 +125,7 @@ export default {
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
font-stretch: normal;
|
||||
|
||||
@@ -190,7 +190,7 @@ export default new Router({
|
||||
},
|
||||
/** 新闻详情 */
|
||||
{
|
||||
path: '/newsDetails:id',
|
||||
path: '/newsDetails',
|
||||
name: 'newsDetails',
|
||||
component: NewsDetails
|
||||
},
|
||||
|
||||
@@ -19,6 +19,7 @@
|
||||
<div class="btn" @click="login()">
|
||||
<button type="submit">立即登录</button>
|
||||
</div>
|
||||
<div style="width:100%;color:red;font-size:12px;margin:20px auto 0;text-align:center;"><span>返回首页</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -30,6 +30,7 @@
|
||||
<input type="submit" class="sub" value="立即注册" />
|
||||
</label>
|
||||
</form>
|
||||
<div style="width:100%;color:red;font-size:12px;margin:20px auto 0;text-align:center;"><span>返回首页</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -37,10 +37,10 @@
|
||||
<span class="more" @click="$jParams('newsList',{type:3})">更多>></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 列表显示 -->
|
||||
<!-- 列表显示 @click="$jParams('newsDetails',{id:notice.id})" -->
|
||||
<ul>
|
||||
<template v-for="(notice,index) in bgData.notice">
|
||||
<li :key="index" v-if="index < 8" @click="$jParams('newsDetails',{id:notice.id})">
|
||||
<li :key="index" v-if="index < 8" @click="details(notice.id)">
|
||||
<a href="javascript:void(0);">
|
||||
<span>{{notice.title}}</span>
|
||||
<time>[{{notice.created_at}}]</time>
|
||||
@@ -65,7 +65,7 @@
|
||||
</div>
|
||||
<ul class="ult">
|
||||
<template v-for="(build,index) in bgData.build">
|
||||
<li :key="index" v-if="index < 3" @click="$jParams('newsDetails',{id:build.id})">
|
||||
<li :key="index" v-if="index < 3" @click="details(build.id)">
|
||||
<a href="javascript:void(0);">{{build.title}}</a>
|
||||
</li>
|
||||
</template>
|
||||
@@ -105,7 +105,7 @@
|
||||
</div>
|
||||
<ul class="ulo">
|
||||
<template v-for="(battle,index) in bgData.battle">
|
||||
<li :key="index" v-if="index<9" @click="$jParams('newsDetails',{id:battle.id})">
|
||||
<li :key="index" v-if="index<9" @click="details(battle.id)">
|
||||
<a href="javascript:void(0);">{{battle.title}}</a>
|
||||
</li>
|
||||
</template>
|
||||
@@ -125,7 +125,7 @@
|
||||
<li
|
||||
:key="index"
|
||||
v-if="index < 9"
|
||||
@click="$jParams('newsDetails',{id:organization.id})"
|
||||
@click="details(organization.id)"
|
||||
>
|
||||
<a href="javascript:void(0);">{{organization.title}}</a>
|
||||
</li>
|
||||
@@ -149,16 +149,16 @@
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FOUR -->
|
||||
<!-- FOUR @click="link(links.link)"-->
|
||||
<div class="container-four">
|
||||
<p class="title">党建矩阵</p>
|
||||
<div class="swiper-box-list">
|
||||
<div id="img-box" class="f-row">
|
||||
<template v-for="(links,index) in bgData.links">
|
||||
<div class="img-box" :key="index" v-if="index < 8" @click="link(links.link)">
|
||||
<a class="img-box" :key="index" v-if="index < 8" :href="links.link" target="_blank">
|
||||
<img :src="links.url" alt />
|
||||
<p>{{links.name}}</p>
|
||||
</div>
|
||||
</a>
|
||||
</template>
|
||||
<img
|
||||
v-if="leftPos != 0"
|
||||
@@ -225,6 +225,13 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
details(id) {
|
||||
let routeUrl = this.$router.resolve({
|
||||
path: "/newsDetails",
|
||||
query: { id: id }
|
||||
});
|
||||
window.open(routeUrl.href, '_blank');
|
||||
},
|
||||
openFullScreen() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
@@ -414,7 +421,7 @@ li {
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
font-stretch: normal;
|
||||
@@ -427,7 +434,7 @@ li {
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
font-stretch: normal;
|
||||
@@ -475,7 +482,7 @@ li {
|
||||
width: 763px;
|
||||
|
||||
h3 {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 22px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -498,7 +505,7 @@ li {
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
font-stretch: normal;
|
||||
@@ -537,16 +544,16 @@ li {
|
||||
height: 100px;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0px;
|
||||
}
|
||||
// &::-webkit-scrollbar {
|
||||
// width: 0px;
|
||||
// }
|
||||
|
||||
li {
|
||||
a {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -567,7 +574,7 @@ li {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -590,7 +597,7 @@ li {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -634,7 +641,7 @@ li {
|
||||
}
|
||||
|
||||
span {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
font-stretch: normal;
|
||||
@@ -651,7 +658,7 @@ li {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -674,7 +681,7 @@ li {
|
||||
border-bottom: 1px solid #ccc;
|
||||
|
||||
span {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -704,7 +711,7 @@ li {
|
||||
|
||||
span {
|
||||
margin-left: 16px;
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -718,7 +725,7 @@ li {
|
||||
|
||||
.title {
|
||||
margin-bottom: 30px;
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
font-stretch: normal;
|
||||
@@ -757,7 +764,7 @@ li {
|
||||
align-items: center;
|
||||
|
||||
time {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 17px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -768,7 +775,7 @@ li {
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 329px;
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -800,7 +807,7 @@ li {
|
||||
justify-content: space-between;
|
||||
|
||||
& > span:first-child {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
font-stretch: normal;
|
||||
@@ -809,7 +816,7 @@ li {
|
||||
}
|
||||
|
||||
& > span:last-child {
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
@@ -844,7 +851,7 @@ li {
|
||||
z-index: 5;
|
||||
text-align: center;
|
||||
|
||||
font-family: "MicrosoftYaHei";
|
||||
font-family: 'MicrosoftYaHei';
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
|
||||
@@ -156,8 +156,8 @@ export default {
|
||||
// this.getData(this.id)
|
||||
},
|
||||
mounted() {
|
||||
this.id = this.$route.params.id
|
||||
let type = this.$route.params.type
|
||||
this.id = this.$route.query.id
|
||||
// let type = this.$route.query.type
|
||||
this.getData(this.id)
|
||||
}
|
||||
};
|
||||
|
||||
@@ -3,7 +3,8 @@
|
||||
<header-nav :index_num="index_num"></header-nav>
|
||||
<div id="box">
|
||||
<template v-if="cd > 0">
|
||||
<div id="news" v-for="(info,index) in bgData.info" :key="index" @click="$jParams('newsDetails',{id:info.id,type:getType})">
|
||||
<!-- @click="$jParams('newsDetails',{id:info.id,type:getType})" -->
|
||||
<router-link id="news" v-for="(info,index) in bgData.info" :key="index" :to="{path:'/newsDetails',query:{id:info.id}}" target="_blank">
|
||||
<div class="news-box">
|
||||
<img :src="info.cover ? info.cover : moren" />
|
||||
<section>
|
||||
@@ -16,7 +17,7 @@
|
||||
<p>{{info.content}}</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</router-link>
|
||||
</template>
|
||||
|
||||
<template v-else>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="wrapper">
|
||||
<header-nav :index_num="index_num"></header-nav>
|
||||
<div id="box">
|
||||
<h3>项目创建</h3>
|
||||
<h3>项目申报</h3>
|
||||
<!-- 导航 -->
|
||||
<div class="box">
|
||||
<div
|
||||
|
||||
@@ -261,7 +261,7 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
download() {
|
||||
this.getPdf('pdfDom', '项目信用报告')
|
||||
this.getPdf('pdfDom', '项目申请书')
|
||||
},
|
||||
preview() {
|
||||
this.popupStatus = !this.popupStatus
|
||||
|
||||
@@ -133,7 +133,7 @@ a {
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/*
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
@@ -157,7 +157,7 @@ li {
|
||||
background-color: rgba(125, 125, 125, 0.7);
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
} */
|
||||
|
||||
html,
|
||||
body {
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 116 KiB |
Reference in New Issue
Block a user