Skip to content

P
pica.cloud.web-education-admin
提交 cc1edb0b 编写于 作者: 杨广俊's avatar 杨广俊
浏览文件
操作

排序优化

上级 34b3acfd
隐藏空白字符变更
内嵌 并排
正在显示 包含 584 行增加 和 546 行删除
src/utils/index.js
浏览文件 @ cc1edb0b
...@@ -56,6 +56,54 @@ export function deepCopy(obj) { ...@@ -56,6 +56,54 @@ export function deepCopy(obj) {
return result; return result;
} }
/**
*
* @param {Array} originData 初始数据
* @param {Boolean} isUp true: 升序 false: 降序
* @param {String} sortField 排序字段，如果没有，则直接排序
* @param {Function} converFun 字段转换函数
*/
export function arraySort(originData, isUp = true, sortedField, converFun) {
let sortedData = originData.slice(), swap, sourceA, sourceB;
for(let i = 0; i < sortedData.length - 1; i ++) {
for(let j = 0; j < sortedData.length - i -1; j++) {
sourceA = sortedData[j]
sourceB = sortedData[j + 1]
if(sortedField && !converFun) {
sourceA = sourceA[sortedField]
sourceB = sourceB[sortedField]
} else if(sortedField && converFun && typeof converFun === 'function'){
if(!sourceA[sortedField] || !sourceB[sortedField]) {
sourceA = 0
sourceB = 0
} else {
sourceA = converFun(sourceA[sortedField])
sourceB = converFun(sourceB[sortedField])
}
}
if(!sourceA || !sourceB) {
sourceA = 0
sourceB = 0
}
if(isUp) {
if(sourceA - 0 > sourceB - 0) {
swap = sortedData[j]
sortedData[j] = sortedData[j + 1]
sortedData[j + 1] = swap
}
} else {
if(sourceA - 0 < sourceB - 0) {
swap = sortedData[j]
sortedData[j] = sortedData[j + 1]
sortedData[j + 1] = swap
}
}
}
}
console.log(sortedData)
return sortedData
}
export function pageJumpUrl(){ export function pageJumpUrl(){
let url = { let url = {
pageListUrl : 'https://test1-contents.yunqueyi.com/content_list', pageListUrl : 'https://test1-contents.yunqueyi.com/content_list',
......
src/views/teachers/index.vue
浏览文件 @ cc1edb0b
<template> <template>
<div class="main-body" ref="wrapper"> <div class="main-body" ref="wrapper">
<section class="home-header"> <section class="home-header">
<div class="home-topMenu"> <div class="home-topMenu">
<YqyHomeHeader :searchFix="searchFix"/> <YqyHomeHeader :searchFix="searchFix"/>
</div> </div>
<div class="swiper"> <div class="swiper">
<mt-swipe :auto="3000" :speed="speedSwiper" :stopPropagation="prevent"> <mt-swipe :auto="3000" :speed="speedSwiper" :stopPropagation="prevent">
<mt-swipe-item v-for="(item, index) in listSwiper" :key="index" > <mt-swipe-item v-for="(item, index) in listSwiper" :key="index">
<img :src="item.imageUrl" @click="goLinkByswiper(item)"/> <img :src="item.imageUrl" @click="goLinkByswiper(item)">
</mt-swipe-item> </mt-swipe-item>
</mt-swipe> </mt-swipe>
</div> </div>
</section> </section>
<!-- 热门讲师 --> <!-- 热门讲师 -->
<YqyHotLecturer /> <YqyHotLecturer/>
<!-- 讲师标题 --> <!-- 讲师标题 -->
<YqyLecturerTitle/> <YqyLecturerTitle/>
<!-- 讲师选择标题 --> <!-- 讲师选择标题 -->
<YqyLecturerSelect <YqyLecturerSelect
@selectedType="selectedTypeFromTitle" @selectedType="selectedTypeFromTitle"
:selectedAreaName="selectedTitleTitle" :selectedAreaName="selectedTitleTitle"
:selectedLevelName="selectedLevelName" :selectedLevelName="selectedLevelName"
:selectedDepartName="selectedDepartName" :selectedDepartName="selectedDepartName"
/> />
<!-- 讲师排序 --> <!-- 讲师排序 -->
<YqyLecturerOrder ref="lecturerOrderRef" groupTitle="全部讲师" @order="orderAction"/> <YqyLecturerOrder ref="lecturerOrderRef" groupTitle="全部讲师" @order="orderAction"/>
<!-- 讲师列表 --> <!-- 讲师列表 -->
<YqyTeacherList :parmData="parmDataDoctList"/> <YqyTeacherList :parmData="parmDataDoctList"/>
<!-- 讲师选择组件 - 弹框 --> <!-- 讲师选择组件 - 弹框 -->
<YqyLecturerSelectContent <YqyLecturerSelectContent ref="lecturerSelContRef" @selectedData="selectedLecturerList"/>
ref="lecturerSelContRef"
@selectedData="selectedLecturerList" <!--返回顶部-->
/> <BackTop v-if="searchFix"/>
</div>
<!--返回顶部-->
<BackTop v-if="searchFix"/>
</div>
</template> </template>
<script> <script>
import { Swipe, SwipeItem} from 'mint-ui'; import { arraySort } from "@/utils/index";
import {mapState, mapMutations, mapActions} from 'vuex' import { Swipe, SwipeItem } from "mint-ui";
import BackTop from '@/components/business/backTop'; import { mapState, mapMutations, mapActions } from "vuex";
import YqyHomeHeader from '@/components/business/yqy-home-header'; import BackTop from "@/components/business/backTop";
import YqyLecturerTitle from '@/components/business/yqy-lecturer-title'; import YqyHomeHeader from "@/components/business/yqy-home-header";
import YqyLecturerSelect from '@/components/business/yqy-lecturer-select'; import YqyLecturerTitle from "@/components/business/yqy-lecturer-title";
import YqyLecturerOrder from '@/components/business/yqy-lecturer-order'; import YqyLecturerSelect from "@/components/business/yqy-lecturer-select";
import YqyLecturerSelectContent from '@/components/business/yqy-lecturer-select-content'; import YqyLecturerOrder from "@/components/business/yqy-lecturer-order";
import YqyHotLecturer from '@/components/business/yqy-hot-lecturer'; import YqyLecturerSelectContent from "@/components/business/yqy-lecturer-select-content";
import YqyTeacherList from '@/components/business/yqy-teacher-list' import YqyHotLecturer from "@/components/business/yqy-hot-lecturer";
import YqyTeacherList from "@/components/business/yqy-teacher-list";
export default { export default {
data(){ data() {
return { return {
showSelectedPage: true, showSelectedPage: true,
parmDataDoctList: [], parmDataDoctList: [],
oldParmDataDoctList: [], oldParmDataDoctList: [],
selectedTypeIndex: 1, selectedTypeIndex: 1,
prevent: true, prevent: true,
isShowBackTop: false, isShowBackTop: false,
speedSwiper: 300, speedSwiper: 300,
//轮播图默认数据 //轮播图默认数据
listSwiper: [{ listSwiper: [
"imageUrl": require('../../images//banner-default.png') {
},{ imageUrl: require("../../images//banner-default.png")
"imageUrl": require('../../images//banner-default.png') },
},{ {
"imageUrl": require('../../images//banner-default.png') imageUrl: require("../../images//banner-default.png")
},{ },
"imageUrl": require('../../images//banner-default.png') {
},{ imageUrl: require("../../images//banner-default.png")
"imageUrl": require('../../images//banner-default.png') },
}], {
scrollTimer: null, imageUrl: require("../../images//banner-default.png")
scrollTop: 0, },
userToken: '', {
searchFix: false, imageUrl: require("../../images//banner-default.png")
statusBarHeight: 0,
userMobile: '',
isFailSwiper: 1,
selectedTitleTitle: '全国',
selectedAreaName: '全国',
selectedAreaSubName: '',
selectedLevelName: '全部等级',
selectedDepartName: '全部科室',
} }
],
scrollTimer: null,
scrollTop: 0,
userToken: "",
searchFix: false,
statusBarHeight: 0,
userMobile: "",
isFailSwiper: 1,
selectedTitleTitle: "全国",
selectedAreaName: "全国",
selectedAreaSubName: "",
selectedLevelName: "全部等级",
selectedDepartName: "全部科室"
};
},
components: {
Swipe,
SwipeItem,
BackTop,
YqyHomeHeader,
YqyLecturerTitle,
YqyLecturerSelect,
YqyLecturerOrder,
YqyLecturerSelectContent,
YqyHotLecturer,
YqyTeacherList
},
computed: {
selectedTitle() {
return this.selectedTypeIndex === 1
? "选择地区"
: this.selectedTypeIndex === 2
? "选择等级"
: "选择科室";
}
},
beforeCreate() {},
created() {
let _this = this;
_this.initAll();
_this.getUserInfo();
// window.__refresh = function(params){
// }
window.__getStatusBarHeight = function(parm) {
// alert(JSON.stringify(parm))
_this.statusBarHeight = parm.statusBarHeight;
};
// alert("token之前");
window.__getUserInfo = function(parm) {
// _this.systemType = parm.systemType;
// _this.appVersion = parm.appVersion;
// _this.token = parm.userToken;
// _this.userToken = parm.userToken;
// _this.userMobile = parm.userMobile;
// _this.initByToken(parm.userToken);
};
// _this.getStatusHight()
// _this.initByToken('593F679F62964076AF1C7489DA3343ED');
// arraySort([1, 1, 1, 2, 2, 1, 1, 3, 4, 2, 5])
},
beforeMount() {
// let appBody = document.getElementById('appBody')
// appBody.style.overflow = 'hidden'
// appBody.style.height = '0'
},
mounted() {
window.addEventListener("scroll", this.scrollFun);
},
beforeDestroyed() {
window.removeEventListener("scroll", this.scrollFun);
},
watch: {},
methods: {
// 排序
orderAction(orderName, isSortUp) {
let orderType = isSortUp ? -1 : 1;
let orderData = this.oldParmDataDoctList.slice();
if(orderName === "newTime") {
orderData = arraySort(orderData, isSortUp, orderName, (fieldValue) => {
return new Date(fieldValue.replace(/-/g, "/")).getTime() / 1000
})
} else {
orderData = arraySort(orderData, isSortUp, orderName)
}
this.parmDataDoctList = orderData;
}, },
components:{
Swipe, // 选择器组件回调
SwipeItem, selectedLecturerList(
BackTop, paramList,
YqyHomeHeader, selectedTitle,
YqyLecturerTitle, selectedLevelName,
YqyLecturerSelect, selectedDepartName
YqyLecturerOrder, ) {
YqyLecturerSelectContent, this.parmDataDoctList = paramList;
YqyHotLecturer, this.oldParmDataDoctList = paramList;
YqyTeacherList, this.orderAction("doctorFirstNameChar", true);
this.$refs.lecturerOrderRef.reset();
this.selectedTitleTitle = selectedTitle;
this.selectedLevelName = selectedLevelName;
this.selectedDepartName = selectedDepartName;
}, },
computed: { // 选择标题组件
selectedTitle() { selectedTypeFromTitle(index) {
return this.selectedTypeIndex === 1 ? '选择地区' : this.selectedTypeIndex === 2 ? '选择等级' : '选择科室' this.selectedTypeIndex = index;
} this.$refs.lecturerSelContRef.selectedType(index);
this.$refs.lecturerSelContRef.show();
}, },
beforeCreate() { // 请求数据
initAll() {
this.getSwiper();
this.getYqDoctorDataByCD();
}, },
created () {
let _this = this;
_this.initAll()
_this.getUserInfo();
// window.__refresh = function(params){ //获取状态栏高度
getStatusHight() {
// } rocNative.getStatusBarHeight({
__funcName: "__getStatusBarHeight"
});
},
window.__getStatusBarHeight = function(parm){ //获取用户信息及版本号等（）
// alert(JSON.stringify(parm)) getUserInfo() {
_this.statusBarHeight = parm.statusBarHeight; rocNative.getUserInfo({
} __funcName: "__getUserInfo"
});
},
// alert("token之前"); //轮播图跳转
window.__getUserInfo = function(parm){ goLinkByswiper(itemData) {
// _this.systemType = parm.systemType; this.pageBurialPoin({
// _this.appVersion = parm.appVersion; menuLevel: 1,
// _this.token = parm.userToken; menuCode: "m_home",
// _this.userToken = parm.userToken; functionCode: "f_banner",
// _this.userMobile = parm.userMobile; actionCode: "c_banner",
labelId: itemData.id,
labelValue: itemData.name
});
let paramList = this.setEventByModuleCode(itemData);
rocNative.dispatchEventByModuleCode({
modeCode: itemData.appModuleInfo.code,
jsonString: paramList
});
},
// _this.initByToken(parm.userToken); //根据条件获取讲师列表
getYqDoctorDataByCD() {
let _this = this,
para = {
provinceId: 0,
cityId: 0,
countyId: 0,
levelGrade: 0,
departmentId: 0,
setEntry: "headers"
};
this.GET("contents/courseDoctor/v1/getAllTeacher", para).then(res => {
if (res.code == "000000") {
_this.parmDataDoctList = (res.data && res.data.list) || [];
_this.oldParmDataDoctList = (res.data && res.data.list) || [];
_this.orderAction("doctorFirstNameChar", true);
} }
// _this.getStatusHight() });
// _this.initByToken('593F679F62964076AF1C7489DA3343ED');
}, },
beforeMount() { scrollEndFun() {
// let appBody = document.getElementById('appBody') let scrollTop =
// appBody.style.overflow = 'hidden' document.body.scrollTop || document.documentElement.scrollTop;
// appBody.style.height = '0' // let newCourseTop = document.querySelector('#famus-teacher').offsetTop;
}, // let fivesTop = document.querySelector('#fiveBoxMenu').offsetTop;
mounted(){
window.addEventListener('scroll', this.scrollFun);
}, },
beforeDestroyed(){ // 响应滚动事件，截流处理
window.removeEventListener('scroll', this.scrollFun) scrollFun() {
}, let isBusy = false;
watch:{ if (!isBusy) {
isBusy = true;
setTimeout(() => {
let scrollTop =
document.body.scrollTop || document.documentElement.scrollTop;
if (scrollTop > 20) {
this.searchFix = true;
} else {
this.searchFix = false;
}
isBusy = false;
}, 100);
}
}, },
methods: { // 获取轮播图数据
// 排序 getSwiper() {
orderAction(orderName, isSortUp) { let _this = this,
let orderType = isSortUp ? -1 : 1 para = {
let orderData = this.oldParmDataDoctList.slice() setEntry: "headers"
orderData.sort((a, b)=> { };
if (orderName === 'doctorFirstNameChar') { this.GET("contents/courseDoctorBanner/queryList", para).then(res => {
if (!a[orderName] || !b[orderName]) { if (res.code == "000000") {
return 0 _this.listSwiper = res.data.bannerList || [];
} }
if (a[orderName] > b[orderName]) { if (_this.listSwiper.length == 0) {
return 1 * orderType _this.isFailSwiper += 1;
} else if (a[orderName] < b[orderName]) { }
return -1 * orderType _this.isFailSwiper = _this.listSwiper.length == 0 ? 2 : 1;
} else { });
return 0
}
} else if(orderName === 'newTime') {
if (!a[orderName] || !b[orderName]) {
return 0
}
let aTime = (new Date((a[orderName]).replace(/-/g, "/")).getTime())/1000
let bTime = (new Date((b[orderName]).replace(/-/g, "/")).getTime())/1000
if(aTime == bTime) return 0
if(isSortUp) {
return aTime > bTime ? 1 : -1
} else {
return aTime > bTime ? -1 : 1
}
} else {
if (a[orderName] > b[orderName]) {
return 1 * orderType
} else if (a[orderName] < b[orderName]) {
return -1 * orderType
} else {
return 0
}
}
})
this.parmDataDoctList = orderData
},
// 选择器组件回调
selectedLecturerList(paramList, selectedTitle, selectedLevelName, selectedDepartName) {
this.parmDataDoctList = paramList
this.oldParmDataDoctList = paramList
this.orderAction('doctorFirstNameChar', true)
this.$refs.lecturerOrderRef.reset()
this.selectedTitleTitle = selectedTitle
this.selectedLevelName = selectedLevelName
this.selectedDepartName = selectedDepartName
},
// 选择标题组件
selectedTypeFromTitle(index) {
this.selectedTypeIndex = index
this.$refs.lecturerSelContRef.selectedType(index)
this.$refs.lecturerSelContRef.show()
},
// 请求数据
initAll(){
this.getSwiper()
this.getYqDoctorDataByCD()
},
//获取状态栏高度
getStatusHight(){
rocNative.getStatusBarHeight({
__funcName: '__getStatusBarHeight'
})
},
//获取用户信息及版本号等（）
getUserInfo(){
rocNative.getUserInfo({
__funcName: '__getUserInfo'
})
},
//轮播图跳转
goLinkByswiper(itemData){
this.pageBurialPoin({
menuLevel:1,
menuCode:'m_home',
functionCode:'f_banner',
actionCode:'c_banner',
labelId:itemData.id,
labelValue:itemData.name
})
let paramList = this.setEventByModuleCode(itemData);
rocNative.dispatchEventByModuleCode({
modeCode: itemData.appModuleInfo.code,
jsonString: paramList
})
},
//根据条件获取讲师列表
getYqDoctorDataByCD(){
let _this = this,
para = {
provinceId: 0,
cityId: 0,
countyId: 0,
levelGrade: 0,
departmentId: 0,
setEntry: 'headers'
}
this.GET('contents/courseDoctor/v1/getAllTeacher', para).then(res => {
if(res.code == '000000'){
_this.parmDataDoctList = res.data && res.data.list || []
_this.oldParmDataDoctList = res.data && res.data.list || []
_this.orderAction('doctorFirstNameChar', true)
}
})
},
scrollEndFun(){
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
// let newCourseTop = document.querySelector('#famus-teacher').offsetTop;
// let fivesTop = document.querySelector('#fiveBoxMenu').offsetTop;
},
// 响应滚动事件，截流处理
scrollFun() {
let isBusy = false
if (!isBusy) {
isBusy = true
setTimeout(() => {
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop
if(scrollTop > 20){
this.searchFix = true;
}else{
this.searchFix = false;
}
isBusy = false
}, 100)
}
},
// 获取轮播图数据
getSwiper(){
let _this = this,
para = {
setEntry: 'headers',
}
this.GET('contents/courseDoctorBanner/queryList', para).then(res => {
if(res.code == '000000'){
_this.listSwiper = res.data.bannerList || [];
}
if( _this.listSwiper.length == 0){
_this.isFailSwiper += 1;
}
_this.isFailSwiper = _this.listSwiper.length == 0 ? 2 : 1 ;
})
},
} }
} }
};
</script> </script>
<style> <style>
.mint-popup.mint-popup-top { .mint-popup.mint-popup-top {
height: 100%; height: 100%;
z-index: 2001; z-index: 2001;
/* overflow: auto; */ /* overflow: auto; */
} }
.swiper .mint-swipe-indicators{ .swiper .mint-swipe-indicators {
right: 6px; right: 6px;
top:50%; top: 50%;
bottom: inherit; bottom: inherit;
left:inherit; left: inherit;
width:10px; width: 10px;
text-align: center; text-align: center;
transform: translateX(0%); transform: translateX(0%);
transform: translateY(-50%); transform: translateY(-50%);
} }
.swiper .mint-swipe-item img{ .swiper .mint-swipe-item img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.swiper .mint-swipe-indicator{ .swiper .mint-swipe-indicator {
width:2px; width: 2px;
height: 8px; height: 8px;
background: #fff; background: #fff;
opacity: 0.4; opacity: 0.4;
float: left; float: left;
margin-top:3px; margin-top: 3px;
border-radius: 0; border-radius: 0;
} }
.swiper .is-active{ .swiper .is-active {
opacity: 1; opacity: 1;
} }
.mint-loadmore-top .mint-loadmore-text{font-size: 12px;} .mint-loadmore-top .mint-loadmore-text {
.banner-container.swiper-container-horizontal>.swiper-pagination-bullets{ font-size: 12px;
width: 2px; }
left: inherit; .banner-container.swiper-container-horizontal > .swiper-pagination-bullets {
transform: translateY(-50%); width: 2px;
position: absolute; left: inherit;
right: 6px; transform: translateY(-50%);
top:50%; position: absolute;
} right: 6px;
.banner-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ top: 50%;
width: 2px; }
height: 7px; .banner-container.swiper-container-horizontal
background: #fff; > .swiper-pagination-bullets
margin:6px 0 0 0; .swiper-pagination-bullet {
float: left; width: 2px;
opacity: 0.4; height: 7px;
background: #fff;
} margin: 6px 0 0 0;
.banner-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ float: left;
opacity: 1 opacity: 0.4;
} }
.banner-container.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet-active {
opacity: 1;
}
.banner-pagination{ .banner-pagination {
width: 2px; width: 2px;
z-index: 100; z-index: 100;
right: 10px; right: 10px;
top:10px; top: 10px;
position: absolute; position: absolute;
} }
/* .swiper-pagination-bullet{ /* .swiper-pagination-bullet{
} */ } */
.swiper-slide img{ .swiper-slide img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../../style/mixin'; @import "../../style/mixin";
@import '../../style/swiper.min.css'; @import "../../style/swiper.min.css";
.banner-container{ .banner-container {
height: px2rem(210px) height: px2rem(210px);
} }
.main-body{ .main-body {
position: relative; position: relative;
} }
.box-BG{ .box-BG {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top:0; top: 0;
left: 0; left: 0;
z-index: 10000 z-index: 10000;
} }
.mint-header { .mint-header {
background-color: rgba($color: #000000, $alpha: 0) background-color: rgba($color: #000000, $alpha: 0);
} }
.font-style { .font-style {
@include sc(0.6rem, #666); @include sc(0.6rem, #666);
} }
.top-evaluat{ .top-evaluat {
}
} @keyframes myPullDown {
@keyframes myPullDown{ from {
from {padding-top: 0;} padding-top: 0;
to {padding-top:px2rem(225px)} }
} to {
@keyframes myPullUp{ padding-top: px2rem(225px);
from {padding-top: px2rem(225px);} }
to {padding-top:0} }
} @keyframes myPullUp {
.pull-down{ from {
-webkit-animation: myPullDown 1.2s; padding-top: px2rem(225px);
animation: myPullDown 1.2s; }
padding-top:px2rem(225px) to {
} padding-top: 0;
.pull-up{ }
-webkit-animation: myPullUp 1.2s; }
animation: myPullUp 1.2s; .pull-down {
padding-top:0 -webkit-animation: myPullDown 1.2s;
} animation: myPullDown 1.2s;
.news-update{ padding-top: px2rem(225px);
display: block; }
position: fixed; .pull-up {
background: #F9F6EF; -webkit-animation: myPullUp 1.2s;
right: 0; animation: myPullUp 1.2s;
bottom: px2rem(140px); padding-top: 0;
height: px2rem(27px); }
padding:0 px2rem(12px);; .news-update {
line-height: px2rem(27px); display: block;
border:1px solid RGBA(162, 129, 60, 0.2); position: fixed;
font-size: px2rem(13px); background: #f9f6ef;
box-shadow: 0 px2rem(2px) px2rem(3px) RGBA(202, 168, 97, 0.4); right: 0;
border-radius: px2rem(14px) 0 0 px2rem(14px); bottom: px2rem(140px);
z-index: 101; height: px2rem(27px);
.news-info{ padding: 0 px2rem(12px);
color: #A2813C; line-height: px2rem(27px);
position: relative; border: 1px solid RGBA(162, 129, 60, 0.2);
display: inline-block; font-size: px2rem(13px);
i{ box-shadow: 0 px2rem(2px) px2rem(3px) RGBA(202, 168, 97, 0.4);
position: absolute; border-radius: px2rem(14px) 0 0 px2rem(14px);
right: -(px2rem(6px)); z-index: 101;
top:px2rem(4px); .news-info {
display: inline-block; color: #a2813c;
width: px2rem(4px); position: relative;
height: px2rem(4px); display: inline-block;
border-radius: 100%; i {
background: #F47A48 position: absolute;
} right: -(px2rem(6px));
} top: px2rem(4px);
display: inline-block;
} width: px2rem(4px);
.home-topMenu{ height: px2rem(4px);
width: 100%; border-radius: 100%;
text-align:center; background: #f47a48;
top:0;
position: absolute;
z-index: 10;
} }
}
}
.home-topMenu {
width: 100%;
text-align: center;
top: 0;
position: absolute;
z-index: 10;
}
.home-header { .home-header {
height: px2rem(234px); // banner图片变高了 height: px2rem(234px); // banner图片变高了
// height: px2rem(210px); // height: px2rem(210px);
.swiper{ .swiper {
height: 100%; height: 100%;
/* @include bis('../../../images//lect-bg.png');*/ /* @include bis('../../../images//lect-bg.png');*/
} }
.logo_img{ .logo_img {
height: px2rem(85px); height: px2rem(85px);
width: px2rem(345px); width: px2rem(345px);
text-align: center; text-align: center;
} }
} }
.home-body{ .home-body {
background: #fff background: #fff;
} }
.pathologic-list{ .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%; width: 100%;
height: px2rem(52px); height: px2rem(52px);
padding: 0 px2rem(15px); padding-bottom: px2rem(8px);
margin-top: px2rem(15px); vertical-align: middle;
.pathologic-item{ display: inline-block;
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;
}
} }
.pathologic-txt {
font-size: px2rem(14px);
line-height: px2rem(20px);
font-weight: 700;
display: inline-block;
vertical-align: middle;
}
}
.clear {
clear: both;
}
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../../style/mixin.scss'; @import "../../style/mixin.scss";
.lect-selection-content { .lect-selection-content {
position: absolute; position: absolute;
top: px2rem(122px); top: px2rem(122px);
z-index: 201; z-index: 201;
width: px2rem(375px); width: px2rem(375px);
height: 100%; height: 100%;
overflow: auto; overflow: auto;
font-size: px2rem(14px); font-size: px2rem(14px);
color: #666666; color: #666666;
margin-right: px2rem(15px); margin-right: px2rem(15px);
width: px2rem(360px); width: px2rem(360px);
table { table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
}
&-rp-tb {
padding: px2rem(4px) px2rem(15px);
&-left {
td {
padding-left: px2rem(15px);
border-bottom: 1px solid #f5f6f6;
}
background: #f5f6f6;
} }
&-rp-tb { tr {
padding: px2rem(4px) px2rem(15px); height: px2rem(40px);
&-left { line-height: px2rem(40px);
td { }
padding-left: px2rem(15px); td {
border-bottom: 1px solid #F5F6F6; height: px2rem(40px);
} img {
background: #F5F6F6; position: relative;
} top: px2rem(6px);
tr { left: 0;
height: px2rem(40px); width: 20px;
line-height: px2rem(40px); height: 20px;
} }
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);
}
}
} }
&-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 { .lect-selection {
...@@ -614,7 +605,6 @@ export default { ...@@ -614,7 +605,6 @@ export default {
} }
} }
.group-title { .group-title {
position: absolute; position: absolute;
top: px2rem(80px); top: px2rem(80px);
...@@ -648,6 +638,6 @@ export default { ...@@ -648,6 +638,6 @@ export default {
color: #449284 !important; color: #449284 !important;
} }
.bg-white { .bg-white {
background: #fff; background: #fff;
} }
</style> </style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或