Skip to content

P
pica-admin-consultation
提交 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
...@@ -6,15 +6,15 @@ ...@@ -6,15 +6,15 @@
</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/>
...@@ -34,30 +34,27 @@ ...@@ -34,30 +34,27 @@
<YqyTeacherList :parmData="parmDataDoctList"/> <YqyTeacherList :parmData="parmDataDoctList"/>
<!-- 讲师选择组件 - 弹框 --> <!-- 讲师选择组件 - 弹框 -->
<YqyLecturerSelectContent <YqyLecturerSelectContent ref="lecturerSelContRef" @selectedData="selectedLecturerList"/>
ref="lecturerSelContRef"
@selectedData="selectedLecturerList"
/>
<!--返回顶部--> <!--返回顶部-->
<BackTop v-if="searchFix"/> <BackTop v-if="searchFix"/>
</div> </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: [],
...@@ -67,32 +64,38 @@ export default { ...@@ -67,32 +64,38 @@ export default {
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') },
}], {
imageUrl: require("../../images//banner-default.png")
},
{
imageUrl: require("../../images//banner-default.png")
}
],
scrollTimer: null, scrollTimer: null,
scrollTop: 0, scrollTop: 0,
userToken: '', userToken: "",
searchFix: false, searchFix: false,
statusBarHeight: 0, statusBarHeight: 0,
userMobile: '', userMobile: "",
isFailSwiper: 1, isFailSwiper: 1,
selectedTitleTitle: '全国', selectedTitleTitle: "全国",
selectedAreaName: '全国', selectedAreaName: "全国",
selectedAreaSubName: '', selectedAreaSubName: "",
selectedLevelName: '全部等级', selectedLevelName: "全部等级",
selectedDepartName: '全部科室', selectedDepartName: "全部科室"
} };
}, },
components:{ components: {
Swipe, Swipe,
SwipeItem, SwipeItem,
BackTop, BackTop,
...@@ -102,43 +105,45 @@ export default { ...@@ -102,43 +105,45 @@ export default {
YqyLecturerOrder, YqyLecturerOrder,
YqyLecturerSelectContent, YqyLecturerSelectContent,
YqyHotLecturer, YqyHotLecturer,
YqyTeacherList, YqyTeacherList
}, },
computed: { computed: {
selectedTitle() { selectedTitle() {
return this.selectedTypeIndex === 1 ? '选择地区' : this.selectedTypeIndex === 2 ? '选择等级' : '选择科室' return this.selectedTypeIndex === 1
? "选择地区"
: this.selectedTypeIndex === 2
? "选择等级"
: "选择科室";
} }
}, },
beforeCreate() { beforeCreate() {},
}, created() {
created () {
let _this = this; let _this = this;
_this.initAll() _this.initAll();
_this.getUserInfo(); _this.getUserInfo();
// window.__refresh = function(params){ // window.__refresh = function(params){
// } // }
window.__getStatusBarHeight = function(parm){ window.__getStatusBarHeight = function(parm) {
// alert(JSON.stringify(parm)) // alert(JSON.stringify(parm))
_this.statusBarHeight = parm.statusBarHeight; _this.statusBarHeight = parm.statusBarHeight;
} };
// alert("token之前"); // alert("token之前");
window.__getUserInfo = function(parm){ window.__getUserInfo = function(parm) {
// _this.systemType = parm.systemType; // _this.systemType = parm.systemType;
// _this.appVersion = parm.appVersion; // _this.appVersion = parm.appVersion;
// _this.token = parm.userToken; // _this.token = parm.userToken;
// _this.userToken = parm.userToken; // _this.userToken = parm.userToken;
// _this.userMobile = parm.userMobile; // _this.userMobile = parm.userMobile;
// _this.initByToken(parm.userToken); // _this.initByToken(parm.userToken);
} };
// _this.getStatusHight() // _this.getStatusHight()
// _this.initByToken('593F679F62964076AF1C7489DA3343ED'); // _this.initByToken('593F679F62964076AF1C7489DA3343ED');
// arraySort([1, 1, 1, 2, 2, 1, 1, 3, 4, 2, 5])
}, },
beforeMount() { beforeMount() {
...@@ -146,114 +151,91 @@ export default { ...@@ -146,114 +151,91 @@ export default {
// appBody.style.overflow = 'hidden' // appBody.style.overflow = 'hidden'
// appBody.style.height = '0' // appBody.style.height = '0'
}, },
mounted(){ mounted() {
window.addEventListener('scroll', this.scrollFun); window.addEventListener("scroll", this.scrollFun);
}, },
beforeDestroyed(){ beforeDestroyed() {
window.removeEventListener('scroll', this.scrollFun) window.removeEventListener("scroll", this.scrollFun);
},
watch:{
}, },
watch: {},
methods: { methods: {
// 排序 // 排序
orderAction(orderName, isSortUp) { orderAction(orderName, isSortUp) {
let orderType = isSortUp ? -1 : 1 let orderType = isSortUp ? -1 : 1;
let orderData = this.oldParmDataDoctList.slice() let orderData = this.oldParmDataDoctList.slice();
orderData.sort((a, b)=> { if(orderName === "newTime") {
if (orderName === 'doctorFirstNameChar') { orderData = arraySort(orderData, isSortUp, orderName, (fieldValue) => {
if (!a[orderName] || !b[orderName]) { return new Date(fieldValue.replace(/-/g, "/")).getTime() / 1000
return 0 })
}
if (a[orderName] > b[orderName]) {
return 1 * orderType
} else if (a[orderName] < b[orderName]) {
return -1 * orderType
} 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 { } else {
return 0 orderData = arraySort(orderData, isSortUp, orderName)
}
} }
}) this.parmDataDoctList = orderData;
this.parmDataDoctList = orderData
}, },
// 选择器组件回调 // 选择器组件回调
selectedLecturerList(paramList, selectedTitle, selectedLevelName, selectedDepartName) { selectedLecturerList(
this.parmDataDoctList = paramList paramList,
this.oldParmDataDoctList = paramList selectedTitle,
this.orderAction('doctorFirstNameChar', true) selectedLevelName,
this.$refs.lecturerOrderRef.reset() selectedDepartName
this.selectedTitleTitle = selectedTitle ) {
this.selectedLevelName = selectedLevelName this.parmDataDoctList = paramList;
this.selectedDepartName = selectedDepartName this.oldParmDataDoctList = paramList;
this.orderAction("doctorFirstNameChar", true);
this.$refs.lecturerOrderRef.reset();
this.selectedTitleTitle = selectedTitle;
this.selectedLevelName = selectedLevelName;
this.selectedDepartName = selectedDepartName;
}, },
// 选择标题组件 // 选择标题组件
selectedTypeFromTitle(index) { selectedTypeFromTitle(index) {
this.selectedTypeIndex = index this.selectedTypeIndex = index;
this.$refs.lecturerSelContRef.selectedType(index) this.$refs.lecturerSelContRef.selectedType(index);
this.$refs.lecturerSelContRef.show() this.$refs.lecturerSelContRef.show();
}, },
// 请求数据 // 请求数据
initAll(){ initAll() {
this.getSwiper() this.getSwiper();
this.getYqDoctorDataByCD() this.getYqDoctorDataByCD();
}, },
//获取状态栏高度 //获取状态栏高度
getStatusHight(){ getStatusHight() {
rocNative.getStatusBarHeight({ rocNative.getStatusBarHeight({
__funcName: '__getStatusBarHeight' __funcName: "__getStatusBarHeight"
}) });
}, },
//获取用户信息及版本号等（） //获取用户信息及版本号等（）
getUserInfo(){ getUserInfo() {
rocNative.getUserInfo({ rocNative.getUserInfo({
__funcName: '__getUserInfo' __funcName: "__getUserInfo"
}) });
}, },
//轮播图跳转 //轮播图跳转
goLinkByswiper(itemData){ goLinkByswiper(itemData) {
this.pageBurialPoin({ this.pageBurialPoin({
menuLevel:1, menuLevel: 1,
menuCode:'m_home', menuCode: "m_home",
functionCode:'f_banner', functionCode: "f_banner",
actionCode:'c_banner', actionCode: "c_banner",
labelId:itemData.id, labelId: itemData.id,
labelValue:itemData.name labelValue: itemData.name
});
})
let paramList = this.setEventByModuleCode(itemData); let paramList = this.setEventByModuleCode(itemData);
rocNative.dispatchEventByModuleCode({ rocNative.dispatchEventByModuleCode({
modeCode: itemData.appModuleInfo.code, modeCode: itemData.appModuleInfo.code,
jsonString: paramList jsonString: paramList
}) });
}, },
//根据条件获取讲师列表 //根据条件获取讲师列表
getYqDoctorDataByCD(){ getYqDoctorDataByCD() {
let _this = this, let _this = this,
para = { para = {
provinceId: 0, provinceId: 0,
...@@ -261,237 +243,247 @@ export default { ...@@ -261,237 +243,247 @@ export default {
countyId: 0, countyId: 0,
levelGrade: 0, levelGrade: 0,
departmentId: 0, departmentId: 0,
setEntry: 'headers' setEntry: "headers"
} };
this.GET('contents/courseDoctor/v1/getAllTeacher', para).then(res => { this.GET("contents/courseDoctor/v1/getAllTeacher", para).then(res => {
if(res.code == '000000'){ if (res.code == "000000") {
_this.parmDataDoctList = res.data && res.data.list || [] _this.parmDataDoctList = (res.data && res.data.list) || [];
_this.oldParmDataDoctList = res.data && res.data.list || [] _this.oldParmDataDoctList = (res.data && res.data.list) || [];
_this.orderAction('doctorFirstNameChar', true) _this.orderAction("doctorFirstNameChar", true);
} }
}) });
}, },
scrollEndFun(){ scrollEndFun() {
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop; let scrollTop =
document.body.scrollTop || document.documentElement.scrollTop;
// let newCourseTop = document.querySelector('#famus-teacher').offsetTop; // let newCourseTop = document.querySelector('#famus-teacher').offsetTop;
// let fivesTop = document.querySelector('#fiveBoxMenu').offsetTop; // let fivesTop = document.querySelector('#fiveBoxMenu').offsetTop;
}, },
// 响应滚动事件，截流处理 // 响应滚动事件，截流处理
scrollFun() { scrollFun() {
let isBusy = false let isBusy = false;
if (!isBusy) { if (!isBusy) {
isBusy = true isBusy = true;
setTimeout(() => { setTimeout(() => {
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop let scrollTop =
if(scrollTop > 20){ document.body.scrollTop || document.documentElement.scrollTop;
if (scrollTop > 20) {
this.searchFix = true; this.searchFix = true;
}else{ } else {
this.searchFix = false; this.searchFix = false;
} }
isBusy = false isBusy = false;
}, 100) }, 100);
} }
}, },
// 获取轮播图数据 // 获取轮播图数据
getSwiper(){ getSwiper() {
let _this = this, let _this = this,
para = { para = {
setEntry: 'headers', setEntry: "headers"
} };
this.GET('contents/courseDoctorBanner/queryList', para).then(res => { this.GET("contents/courseDoctorBanner/queryList", para).then(res => {
if(res.code == '000000'){ if (res.code == "000000") {
_this.listSwiper = res.data.bannerList || []; _this.listSwiper = res.data.bannerList || [];
} }
if( _this.listSwiper.length == 0){ if (_this.listSwiper.length == 0) {
_this.isFailSwiper += 1; _this.isFailSwiper += 1;
} }
_this.isFailSwiper = _this.listSwiper.length == 0 ? 2 : 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;
}
.banner-container.swiper-container-horizontal > .swiper-pagination-bullets {
width: 2px; width: 2px;
left: inherit; left: inherit;
transform: translateY(-50%); transform: translateY(-50%);
position: absolute; position: absolute;
right: 6px; right: 6px;
top:50%; top: 50%;
} }
.banner-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ .banner-container.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
width: 2px; width: 2px;
height: 7px; height: 7px;
background: #fff; background: #fff;
margin:6px 0 0 0; margin: 6px 0 0 0;
float: left; float: left;
opacity: 0.4; opacity: 0.4;
}
.banner-container.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet-active {
opacity: 1;
}
} .banner-pagination {
.banner-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
opacity: 1
}
.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 {
}
@keyframes myPullDown {
from {
padding-top: 0;
} }
.top-evaluat{ to {
padding-top: px2rem(225px);
} }
@keyframes myPullDown{ }
from {padding-top: 0;} @keyframes myPullUp {
to {padding-top:px2rem(225px)} from {
padding-top: px2rem(225px);
} }
@keyframes myPullUp{ to {
from {padding-top: px2rem(225px);} padding-top: 0;
to {padding-top:0}
} }
.pull-down{ }
.pull-down {
-webkit-animation: myPullDown 1.2s; -webkit-animation: myPullDown 1.2s;
animation: myPullDown 1.2s; animation: myPullDown 1.2s;
padding-top:px2rem(225px) padding-top: px2rem(225px);
} }
.pull-up{ .pull-up {
-webkit-animation: myPullUp 1.2s; -webkit-animation: myPullUp 1.2s;
animation: myPullUp 1.2s; animation: myPullUp 1.2s;
padding-top:0 padding-top: 0;
} }
.news-update{ .news-update {
display: block; display: block;
position: fixed; position: fixed;
background: #F9F6EF; background: #f9f6ef;
right: 0; right: 0;
bottom: px2rem(140px); bottom: px2rem(140px);
height: px2rem(27px); height: px2rem(27px);
padding:0 px2rem(12px);; padding: 0 px2rem(12px);
line-height: px2rem(27px); line-height: px2rem(27px);
border:1px solid RGBA(162, 129, 60, 0.2); border: 1px solid RGBA(162, 129, 60, 0.2);
font-size: px2rem(13px); font-size: px2rem(13px);
box-shadow: 0 px2rem(2px) px2rem(3px) RGBA(202, 168, 97, 0.4); box-shadow: 0 px2rem(2px) px2rem(3px) RGBA(202, 168, 97, 0.4);
border-radius: px2rem(14px) 0 0 px2rem(14px); border-radius: px2rem(14px) 0 0 px2rem(14px);
z-index: 101; z-index: 101;
.news-info{ .news-info {
color: #A2813C; color: #a2813c;
position: relative; position: relative;
display: inline-block; display: inline-block;
i{ i {
position: absolute; position: absolute;
right: -(px2rem(6px)); right: -(px2rem(6px));
top:px2rem(4px); top: px2rem(4px);
display: inline-block; display: inline-block;
width: px2rem(4px); width: px2rem(4px);
height: px2rem(4px); height: px2rem(4px);
border-radius: 100%; border-radius: 100%;
background: #F47A48 background: #f47a48;
} }
} }
}
} .home-topMenu {
.home-topMenu{
width: 100%; width: 100%;
text-align:center; text-align: center;
top:0; top: 0;
position: absolute; position: absolute;
z-index: 10; 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%; width: 100%;
height: px2rem(52px); height: px2rem(52px);
padding: 0 px2rem(15px); padding: 0 px2rem(15px);
margin-top: px2rem(15px); margin-top: px2rem(15px);
.pathologic-item{ .pathologic-item {
float: left; float: left;
width: 48%; width: 48%;
box-shadow: 0 px2rem(2px) px2rem(8px) rgba(49, 127, 119, 0.2); box-shadow: 0 px2rem(2px) px2rem(8px) rgba(49, 127, 119, 0.2);
...@@ -500,10 +492,10 @@ export default { ...@@ -500,10 +492,10 @@ export default {
/* padding: px2rem(12px) 0 px2rem(12px) 0;*/ /* padding: px2rem(12px) 0 px2rem(12px) 0;*/
margin-right: 4%; margin-right: 4%;
text-align: center; text-align: center;
.pathologic-icon{ .pathologic-icon {
height: px2rem(52px); height: px2rem(52px);
/* height: px2rem(20px);*/ /* height: px2rem(20px);*/
img{ img {
width: 100%; width: 100%;
height: px2rem(52px); height: px2rem(52px);
padding-bottom: px2rem(8px); padding-bottom: px2rem(8px);
...@@ -511,7 +503,7 @@ export default { ...@@ -511,7 +503,7 @@ export default {
display: inline-block; display: inline-block;
} }
} }
.pathologic-txt{ .pathologic-txt {
font-size: px2rem(14px); font-size: px2rem(14px);
line-height: px2rem(20px); line-height: px2rem(20px);
font-weight: 700; font-weight: 700;
...@@ -519,14 +511,13 @@ export default { ...@@ -519,14 +511,13 @@ export default {
vertical-align: middle; vertical-align: middle;
} }
} }
.clear{ .clear {
clear: both; 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;
...@@ -548,9 +539,9 @@ export default { ...@@ -548,9 +539,9 @@ export default {
&-left { &-left {
td { td {
padding-left: px2rem(15px); padding-left: px2rem(15px);
border-bottom: 1px solid #F5F6F6; border-bottom: 1px solid #f5f6f6;
} }
background: #F5F6F6; background: #f5f6f6;
} }
tr { tr {
height: px2rem(40px); height: px2rem(40px);
...@@ -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);
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或