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 @@
<!--展示形式 左一 右二-->
<div class="teacher-item space-between">
<div class="category-left" @click="goToPage(parmData[0])">
<img class="category-img" v-lazy="parmData[0].imageUrl"/>
<div class="category-left" @click="goToPage(leftObj)">
<img class="category-img" :src="leftObj.imageUrl" alt="image"/>
</div>
<div class="category-right">
<div class="right-img" @click="goToPage(parmData[1])">
<img class="category-img" v-lazy="parmData[1].imageUrl"/>
<div class="right-img" @click="goToPage(rightTop)">
<img class="category-img" :src="rightTop.imageUrl" alt="image"/>
</div>
<div class="right-img mt5" @click="goToPage(parmData[2])">
<img class="category-img" v-lazy="parmData[2].imageUrl"/>
<div class="right-img mt5" @click="goToPage(rightBottom)">
<img class="category-img" :src="rightBottom.imageUrl" alt="image"/>
</div>
</div>
</div>
<div class="holder-img" @click="goToPage(parmData[3])">
<img v-lazy="parmData[3].imageUrl" class="category-img"/>
<div class="holder-img" @click="goToPage(rightBp)">
<img :src="rightBp.imageUrl" class="category-img" alt="image"/>
</div>
</div>
</template>
......@@ -27,56 +27,57 @@
export default {
data(){
return{
list:[],
leftObj:{},
rightTop:{},
rightBottom:{},
rightBp:{},
title:'专题分类',
parmData:[
{imageUrl:''},
{imageUrl:''},
{imageUrl:''},
{imageUrl:''}
]
list: [],
leftObj: {"imageUrl": require('../../images/change.png')},
rightTop: {"imageUrl": require('../../images/change.png')},
rightBottom: {"imageUrl": require('../../images/change.png')},
rightBp: {"imageUrl": require('../../images/change.png')},
title: '专题分类'
}
},
mounted(){
this.getData();
},
props:{
this.getData();
},
methods: {
goToPage(itemData){
this.pageBurialPoin({
menuLevel:1,
menuCode:'m_home',
functionCode:'f_module',
actionCode:'c_module',
labelId:itemData.id,
labelValue :itemData.name,
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,
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 || [];
//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>
......
src/components/business-new/yqy-home-banner.vue
浏览文件 @ 9daf8369
......@@ -2,10 +2,10 @@
<div class="banner-box">
<div class="banner space-between">
<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)"
:key="index" >
<img class="banner-img" v-lazy="item.imageUrl"/>
<img class="banner-img" :src="item.imageUrl"/>
<span class="banner-text fs24">
{{item.name}}
</span>
......@@ -20,7 +20,17 @@ export default {
name: 'YqyHomeBanner',
data(){
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(){
......
src/main.js
浏览文件 @ 9daf8369
......@@ -16,10 +16,10 @@ import 'mint-ui/lib/style.css'
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
preLoad: 3,
// error: './images/change.png',
// loading: 'https://file.yunqueyi.com/File/course_doctor/2018-11/20/web_454.png',
// loading: 'http://pica-pro.oss-cn-shanghai.aliyuncs.com/h5/app_home/2018/12/5-121204193935-51.gif',
// loading: 'images/change.png',
// error: 'https://file.yunqueyi.com/File/course_doctor/2018-11/20/web_454.png',
attempt: 3
attempt: 1
// 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
border: none;
color: #333;
font-weight: normal;
font-family: "Microsoft Yahei";
font-family: "PingFangSC", "Microsoft Yahei";
box-sizing: border-box;
-webkit-tap-highlight-color:transparent;
-webkit-font-smoothing: antialiased;
......
src/utils/index.js
浏览文件 @ 9daf8369
......@@ -229,20 +229,17 @@ export function jumpEvaluatPage(){
return evaluatPageUrl
}
// // dev地址
// const baseUrl = 'https://dev-sc.yunqueyi.com/'
// const apiUrl = 'https://dev-api.yunqueyi.com/'
// const evaluatPageUrl = 'https://dev-phome.yunqueyi.com/gpr/#/home'
// export const jumpWebPageUrl = 'https://dev-phome.yunqueyi.com/appl/#/'
// test1地址
const baseUrl = 'https://test1-sc.yunqueyi.com/'
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/#/'
// dev地址
const baseUrl = 'https://dev-sc.yunqueyi.com/'
const apiUrl = 'https://dev-api.yunqueyi.com/'
const evaluatPageUrl = 'https://dev-phome.yunqueyi.com/gpr/#/home'
export const jumpWebPageUrl = 'https://dev-phome.yunqueyi.com/appl/#/'
// // test1地址
// const baseUrl = 'https://test1-sc.yunqueyi.com/'
// 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 @@
@click="goToPatholo(item)"
:key="index">
<span class="pathologic-icon">
<img v-lazy="item.imageUrl"/>
<img :src="item.imageUrl"/>
</span>
<!-- <span class="pathologic-txt fs14">{{item.name}}</span> -->
</div>
......@@ -103,7 +103,17 @@ export default {
iconList:[], //icon数据
keeponData:{}, //继续学习
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:[],//云雀名师数据
newsDatalist:[],//最新课程
fiveList:[],//五分钟医学院
......@@ -112,8 +122,22 @@ export default {
speedSwiper:300,
stopPropagation:true,
isIntStyle:'',
listSwiper:[],//轮播图数据
listMiddle:[],//中间栏数据
listSwiper:[{
"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,
scrollTop:0,
hideNewCourse:true,
......@@ -775,7 +799,7 @@ export default {
this.GET('contents/HomeColumn/Information', para).then(res => {
if(res.code == '000000'){
// 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;
})
......@@ -802,7 +826,11 @@ export default {
}
</script>
<style>
<style lang="scss" scoped>
@import '../../style/mixin.scss';
img {
@include bis('../../images/evaluatBg.png');
}
.swiper .mint-swipe-indicators{
right: 6px;
top:50%;
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或