Skip to content

P
pica.cloud.web-education-admin
提交 9daf8369 编写于 作者: gjyang's avatar gjyang
浏览文件
操作

dev

上级 78781cd8
隐藏空白字符变更
内嵌 并排
正在显示 包含 236 行增加 和 60 行删除
src/components/business-new/yqy-category-three-1.2.vue 0 → 100644
浏览文件 @ 9daf8369
<template>
<div class="hot-teacher">
<div class="title">{{title}}</div>
<!--展示形式 左一 右二-->
<div class="teacher-item space-between">
<div class="category-left" @click="goToPage(parmData[0])">
<img class="category-img" v-lazy="parmData[0].imageUrl"/>
</div>
<div class="category-right">
<div class="right-img" @click="goToPage(parmData[1])">
<img class="category-img" v-lazy="parmData[1].imageUrl"/>
</div>
<div class="right-img mt5" @click="goToPage(parmData[2])">
<img class="category-img" v-lazy="parmData[2].imageUrl"/>
</div>
</div>
</div>
<div class="holder-img" @click="goToPage(parmData[3])">
<img v-lazy="parmData[3].imageUrl" class="category-img"/>
</div>
</div>
</template>
<script>
// import { setEventByModuleCode } from '@/utils/index'
export default {
data(){
return{
list:[],
leftObj:{},
rightTop:{},
rightBottom:{},
rightBp:{},
title:'专题分类',
parmData:[
{imageUrl:''},
{imageUrl:''},
{imageUrl:''},
{imageUrl:''}
]
}
},
mounted(){
this.getData();
},
props:{
},
methods: {
goToPage(itemData){
this.pageBurialPoin({
menuLevel:1,
menuCode:'m_home',
functionCode:'f_module',
actionCode:'c_module',
labelId:itemData.id,
labelValue :itemData.name,
})
let paramList = this.setEventByModuleCode(itemData);
rocNative.dispatchEventByModuleCode({
modeCode: itemData.appModuleInfo.code,
jsonString: paramList
})
},
getData(){
let _this = this,
para = {
category: 1,
position:3,
token: this.userToken,
setEntry: 'headers'
}
this.GET('contents/HomeColumn/Information', para).then(res => {
if(res.code == '000000'){
_this.parmData = res.data && res.data.iconColumnInformationModels || [];
}
})
}
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
@import '../../style/mixin.scss';
@import '../../style/global.scss';
.title{
font-size: px2rem(18px);
font-weight: bold;
margin-bottom: px2rem(15px);
}
.hot-teacher{
width: 100%;
margin-top: px2rem(30px);
padding: 0 px2rem(15px) px2rem(26px);
.category-img{
width: 100%;
height: 100%;
}
.teacher-item{
width: 100%;
/* height: px2rem(190px);*/
.category-left{
width: px2rem(170px);
height: px2rem(195px);
border-radius: px2rem(3px);
}
.category-img{
width: 100%;
height: 100%;
display: block;
border-radius: px2rem(3px);
}
.mt5{
margin-top: px2rem(5px);
}
.category-right{
width: px2rem(170px);
height: px2rem(190px);
.right-img{
width: px2rem(170px);
height: px2rem(95px);
border-radius: px2rem(3px);
}
}
}
.holder-img{
margin-top:px2rem(5px);
width: 100%;
height: px2rem(126px);
border-radius: px2rem(3px);
img{
border-radius: px2rem(3px);
}
}
}
</style>
src/components/business-new/yqy-category-three-1.vue
浏览文件 @ 9daf8369
...@@ -4,20 +4,20 @@ ...@@ -4,20 +4,20 @@
<!--展示形式 左一 右二--> <!--展示形式 左一 右二-->
<div class="teacher-item space-between"> <div class="teacher-item space-between">
<div class="category-left" @click="goToPage(parmData[0])"> <div class="category-left" @click="goToPage(leftObj)">
<img class="category-img" v-lazy="parmData[0].imageUrl"/> <img class="category-img" :src="leftObj.imageUrl" alt="image"/>
</div> </div>
<div class="category-right"> <div class="category-right">
<div class="right-img" @click="goToPage(parmData[1])"> <div class="right-img" @click="goToPage(rightTop)">
<img class="category-img" v-lazy="parmData[1].imageUrl"/> <img class="category-img" :src="rightTop.imageUrl" alt="image"/>
</div> </div>
<div class="right-img mt5" @click="goToPage(parmData[2])"> <div class="right-img mt5" @click="goToPage(rightBottom)">
<img class="category-img" v-lazy="parmData[2].imageUrl"/> <img class="category-img" :src="rightBottom.imageUrl" alt="image"/>
</div> </div>
</div> </div>
</div> </div>
<div class="holder-img" @click="goToPage(parmData[3])"> <div class="holder-img" @click="goToPage(rightBp)">
<img v-lazy="parmData[3].imageUrl" class="category-img"/> <img :src="rightBp.imageUrl" class="category-img" alt="image"/>
</div> </div>
</div> </div>
</template> </template>
...@@ -27,56 +27,57 @@ ...@@ -27,56 +27,57 @@
export default { export default {
data(){ data(){
return{ return{
list:[], list: [],
leftObj:{}, leftObj: {"imageUrl": require('../../images/change.png')},
rightTop:{}, rightTop: {"imageUrl": require('../../images/change.png')},
rightBottom:{}, rightBottom: {"imageUrl": require('../../images/change.png')},
rightBp:{}, rightBp: {"imageUrl": require('../../images/change.png')},
title:'专题分类', title: '专题分类'
parmData:[
{imageUrl:''},
{imageUrl:''},
{imageUrl:''},
{imageUrl:''}
]
} }
}, },
mounted(){ mounted(){
this.getData(); this.getData();
},
props:{
}, },
methods: { methods: {
goToPage(itemData){ goToPage(itemData){
this.pageBurialPoin({ this.pageBurialPoin({
menuLevel:1, menuLevel: 1,
menuCode:'m_home', menuCode: 'm_home',
functionCode:'f_module', functionCode: 'f_module',
actionCode:'c_module', actionCode: 'c_module',
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
}) })
}, },
getData(){ getData(){
let _this = this, let _this = this,
para = { para = {
category: 1, category: 1,
position:3, position: 3,
token: this.userToken, token: this.userToken,
setEntry: 'headers' setEntry: 'headers'
} }
this.GET('contents/HomeColumn/Information', para).then(res => { this.GET('contents/HomeColumn/Information', para).then(res => {
if(res.code == '000000'){ if(res.code == '000000'){
_this.parmData = res.data && res.data.iconColumnInformationModels || []; //console.log(res);
_this.list = res.data && res.data.iconColumnInformationModels || [];
/// console.log(_this.list);
_this.leftObj = _this.list[0] || {};
_this.rightTop = _this.list[1] || {};
_this.rightBottom = _this.list[2] || {};
_this.rightBp = _this.list[3] || {};
} }
}) })
} },
}
},
} }
</script> </script>
......
src/components/business-new/yqy-home-banner.vue
浏览文件 @ 9daf8369
...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
<div class="banner-box"> <div class="banner-box">
<div class="banner space-between"> <div class="banner space-between">
<div :class="index+1==list.length ? 'banner-item item-end' : 'banner-item'" <div :class="index+1==list.length ? 'banner-item item-end' : 'banner-item'"
v-for="(item,index) in list" v-for="(item, index) in list"
@click="goToPage(item)" @click="goToPage(item)"
:key="index" > :key="index" >
<img class="banner-img" v-lazy="item.imageUrl"/> <img class="banner-img" :src="item.imageUrl"/>
<span class="banner-text fs24"> <span class="banner-text fs24">
{{item.name}} {{item.name}}
</span> </span>
...@@ -20,7 +20,17 @@ export default { ...@@ -20,7 +20,17 @@ export default {
name: 'YqyHomeBanner', name: 'YqyHomeBanner',
data(){ data(){
return { return {
list:[], list:[{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
}],
} }
}, },
mounted(){ mounted(){
......
src/main.js
浏览文件 @ 9daf8369
...@@ -16,10 +16,10 @@ import 'mint-ui/lib/style.css' ...@@ -16,10 +16,10 @@ import 'mint-ui/lib/style.css'
import VueLazyload from 'vue-lazyload' import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, { Vue.use(VueLazyload, {
preLoad: 3, preLoad: 3,
// error: './images/change.png', // loading: 'http://pica-pro.oss-cn-shanghai.aliyuncs.com/h5/app_home/2018/12/5-121204193935-51.gif',
// loading: 'https://file.yunqueyi.com/File/course_doctor/2018-11/20/web_454.png', // loading: 'images/change.png',
// error: 'https://file.yunqueyi.com/File/course_doctor/2018-11/20/web_454.png', // error: 'https://file.yunqueyi.com/File/course_doctor/2018-11/20/web_454.png',
attempt: 3 attempt: 1
// lazyComponent: true // lazyComponent: true
}) })
......
src/style/common.scss
浏览文件 @ 9daf8369
...@@ -14,7 +14,7 @@ body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, l ...@@ -14,7 +14,7 @@ body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, l
border: none; border: none;
color: #333; color: #333;
font-weight: normal; font-weight: normal;
font-family: "Microsoft Yahei"; font-family: "PingFangSC", "Microsoft Yahei";
box-sizing: border-box; box-sizing: border-box;
-webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
......
src/utils/index.js
浏览文件 @ 9daf8369
...@@ -229,20 +229,17 @@ export function jumpEvaluatPage(){ ...@@ -229,20 +229,17 @@ export function jumpEvaluatPage(){
return evaluatPageUrl return evaluatPageUrl
} }
// dev地址
const baseUrl = 'https://dev-sc.yunqueyi.com/'
const apiUrl = 'https://dev-api.yunqueyi.com/'
// // dev地址 const evaluatPageUrl = 'https://dev-phome.yunqueyi.com/gpr/#/home'
// const baseUrl = 'https://dev-sc.yunqueyi.com/' export const jumpWebPageUrl = 'https://dev-phome.yunqueyi.com/appl/#/'
// const apiUrl = 'https://dev-api.yunqueyi.com/'
// const evaluatPageUrl = 'https://dev-phome.yunqueyi.com/gpr/#/home' // // test1地址
// export const jumpWebPageUrl = 'https://dev-phome.yunqueyi.com/appl/#/' // const baseUrl = 'https://test1-sc.yunqueyi.com/'
// const apiUrl = 'https://test1-api.yunqueyi.com/'
// test1地址 // const evaluatPageUrl = 'http://10.177.10.225:9001/#/home' || 'https://test1-phome.yunqueyi.com/gpr/#/home'
const baseUrl = 'https://test1-sc.yunqueyi.com/' // export const jumpWebPageUrl = 'https://test1-phome.yunqueyi.com/appl/#/'
const apiUrl = 'https://test1-api.yunqueyi.com/'
const evaluatPageUrl = 'http://10.177.10.225:9001/#/home' || 'https://test1-phome.yunqueyi.com/gpr/#/home'
export const jumpWebPageUrl = 'https://test1-phome.yunqueyi.com/appl/#/'
......
src/views/home/home-new.vue
浏览文件 @ 9daf8369
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
@click="goToPatholo(item)" @click="goToPatholo(item)"
:key="index"> :key="index">
<span class="pathologic-icon"> <span class="pathologic-icon">
<img v-lazy="item.imageUrl"/> <img :src="item.imageUrl"/>
</span> </span>
<!-- <span class="pathologic-txt fs14">{{item.name}}</span> --> <!-- <span class="pathologic-txt fs14">{{item.name}}</span> -->
</div> </div>
...@@ -103,7 +103,17 @@ export default { ...@@ -103,7 +103,17 @@ export default {
iconList:[], //icon数据 iconList:[], //icon数据
keeponData:{}, //继续学习 keeponData:{}, //继续学习
isShowKeep:false, isShowKeep:false,
listCategory:[], //专题分类数据 listCategory:[{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
}], //专题分类数据
yqDoctorList:[],//云雀名师数据 yqDoctorList:[],//云雀名师数据
newsDatalist:[],//最新课程 newsDatalist:[],//最新课程
fiveList:[],//五分钟医学院 fiveList:[],//五分钟医学院
...@@ -112,8 +122,22 @@ export default { ...@@ -112,8 +122,22 @@ export default {
speedSwiper:300, speedSwiper:300,
stopPropagation:true, stopPropagation:true,
isIntStyle:'', isIntStyle:'',
listSwiper:[],//轮播图数据 listSwiper:[{
listMiddle:[],//中间栏数据 "imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
}],//轮播图数据
listMiddle: [{
"imageUrl": require('../../images/change.png')
},{
"imageUrl": require('../../images/change.png')
}],//中间栏数据
scrollTimer:null, scrollTimer:null,
scrollTop:0, scrollTop:0,
hideNewCourse:true, hideNewCourse:true,
...@@ -775,7 +799,7 @@ export default { ...@@ -775,7 +799,7 @@ export default {
this.GET('contents/HomeColumn/Information', para).then(res => { this.GET('contents/HomeColumn/Information', para).then(res => {
if(res.code == '000000'){ if(res.code == '000000'){
// console.log(res); // console.log(res);
_this.listMiddle = res.data && res.data.iconColumnInformationModels || [] _this.listMiddle = (res.data && res.data.iconColumnInformationModels || []).slice()
} }
_this.isFailCatagory2 = _this.listMiddle.length == 0 ? true : false; _this.isFailCatagory2 = _this.listMiddle.length == 0 ? true : false;
}) })
...@@ -802,7 +826,11 @@ export default { ...@@ -802,7 +826,11 @@ export default {
} }
</script> </script>
<style> <style lang="scss" scoped>
@import '../../style/mixin.scss';
img {
@include bis('../../images/evaluatBg.png');
}
.swiper .mint-swipe-indicators{ .swiper .mint-swipe-indicators{
right: 6px; right: 6px;
top:50%; top:50%;
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或