kun 19/10/14 17:10

This commit is contained in:
沈学坤
2019-10-14 17:08:55 +08:00
parent 56896ef5de
commit 205a6b40a6
6 changed files with 143 additions and 73 deletions

View File

@@ -270,9 +270,9 @@ export default {
) {
alert('以上内容不可为空!')
} else {
if(this.flow_party_person < 0 || this.party_person < 0 || this.work_person < 0){
if (this.flow_party_person < 0 || this.party_person < 0 || this.work_person < 0) {
alert('不能出现负数呦!')
}else{
} else {
this.sub = s;
}
}
@@ -456,7 +456,7 @@ export default {
justify-content: center;
div {
margin-bottom: 25px;
margin-bottom: 30px;
height: 43px;
label {
@@ -701,7 +701,7 @@ export default {
}
.o {
margin-bottom: 25px;
margin-bottom: 30px;
width: 100%;
height: 43px;
display: flex;
@@ -748,16 +748,17 @@ export default {
}
span {
margin-right: 30px;
margin-right: 20px;
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
color: #333;
display: inline-block;
width: 101px;
text-align: right;
white-space: nowrap;
}
}
}

View File

@@ -74,12 +74,12 @@
<img class="o" :src="imgUrl.gq" alt />
<span>党组织信息</span>
</div>
<span class="more" @click="$jump('informationQuery')">更多>></span>
<!-- <span class="more" @click="$jump('informationQuery')">更多>></span> -->
</div>
<div class="p">
<ul class="ult">
<ul class="ult-t">
<template v-for="(party,index) in bgData.party">
<li :key="index" v-if="index < 3">
<li :key="index">
<!-- <a href="javascript:void(0);">{{party.party_name}}</a> -->
{{party.party_name}}
</li>
@@ -181,7 +181,7 @@ import HeaderNav from '../../components/HeaderNav';
/* eslint-disable */
import FooterNav from "../../components/FooterNav";
import Swiper from 'swiper';
// import swiper from 'swiper/css/swiper.css'
export default {
components: {
HeaderNav,
@@ -213,14 +213,17 @@ export default {
window.location.href = href
},
initSwiper() {
new Swiper(".swiper-one", {
var swiper = new Swiper(".swiper-one", {
loop: true,
autoplayDisableOnInteraction: false,
autoplay: {
delay: 3000
},
pagination: '.swiper-pagination',
paginationClickable: true,
pagination: {
el: '.swiper-pagination',
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
@@ -230,23 +233,23 @@ export default {
scrollFeeds: function (btn) {
let feeds = document.querySelector(".f-row");
if (btn === "left") {
this.leftPos += 460;
this.leftPos += 240;
let scrollAmount = 0;
var slideTimer = setInterval(function () {
feeds.scrollLeft -= 10;
scrollAmount += 10;
if (scrollAmount >= 460) {
if (scrollAmount >= 240) {
window.clearInterval(slideTimer);
}
}, 25);
} else {
this.leftPos -= 460;
this.leftPos -= 240;
let scrollAmount = 0;
// eslint-disable-next-line no-redeclare
var slideTimer = setInterval(function () {
feeds.scrollLeft += 10;
scrollAmount += 10;
if (scrollAmount >= 460) {
if (scrollAmount >= 240) {
window.clearInterval(slideTimer);
}
}, 25);
@@ -493,6 +496,32 @@ li {
box-sizing: border-box;
padding: 0 14px;
.ult-t {
margin-top: 29px;
overflow-y: scroll;
&::-webkit-scrollbar {
width: 0px;
}
li {
a {
color: #333333;
}
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 33px;
letter-spacing: 0px;
overflow: hidden;
-o-text-overflow: clip;
text-overflow: clip;
white-space: nowrap;
}
}
.ult {
margin-top: 29px;
@@ -792,39 +821,36 @@ li {
height: 100%;
}
}
}
.swiper-pagination {
}
.swiper-button-prev {
position: absolute;
top: 93%;
left: 4%;
width: 13px;
height: 23px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 13px 23px;
background-position: center;
background-repeat: no-repeat;
outline: none;
}
.swiper-button-prev {
position: absolute;
top: 93%;
left: 4%;
width: 13px;
height: 23px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 13px 23px;
background-position: center;
background-repeat: no-repeat;
outline: none;
}
.swiper-button-next {
position: absolute;
top: 93%;
right: 4%;
width: 13px;
height: 23px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 13px 23px;
background-position: center;
background-repeat: no-repeat;
outline: none;
.swiper-button-next {
position: absolute;
top: 93%;
right: 4%;
width: 13px;
height: 23px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 13px 23px;
background-position: center;
background-repeat: no-repeat;
outline: none;
}
}
}
}