提交 7240fafb 编写于 作者: 杨广俊's avatar 杨广俊

去掉动画效果

上级 4b75b80b
<template>
<mt-popup v-model="isShowSelection" position="top">
<!-- <section v-show="isShowSelection" style="position:fixed;top:0;z-index:201;background:#fff;height:100%;overflow-x:auto;"> -->
<!-- <mt-popup v-model="isShowSelection" position="top"> -->
<section v-show="isShowSelection" style="position:fixed;top:0;z-index:201;background:#fff;height:100%;overflow-x:auto;">
<article class="lect-selection">
<section class="lect-selection-title">
<img @click="closeSelectedPage" src="../../images//select-delete.png">
......@@ -111,8 +111,8 @@
</table>
</article>
</section>
<!-- </section> -->
</mt-popup>
</section>
<!-- </mt-popup> -->
</template>
<script>
export default {
......
此差异已折叠。
......@@ -262,11 +262,10 @@ export default {
};
</script>
<style>
.mint-popup.mint-popup-top {
/* .mint-popup.mint-popup-top {
height: 100%;
z-index: 2001;
/* overflow: auto; */
}
} */
.swiper .mint-swipe-indicators {
right: 6px;
top: 50%;
......@@ -293,10 +292,10 @@ export default {
.swiper .is-active {
opacity: 1;
}
.mint-loadmore-top .mint-loadmore-text {
/* .mint-loadmore-top .mint-loadmore-text {
font-size: 12px;
}
.banner-container.swiper-container-horizontal > .swiper-pagination-bullets {
} */
/* .banner-container.swiper-container-horizontal > .swiper-pagination-bullets {
width: 2px;
left: inherit;
transform: translateY(-50%);
......@@ -318,15 +317,15 @@ export default {
> .swiper-pagination-bullets
.swiper-pagination-bullet-active {
opacity: 1;
}
} */
.banner-pagination {
/* .banner-pagination {
width: 2px;
z-index: 100;
right: 10px;
top: 10px;
position: absolute;
}
} */
/* .swiper-pagination-bullet{
} */
......@@ -344,78 +343,14 @@ export default {
.main-body {
position: relative;
}
.box-BG {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10000;
}
.mint-header {
background-color: rgba($color: #000000, $alpha: 0);
}
// .mint-header {
// background-color: rgba($color: #000000, $alpha: 0);
// }
.font-style {
@include sc(0.6rem, #666);
}
.top-evaluat {
}
@keyframes myPullDown {
from {
padding-top: 0;
}
to {
padding-top: px2rem(225px);
}
}
@keyframes myPullUp {
from {
padding-top: px2rem(225px);
}
to {
padding-top: 0;
}
}
.pull-down {
-webkit-animation: myPullDown 1.2s;
animation: myPullDown 1.2s;
padding-top: px2rem(225px);
}
.pull-up {
-webkit-animation: myPullUp 1.2s;
animation: myPullUp 1.2s;
padding-top: 0;
}
.news-update {
display: block;
position: fixed;
background: #f9f6ef;
right: 0;
bottom: px2rem(140px);
height: px2rem(27px);
padding: 0 px2rem(12px);
line-height: px2rem(27px);
border: 1px solid RGBA(162, 129, 60, 0.2);
font-size: px2rem(13px);
box-shadow: 0 px2rem(2px) px2rem(3px) RGBA(202, 168, 97, 0.4);
border-radius: px2rem(14px) 0 0 px2rem(14px);
z-index: 101;
.news-info {
color: #a2813c;
position: relative;
display: inline-block;
i {
position: absolute;
right: -(px2rem(6px));
top: px2rem(4px);
display: inline-block;
width: px2rem(4px);
height: px2rem(4px);
border-radius: 100%;
background: #f47a48;
}
}
}
.home-topMenu {
width: 100%;
text-align: center;
......@@ -431,176 +366,9 @@ export default {
height: 100%;
/* @include bis('../../../images//lect-bg.png');*/
}
.logo_img {
height: px2rem(85px);
width: px2rem(345px);
text-align: center;
}
}
.home-body {
background: #fff;
}
.pathologic-list {
width: 100%;
height: px2rem(52px);
padding: 0 px2rem(15px);
margin-top: px2rem(15px);
.pathologic-item {
float: left;
width: 48%;
box-shadow: 0 px2rem(2px) px2rem(8px) rgba(49, 127, 119, 0.2);
border-radius: px2rem(3px);
background: #fff;
/* padding: px2rem(12px) 0 px2rem(12px) 0;*/
margin-right: 4%;
text-align: center;
.pathologic-icon {
height: px2rem(52px);
/* height: px2rem(20px);*/
img {
width: 100%;
height: px2rem(52px);
padding-bottom: px2rem(8px);
vertical-align: middle;
display: inline-block;
}
}
.pathologic-txt {
font-size: px2rem(14px);
line-height: px2rem(20px);
font-weight: 700;
display: inline-block;
vertical-align: middle;
}
}
.clear {
clear: both;
}
}
</style>
<style lang="scss" scoped>
@import "../../style/mixin.scss";
.lect-selection-content {
position: absolute;
top: px2rem(122px);
z-index: 201;
width: px2rem(375px);
height: 100%;
overflow: auto;
font-size: px2rem(14px);
color: #666666;
margin-right: px2rem(15px);
width: px2rem(360px);
table {
width: 100%;
border-collapse: collapse;
}
&-rp-tb {
padding: px2rem(4px) px2rem(15px);
&-left {
td {
padding-left: px2rem(15px);
border-bottom: 1px solid #f5f6f6;
}
background: #f5f6f6;
}
tr {
height: px2rem(40px);
line-height: px2rem(40px);
}
td {
height: px2rem(40px);
img {
position: relative;
top: px2rem(6px);
left: 0;
width: 20px;
height: 20px;
}
}
&-tb {
td {
padding-left: px2rem(8px);
border-bottom: 1px solid #f0f0f0;
}
}
&-tb-2 {
td {
padding-left: 0;
border-bottom: 1px solid #f0f0f0;
}
table {
width: 96%;
margin: 0 px2rem(15px);
}
}
}
}
.lect-selection {
display: flex;
background: #fff;
flex-direction: row;
&-title {
display: flex;
flex-direction: row;
padding: px2rem(33px) px2rem(15px) px2rem(13px);
width: px2rem(375px);
justify-content: space-between;
font-size: px2rem(13px);
height: px2rem(68px);
// line-height: px2rem(64px);
border-bottom: 1px solid #e7e7e7;
img {
position: relative;
top: px2rem(1px);
left: px2rem(1px);
height: px2rem(25px);
width: px2rem(25px);
}
span {
height: px2rem(18px);
font-size: px2rem(18px);
color: #333;
}
}
}
.group-title {
position: absolute;
top: px2rem(80px);
z-index: 202;
display: flex;
flex-direction: row;
padding: px2rem(4px) px2rem(25px) px2rem(16px);
border-bottom: 1px solid #f0f0f0;
&-order {
display: flex;
flex-direction: row;
width: px2rem(325px);
justify-content: space-between;
font-size: px2rem(13px);
&-item {
span {
font-size: px2rem(15px);
color: #333;
}
img {
position: relative;
top: 0;
left: px2rem(-1px);
height: px2rem(11px);
width: px2rem(11px);
}
}
}
}
.active {
color: #449284 !important;
}
.bg-white {
background: #fff;
}
</style>
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册