Skip to content

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

课程优化等

上级 c5652d10
隐藏空白字符变更
内嵌 并排
正在显示 包含 733 行增加 和 134 行删除
src/components/business/course-list.2.vue 0 → 100644
浏览文件 @ 901e5603
<template>
<section>
<GroupTitle :groupNum="groupNum" :showTitle="showTitle" :showOrder="showOrder"/>
<div class="cource-teach">
<div class="couse-list">
<div
:class="index % 2 == 1 ? 'course-item end-left' : 'course-item'"
v-for="(item, index) in cParmData" :key="index">
<div class="course-pic" @click="goToPage(item)">
<img v-lazy="item.courseInfoUrl" class="pic-tec" />
<span class="course-tag">{{item.disName}}</span>
</div>
<!-- <p class="course-txt">
{{item.name}}
</p> -->
<p class="course-txt" v-html="item.name">
</p>
<div class="course-opt">
<span class="opt-info">{{!item.showTime ? '' : item.showTime + ' |'}} {{item.joinNum}}人已学</span>
<span :class="item.whetherFavors==2?'opt collect':'opt collected'"@click="collectFun(item.whetherFavors,item.id,item.name)">
{{item.whetherFavors==2?'收藏':'已收藏'}}
</span>
</div>
</div>
</div>
<div v-if="cParmData.length==0" class="noSource">暂无最新教程数据</div>
</div>
</section>
</template>
<script>
//import { setEventByModuleCode } from '@/utils/index'
import GroupTitle from '@/components/business/group-title';
let mapDesc = ['', '课程名', '关键字', '一句话简介', '章', '节']
export default {
name: 'CourseList',
data() {
return {
list: [],
title: '最新课程',
pageNo: 1,
pageSize: 6,
needShow: true
// parmData: []
}
},
props: {
userToken: {
type: String,
default: ''
},
parmData: {
type: Array,
default: () => []
},
groupNum: {
type: String,
default: '0'
},
showTitle: {
type: Boolean,
default: true
},
showOrder: {
type: Boolean,
default: false
}
},
computed: {
cParmData() {
let cParamDataw = this.parmData.map(function(item){
let cItem = Object.assign({}, item)
cItem.name = cItem.name + ' (' + mapDesc[cItem.highLightField] + ')'
return cItem
})
return cParamDataw
},
// groupNum() {
// return this.parmData.length + ''
// }
},
components: {
GroupTitle
},
mounted() {
// this.getData()
// this.list = this.parmData;
},
// filters: {
// filterName(name, highLightField){
// return name + highLightField
// }
// },
methods: {
getDescByMap(index) {
},
showAllItem(index) {
// this.needShow = !this.needShow
},
//跳转
goToPage(item) {
this.$emit("setRefrshParm", {
isclick: true
})
this.pageBurialPoin({
menuLevel: 1,
menuCode: 'm_home',
functionCode: 'f_new_course',
actionCode: 'c_course',
labelId: item.id,
labelValue: item.name,
})
let itemData = {};
if (item == '') {
itemData = {
"title": item.name,
"imageUrl": "",
"appModuleInfo": {
"code": "M200",
"type": 4,
"name": "课程介绍页",
"paramFlag": 1,
"paramList": [{
"key": "className",
"value": "com.picahealth.yunque.activitys.famousteacherschool.AllDiseaseActivity###MicroProfessionMoreTableController",
"type": 4,
"seqNo": 1
},
{
"key": "disCategoryId",
"value": '-1',
"type": 1,
"seqNo": 2
}
]
}
};
} else {
itemData = {
"title": item.name,
"imageUrl": "",
"appModuleInfo": {
"code": "M200",
"type": 4,
"name": "课程介绍页",
"paramFlag": 1,
"paramList": [{
"key": "className",
"value": "com.picahealth.yunque.activitys.courseplaynew.CourseIntroduceActivity###WeexCourseIntroViewController",
"type": 4,
"seqNo": 1
},
{
"key": "courseId",
"value": `${item.id}`,
"type": 1,
"seqNo": 2
}
]
}
};
}
let paramList = this.setEventByModuleCode(itemData);
rocNative.dispatchEventByModuleCode({
modeCode: itemData.appModuleInfo.code,
jsonString: paramList
})
},
//收藏 取消收藏
collectFun(status, id, name) {
// alert(this.userToken)
status = status == 1 ? 2 : 1;
this.pageBurialPoin({
menuLevel: 1,
menuCode: 'm_home',
functionCode: 'f_new_course',
actionCode: 'c_collect',
labelId: id,
labelValue: name,
})
let _this = this,
parm = {
token: _this.userToken,
type: status,
courseId: id,
setEntry: 'headers'
}
_this.POST('contents/favors', parm).then(function (res) {
if (res.code === '000000') {
_this.handelData(id, status);
} else {
rocNative.showNativeToast({
message: '注册登陆后才能收藏哦'
})
}
})
},
handelData(id, status) {
let d = this.parmData;
for (let i = 0; i < d.length; i++) {
if (id == d[i].id) {
d[i].whetherFavors = status;
}
}
},
getData() {
//alert("最新课程");
let _this = this,
parm = {
pageNo: _this.pageNo,
pageSize: _this.pageSize,
token: _this.userToken,
setEntry: 'headers'
}
_this.GET('/contents/HomeNewCourse/NewCourseInformation', parm).then(function (res) {
if (res.code === '000000') {
_this.parmData = res.data.contentAppModels || [];
}
})
}
}
}
</script>
<style lang="scss" scoped>
@import '../../style/global.scss';
@import '../../style/mixin.scss';
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
width: px2rem(170px);
}
.couse-list {
overflow: hidden;
}
.get-more {
border: 1px solid RGBA(169, 174, 183, 0.5);
border-radius: px2rem(16px);
padding: 0 px2rem(5px) 0 px2rem(6px);
vertical-align: middle;
display: inline-block;
float: right;
margin-top: px2rem(3px);
height: px2rem(16px);
line-height: px2rem(16px);
font-size: px2rem(11px);
}
.thorw-icon {
width: px2rem(8px);
height: px2rem(8px);
}
.noSource {
text-align: center;
font-size: px2rem(13px);
padding: px2rem(13px) 0;
color: #999;
}
.cource-teach {
padding: 0 px2rem(15px);
}
.course-item {
float: left;
margin-bottom: px2rem(19px);
margin-right: px2rem(5px);
}
.end-left {
margin-right: 0;
}
.course-pic {
width: px2rem(170px);
height: px2rem(95px);
border-radius: px2rem(3px);
position: relative;
.pic-tec {
width: 100%;
height: 100%;
border-radius: px2rem(3px);
display: block;
}
.course-tag {
position: absolute;
display: inline-block;
top: px2rem(5px);
left: px2rem(5px);
line-height: px2rem(16px);
height: px2rem(16px);
color: #4A87D4;
padding: 0 px2rem(3px);
background: #FAFCFF;
border: 1px solid #C3DCFB;
font-size: px2rem(10px);
border-radius: px2rem(2px);
}
}
.course-txt {
margin-top: px2rem(5px);
font-size: px2rem(14px);
line-height: px2rem(19px);
max-height: px2rem(38px);
color: #333;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
width: px2rem(170px);
}
.opt-info {
color: #999;
}
.course-opt {
font-size: px2rem(12px);
/* margin-top: px2rem(6px);*/
position: relative;
.opt {
display: inline-block;
top: 0;
right: 0;
position: absolute;
height: px2rem(18px);
line-height: px2rem(18px);
padding: 0 px2rem(4px);
}
.collect {
background: #F7F8F9;
color: #666;
}
.collected {
color: #F47A48;
background: RGBA(244, 122, 72, 0.04);
}
}
.title {
font-size: px2rem(18px);
height: px2rem(18px);
margin: 0 0 px2rem(21px) 0;
font-weight: bold;
color: #28344C
}
</style>
src/components/business/course-list.vue
浏览文件 @ 901e5603
<template>
<section>
<GroupTitle :groupNum="groupNum" :showTitle="showTitle" :showOrder="showOrder"/>
<div class="cource-teach">
<!-- <div class="cource-teach">
<div class="couse-list">
<div
:class="index % 2 == 1 ? 'course-item end-left' : 'course-item'"
v-for="(item, index) in parmData" :key="index">
v-for="(item, index) in cParmData" :key="index">
<div class="course-pic" @click="goToPage(item)">
<img v-lazy="item.courseInfoUrl" class="pic-tec" />
<span class="course-tag">{{item.disName}}</span>
</div>
<p class="course-txt">
{{item.name}}
<p class="course-txt" v-html="item.name">
</p>
<div class="course-opt">
<span class="opt-info">{{!item.showTime ? '' : item.showTime + ' |'}} {{item.joinNum}}人已学</span>
......@@ -22,14 +22,51 @@
</div>
</div>
</div>
<div v-if="parmData.length==0" class="noSource">暂无最新教程数据</div>
</div>
<div v-if="cParmData.length==0" class="noSource">暂无最新教程数据</div>
</div> -->
<!-- <article class="course-list">
<div class="course-list-item"
v-for="(item, index) in cParmData" :key="index"
>
<img v-lazy="item.courseInfoUrl"/>
<div class="course-list-item-desc">
<span style="line-height:20px;position:relative;top:-8px">
<span class="course-list-item-desc-type">{{item.typeName}}</span><div class="course-list-item-desc-name" v-html="item.name"></div>
</span>
<span>1</span>
<span>12</span>
</div>
</div>
</article> -->
<div class="hot-teacher">
<!-- <div :class="index>1 && (index+1 == cParmData.length)?'teacher-item item-end' : 'teacher-item'" :key="index" -->
<div :class="index>1 && (index+1 == cParmData.length)?'teacher-item item-end' : 'teacher-item'" :key="index"
v-for="(item,index) in cParmData" @click="goToPage(item)">
<div class="teacher-itemimg">
<img v-lazy="item.courseInfoUrl"/>
</div>
<div class="five-text">
<div class="teacher-itemname fs14" >
<span v-show="item.typeName" class="teacher-itemname-tag">{{item.typeName}}</span>
<span class="teacher-itemname-name" v-html="item.name"></span>
</div>
<div class="five-tag fs11">
<span class="m-tag">{{item.shortcut}}</span>
</div>
<div class="five-tag fs11" style="margin-top:20px;">
<span class="m-tag" style="margin-left:40px;padding-top:10px;">ttttt</span>
</div>
</div>
</div>
</div>
</section>
</template>
<script>
//import { setEventByModuleCode } from '@/utils/index'
import GroupTitle from '@/components/business/group-title';
let mapDesc = ['', '课程名', '关键字', '一句话简介', '章', '节']
export default {
name: 'CourseList',
data() {
......@@ -66,7 +103,14 @@ export default {
},
computed: {
cParmData() {
return this.parmData
let cParmDataw = this.parmData.map(function(item){
let cItem = Object.assign({}, item)
if(cItem.highLightField) {
cItem.name = cItem.name + ' (' + mapDesc[cItem.highLightField] + ')'
}
return cItem
})
return cParmDataw
},
// groupNum() {
// return this.parmData.length + ''
......@@ -79,8 +123,15 @@ export default {
// this.getData()
// this.list = this.parmData;
},
// filters: {
// filterName(name, highLightField){
// return name + highLightField
// }
// },
methods: {
getDescByMap(index) {
},
showAllItem(index) {
// this.needShow = !this.needShow
},
......@@ -219,136 +270,260 @@ export default {
<style lang="scss" scoped>
@import '../../style/global.scss';
@import '../../style/mixin.scss';
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
width: px2rem(170px);
.course-list {
margin: 0 px2rem(15px);
&-item {
display: flex;
flex-direction: row;
img {
height: px2rem(56px);
width: px2rem(100px);
margin-right: px2rem(10px);
border-radius: px2rem(6px);
}
&-desc {
display: flex;
flex-direction: column;
position: relative;
// span {
// display: inline-flex;
// }
&-type {
display: inline-flex;
height: px2rem(18px);
width: px2rem(30px);
padding: 0 px2rem(2px);
margin-right: px2rem(5px);
font-size: px2rem(11px);
border-radius: px2rem(2px);
background-color: #6A9FE9;
color: #fff;
}
&-name {
display: inline-flex;
font-size: px2rem(16px);
height: px2rem(16px);
width: px2rem(200px);
line-height: px2rem(16px);
color: #333333;
}
}
}
}
.couse-list {
overflow: hidden;
}
</style>
.get-more {
border: 1px solid RGBA(169, 174, 183, 0.5);
border-radius: px2rem(16px);
padding: 0 px2rem(5px) 0 px2rem(6px);
vertical-align: middle;
display: inline-block;
float: right;
margin-top: px2rem(3px);
height: px2rem(16px);
line-height: px2rem(16px);
font-size: px2rem(11px);
}
<style lang="scss" scoped>
@import '../../style/mixin.scss';
@import '../../style/global.scss';
.thorw-icon {
width: px2rem(8px);
height: px2rem(8px);
.hot-teacher {
width: 100%;
background-color: #fff;
padding: 0 px2rem(15px) 0;
.img {
width: px2rem(109px);
height: px2rem(22px);
}
}
.thorw-icon {
width: px2rem(8px);
height: px2rem(8px);
.noSource {
text-align: center;
font-size: px2rem(13px);
padding: px2rem(13px) 0;
color: #999;
}
}
.cource-teach {
padding: 0 px2rem(15px);
}
.five-more {
border: 1px solid RGBA(169, 174, 183, 1);
border-radius: px2rem(16px);
height: px2rem(16px);
line-height: px2rem(16px);
padding: 0 px2rem(5px) 0 px2rem(6px);
vertical-align: middle;
}
.course-item {
float: left;
margin-bottom: px2rem(19px);
margin-right: px2rem(5px);
}
.teacher-item {
width: 100%;
height: px2rem(120px);
position: relative;
margin-top: px2rem(4px);
margin: px2rem(4px) 0 px2rem(15px);
&:not(:last-child) {
border-bottom: 1px solid RGBA(240, 240, 240, 1);
}
.end-left {
margin-right: 0;
}
.teacher-itemimg {
width: px2rem(100px);
height: px2rem(56px);
margin-right: px2rem(10px);
border-radius: px2rem(3px);
box-shadow: 0 px2rem(2px) px2rem(3px) RGBA(0, 78, 64, 0.1);
float: left;
img {
width: 100%;
height: 100%;
display: inline-block;
border-radius: px2rem(3px);
}
}
.course-pic {
width: px2rem(170px);
height: px2rem(95px);
border-radius: px2rem(3px);
position: relative;
.five-text {
margin-left: px2rem(70px);
height: px2rem(38px);
}
.pic-tec {
width: 100%;
height: 100%;
border-radius: px2rem(3px);
display: block;
}
.teacher-itemname {
color: RGBA(102, 102, 102, 1);
height: px2rem(38px);
line-height: px2rem(19px);
font-size: px2rem(14px);
margin-bottom: px2rem(5px);
&-tag {
height: px2rem(18px);
line-height: px2rem(18px);
padding: px2rem(2px) px2rem(3px) px2rem(1px);
border-radius: px2rem(2px);
font-size: px2rem(12px);
background: rgba(106,159,233,1);
}
&-name {
height: px2rem(18px);
line-height: px2rem(18px);
font-size: px2rem(16px);
color: #333;
}
}
.course-tag {
position: absolute;
display: inline-block;
top: px2rem(5px);
left: px2rem(5px);
line-height: px2rem(16px);
height: px2rem(16px);
color: #4A87D4;
padding: 0 px2rem(3px);
background: #FAFCFF;
border: 1px solid #C3DCFB;
font-size: px2rem(10px);
border-radius: px2rem(2px);
}
}
.five-tag {
position: relative;
padding-right: px2rem(25px);
.m-tag {
height: px2rem(17px);
line-height: px2rem(17px);
padding: 0 px2rem(5px);
color: #BF9E15;
border-radius: 0 px2rem(3px) px2rem(3px) px2rem(3px);
background: #FFFDFA;
/* background-color: px2rem(17px);*/
border: 1px solid #FAE5AF;
}
}
.course-txt {
margin-top: px2rem(5px);
font-size: px2rem(14px);
line-height: px2rem(19px);
max-height: px2rem(38px);
color: #333;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
width: px2rem(170px);
}
.m-play {
width: px2rem(28px);
height: px2rem(28px);
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
.play-opt {
position: relative;
width: px2rem(28px);
height: px2rem(28px);
border: 1px solid #56c3bb;
border-radius: 50%;
span {
width: px2rem(3px);
height: px2rem(5px);
bottom: px2rem(5px);
position: absolute;
background: #56c3bb;
border-radius: 2px 2px 0 0;
}
}
.play-stop {
span:first-child {
left: px2rem(8px);
height: px2rem(5px);
}
span:nth-child(2) {
left: px2rem(12px);
height: px2rem(15px);
}
span:nth-child(3) {
left: px2rem(16px);
height: px2rem(10px);
}
}
.opt-info {
color: #999;
}
.play-start {
span {
-webkit-animation: bodong 0.5s infinite ease-in-out alternate;
animation: bodong 0.5s infinite ease-in-out alternate;
}
.course-opt {
font-size: px2rem(12px);
/* margin-top: px2rem(6px);*/
position: relative;
span:first-child {
left: px2rem(8px);
-webkit-animation-delay: .1s;
animation-delay: .1s;
}
.opt {
display: inline-block;
top: 0;
right: 0;
position: absolute;
height: px2rem(18px);
line-height: px2rem(18px);
padding: 0 px2rem(4px);
span:nth-child(2) {
left: px2rem(12px);
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
}
span:nth-child(3) {
left: px2rem(16px);
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.collect {
background: #F7F8F9;
color: #666;
}
@-webkit-keyframes bodong {
0% {
height: px2rem(5px);
}
.collected {
color: #F47A48;
background: RGBA(244, 122, 72, 0.04);
30% {
height: px2rem(10px);
}
60% {
height: px2rem(15px);
}
80% {
height: px2rem(10px);
}
100% {
height: px2rem(5px);
}
}
@keyframes bodong {
0% {
height: px2rem(5px);
}
30% {
height: px2rem(10px);
}
60% {
height: px2rem(15px);
}
80% {
height: px2rem(10px);
}
100% {
height: px2rem(5px);
}
}
}
img {
width: 100%;
height: 100%;
display: block;
}
}
}
}
.title {
font-size: px2rem(18px);
height: px2rem(18px);
margin: 0 0 px2rem(21px) 0;
font-weight: bold;
color: #28344C
.item-end {
height: px2rem(100px);
}
}
</style>
src/components/business/five-minutes.vue
浏览文件 @ 901e5603
......@@ -8,7 +8,7 @@
<img v-lazy="item.appImageUrl"/>
</div>
<div class="five-text">
<div class="teacher-itemname fs14">{{item.title}}</div>
<div class="teacher-itemname fs14" v-html="item.title">{{item.title}}</div>
<div class="five-tag fs11">
<span class="m-tag">#{{item.categoryName}}</span>
<span class="m-play" @click.stop="playFun(item)">
......
src/components/business/group-title.vue
浏览文件 @ 901e5603
......@@ -72,7 +72,7 @@ export default {
&-item {
position: relative;
span {
margin-right: px2rem(20px);
margin-right: px2rem(30px);
}
img {
position: absolute;
......
src/components/business/health-comics.vue
浏览文件 @ 901e5603
......@@ -14,8 +14,8 @@
</div>
<div class="tea-txt">
<!-- <div class="tea-name">{{item.doctorName}}</div> -->
<div class="tea-position">
{{item.headerName}}
<div class="tea-position" v-html="item.headerName">
<!-- {{item.headerName}} -->
</div>
</div>
</div>
......
src/components/business/hot-labels.vue
浏览文件 @ 901e5603
......@@ -4,7 +4,8 @@
<span>{{title}}</span>
</section>
<section class="history-labels-item" @click="hotLabel(item.resourceType, item.structureId, item.resourceUrl, item.labelName, item)" v-for="(item, index) in allLabels" :key="index">
<!-- <section class="history-labels-item" @click="hotLabel(item.resourceType, item.structureId, item.resourceUrl, item.labelName, item)" v-for="(item, index) in allLabels" :key="index"> -->
<section class="history-labels-item" @click="gotoPage(item)" v-for="(item, index) in allLabels" :key="index">
<span class="history-labels-item-name">{{item.keyword}}</span>
</section>
</article>
......@@ -31,6 +32,39 @@ export default {
this.getData()
},
methods: {
gotoPage(itemData){
console.log('itemData', itemData)
// 如果没有跳转信息，则直接到搜索结果页面
if(!itemData.appModuleInfo){
this.searchAction(itemData.keyword)
return
}
let paramList = this.setEventByModuleCode(itemData);
if(paramList !== 'NO') {
rocNative.dispatchEventByModuleCode({
modeCode: itemData.appModuleInfo.code,
jsonString: paramList
})
}
this.pageBurialPoin({
menuLevel: 1,
menuCode: 'm_home',
functionCode: 'f_module',
actionCode: 'c_module',
labelId: itemData.id,
labelValue: itemData.keyword,
})
},
searchAction(searchText) {
if(this.showDelete) return
this.$router.push({
path: '/result',
query: {
searchText: searchText
}
})
},
// ...mapMutations([
// 'SET_CLEAR_VUEX'
// ]),
......
src/main.js
浏览文件 @ 901e5603
......@@ -23,6 +23,10 @@ Vue.use(VueLazyload, {
// lazyComponent: true
})
Vue.filter('filterName2', function (item) {
return '222'
})
// 可调试
Vue.config.devtools = true;
Vue.use(Mint)
......
src/utils/index.js
浏览文件 @ 901e5603
......@@ -228,7 +228,7 @@ export function jumpEvaluatPage(){
// dev地址
// const baseUrl = 'http://192.168.140.14:10201/'
const baseUrl = 'http://10.177.10.110:10201/'
const baseUrl = 'http://10.177.10.149:10201/'
// const baseUrl = 'http://192.168.140.14:10201/'
// const baseUrl = 'https://dev-sc.yunqueyi.com/'
const apiUrl = 'https://dev-api.yunqueyi.com/'
......
src/utils/mixins.js
浏览文件 @ 901e5603
......@@ -100,6 +100,7 @@ module.exports = {
}
}
} else if (modeCode === 'M400') {
debugger
let path = paramList[0]['key'];
let v = paramList[0]['value'];
let query = this.setRouterParm(paramList);
......@@ -107,8 +108,12 @@ module.exports = {
url:v,
query:query
}]
this.$router.push({
path: v,
query: query
})
//alert(this.token);
return 'NO'
}
if(typeof paramList === 'string' && !paramList){
paramList = []
......
src/views/result.vue
浏览文件 @ 901e5603
......@@ -9,11 +9,11 @@
<section></section>
<NoResultPage/>
<SplitLine borderWidth="3px"/>
<CourseAdjust v-show="adjustList.length > 0" :paraData="adjustList"/>
<CourseAdjust v-show="adjustList.length > 0" :parmData="adjustList"/>
</article>
<!-- 有结果页面 -->
<article v-show="showTab1 || showTab2 || showTab3 || showTab4">
<article v-show="showTab1 || showTab2 || showTab3 || showTab4" style="position:relative;">
<div class="navbar-container" >
<div class="navbar-container-item" v-show="showTab0" :class="{'bt-2': navIndex === '0'}" @click="navIndex = '0'">综合</div>
<div class="navbar-container-item" v-show="showTab1" :class="{'bt-2': navIndex === '1'}" @click="navIndex = '1'">课程</div>
......@@ -21,6 +21,7 @@
<div class="navbar-container-item" v-show="showTab3" :class="{'bt-2': navIndex === '3'}" @click="navIndex = '3'">讲师</div>
<div class="navbar-container-item" v-show="showTab4" :class="{'bt-2': navIndex === '4'}" @click="navIndex = '4'">健康漫画</div>
</div>
<div class="fixed-split-line"></div>
<div class="list-container" v-show="navIndex === '0' && showTab0">
<!-- 课程 -->
<div v-show="showTab1">
......@@ -146,14 +147,14 @@ export default {
}
if(window.__isWeb) {
_this.getAdjustData()
// _this.search()
_this.search()
}
window.__refresh = function(){
_this.getUserInfo()
}
},
mounted(){
// this.search(this.searchText)
this.search()
// this.searchAll(this.searchText, '1', 'contentAppModels', 'contentAppModelsAll')
},
methods: {
......@@ -168,6 +169,7 @@ export default {
para = {
searchCategory: '1,2,3,4',
searchValue: _this.searchText,
keywordColor: 'rgba(244,122,72,1)',
sortItem: 1,
pageNo: 1,
pageSize: 100,
......@@ -290,7 +292,7 @@ export default {
.mint-search {
position: fixed;
top: 0px;
z-index: 20;
z-index: 3 !important;
height: 66px;
width: 100%;
border-bottom: 1px solid #E7E7E7 !important;
......@@ -306,7 +308,7 @@ export default {
display: -ms-flexbox;
display: flex;
padding: 30px 10px 8px;
z-index: 1;
z-index: 3;
}
.mint-searchbar-cancel {
margin-left: 10px;
......@@ -326,32 +328,41 @@ export default {
<style lang="scss" scoped>
@import '../style/mixin.scss';
.navbar-container {
width: 100%;
height: px2rem(57px);
display: flex;
position: fixed;
top: px2rem(60px);
left: 0;
z-index: 2;
flex-direction: row;
border-bottom: 1px solid #E7E7E7;
// border-bottom: 1px solid #E7E7E7;
background: #fff;
padding-top: 10px;
// margin-top: 10px;
margin-bottom: 6px;
&-item {
display: inline-flex;
margin: px2rem(15px) px2rem(15px) px2rem(-1px);
margin: px2rem(25px) px2rem(15px) px2rem(-1px);
padding-bottom: px2rem(11px);
font-size: px2rem(14px);
color: #666;
}
.bt-2 {
color: #449284;
border-bottom: px2rem(3px) solid #449284;
border-bottom: px2rem(2px) solid #449284;
}
}
.list-container {
margin: 0;
padding-top: px2rem(120px);
}
.fixed-split-line {
position: fixed;
width: 100%;
top: 117px;
z-index: 1;
border-bottom: 1px solid #e7e7e7;
}
.mt-80 {
padding-top: px2rem(80px);
}
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或