Explorar el Código

修改首页样式

master
chutingting hace 4 años
padre
commit
f7ba6a86ec
Se han modificado 14 ficheros con 40 adiciones y 135 borrados
  1. +2
    -0
      public/index.html
  2. +0
    -1
      src/App.vue
  3. BIN
      src/assets/img/teacher/归档.zip
  4. +5
    -1
      src/components/headTail/head.vue
  5. +2
    -2
      src/components/sidebar/sidebar.vue
  6. +16
    -10
      src/page/cultivate/particulars.vue
  7. +2
    -2
      src/page/home/home.vue
  8. +3
    -2
      src/page/journalism/journalism.vue
  9. +1
    -1
      src/page/teaching/detail.vue
  10. +0
    -58
      src/page/teaching/foreign.vue
  11. +0
    -52
      src/page/teaching/teacher.vue
  12. +1
    -1
      src/page/teaching/teaching.js
  13. +7
    -4
      src/page/teaching/teaching.vue
  14. +1
    -1
      src/router/index.js

+ 2
- 0
public/index.html Ver fichero

@@ -4,6 +4,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="keywords" content="瑜璟缘国际文化礼仪培训" />
<meta name="description" content="瑜璟缘国际文化礼仪培训" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
</head> </head>


+ 0
- 1
src/App.vue Ver fichero

@@ -80,7 +80,6 @@ export default {
} }
a { a {
text-decoration: none; text-decoration: none;
display: block;
} }
ul { ul {
list-style: none; list-style: none;


BIN
src/assets/img/teacher/归档.zip Ver fichero


+ 5
- 1
src/components/headTail/head.vue Ver fichero

@@ -4,7 +4,7 @@
<div class="backImg"> <div class="backImg">
<div class="logoBox"> <div class="logoBox">
<div class="logo_img"> <div class="logo_img">
<img src="../../assets/img/logo/logo1.png" alt />
<img @click="goHome" src="../../assets/img/logo/logo1.png" alt />
</div> </div>
<div class="title_Box"> <div class="title_Box">
<p>瑜璟缘国际文化礼仪培训</p> <p>瑜璟缘国际文化礼仪培训</p>
@@ -84,6 +84,9 @@ export default {
handleSelect(key, keyPath) { handleSelect(key, keyPath) {
// console.log(key, keyPath); // console.log(key, keyPath);
}, },
goHome() {
this.$router.push({path: "/homg"})
}
}, },
}; };
</script> </script>
@@ -115,6 +118,7 @@ export default {
// background-color: antiquewhite; // background-color: antiquewhite;
margin: 5px; margin: 5px;
float: left; float: left;
cursor: pointer;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;


+ 2
- 2
src/components/sidebar/sidebar.vue Ver fichero

@@ -160,7 +160,7 @@ export default {
margin-left: 10px; margin-left: 10px;
h3 { h3 {
width: 90%; width: 90%;
margin: 5px;
margin: 5px 0;
font-size: 14px; font-size: 14px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -168,7 +168,7 @@ export default {
} }
span { span {
overflow: hidden; overflow: hidden;
color: rgb(214, 214, 206);
color: #999;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;


+ 16
- 10
src/page/cultivate/particulars.vue Ver fichero

@@ -2,11 +2,6 @@
<div class="Box"> <div class="Box">
<div class="leftBox"> <div class="leftBox">
<textTitle :text="textTop" /> <textTitle :text="textTop" />
<!-- <div>
<h1 class="titels">{{this.ifjournalism==1?'中国农业银行礼仪培训':'新闻标题'}}</h1>
<p >{{this.ifjournalism==1?'培训时间:2019年3月1日':"2019年3月1日"}}</p>
<img class="particularsBox" src="../../assets/img/journalism/on2.png" alt="">
</div> -->
<div> <div>
<h1 class="titels">{{data.title}}</h1> <h1 class="titels">{{data.title}}</h1>
<p >{{data.publishDate}}</p> <p >{{data.publishDate}}</p>
@@ -36,7 +31,7 @@ export default {
}, },
methods: { methods: {
getDetail() { getDetail() {
homeService.getNewsDetail(this.id).then(res => {
return homeService.getNewsDetail(this.id).then(res => {
res.publishDate = moment(res.publishDate).format("YYYY-MM-DD") res.publishDate = moment(res.publishDate).format("YYYY-MM-DD")
this.data = res this.data = res
}) })
@@ -49,17 +44,27 @@ export default {
homeService.getView(data).then(res => {}) homeService.getView(data).then(res => {})
} */ } */
}, },
created() {
this.getDetail()
if(this.$route.params.ifjournalism){
async created() {
if (this.$route.params.ifjournalism) {
this.ifjournalism = this.$route.params.ifjournalism this.ifjournalism = this.$route.params.ifjournalism
console.log(this.ifjournalism); console.log(this.ifjournalism);
} }
if(this.ifjournalism==1){
if (this.ifjournalism == 1) {
this.textTop= "优秀案例" this.textTop= "优秀案例"
}else{ }else{
this.textTop= "新闻资讯" this.textTop= "新闻资讯"
} }
await this.getDetail()
if (this.data) {
let head = document.getElementsByTagName('head');
let meta = document.createElement('meta');
document.querySelector('meta[name="keywords"]').setAttribute('content', this.data.seoKeywords)
document.querySelector('meta[name="description"]').setAttribute('content', this.data.seoDescription)
head[0].appendChild(meta)
document.title = this.data.seoTitle
}
}, },
}; };
@@ -71,6 +76,7 @@ export default {
text-align: center; text-align: center;
} }
.leftBox { .leftBox {
width: 75%;
p { p {
text-align: center; text-align: center;
padding: 10px; padding: 10px;


+ 2
- 2
src/page/home/home.vue Ver fichero

@@ -324,14 +324,14 @@ export default {
width: 660px; width: 660px;
h3 { h3 {
width: 90%; width: 90%;
margin: 5px;
margin: 5px 0;
font-size: 16px; font-size: 16px;
} }
span { span {
height: 55px; height: 55px;
overflow: hidden; overflow: hidden;
line-height: 19px; line-height: 19px;
color: rgb(214, 214, 206);
color: #999;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;


+ 3
- 2
src/page/journalism/journalism.vue Ver fichero

@@ -6,10 +6,10 @@
<detail v-for="(item, index) in newsList" :key="index" /> <detail v-for="(item, index) in newsList" :key="index" />
</div> --> </div> -->
<div class="detailBox" v-for="(item, index) in newsList" :key="index" @click="goparticulars(item)"> <div class="detailBox" v-for="(item, index) in newsList" :key="index" @click="goparticulars(item)">
<h3>{{item.title}}</h3>
<div class="imgBox"> <div class="imgBox">
<img class="img" :src="item.mainPicRealPath" /> <img class="img" :src="item.mainPicRealPath" />
<div class="text"> <div class="text">
<h3>{{item.title}}</h3>
<p>{{item.assistantTitle}}</p> <p>{{item.assistantTitle}}</p>
<span class="time">{{item.publishDate}} <span class="el-icon-view"> {{item.view}}</span></span> <span class="time">{{item.publishDate}} <span class="el-icon-view"> {{item.view}}</span></span>
</div> </div>
@@ -81,7 +81,7 @@ export default {
margin-left: 20px; margin-left: 20px;
h3 { h3 {
font-size: 14px; font-size: 14px;
padding-bottom: 20px;
padding-bottom: 4px;
} }
.imgBox { .imgBox {
overflow: hidden; overflow: hidden;
@@ -102,6 +102,7 @@ export default {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
line-height: 20px; line-height: 20px;
overflow: hidden; overflow: hidden;
color: #999;
} }
.time { .time {
display: block; display: block;


+ 1
- 1
src/page/teaching/detail.vue Ver fichero

@@ -32,6 +32,7 @@
<strong class="center">足迹培训</strong> <strong class="center">足迹培训</strong>
<p v-html="data.training"></p> <p v-html="data.training"></p>
</div> </div>
<div v-if="data.other" v-html="data.other"></div>
<div v-if="data.img.length > 0" class="img"> <div v-if="data.img.length > 0" class="img">
<strong class="center">部分授课照片</strong> <strong class="center">部分授课照片</strong>
<p> <p>
@@ -41,7 +42,6 @@
</template> </template>
</p> </p>
</div> </div>
<div v-if="data.other" v-html="data.other"></div>
</div> </div>
<sidebar /> <sidebar />
</div> </div>


+ 0
- 58
src/page/teaching/foreign.vue Ver fichero

@@ -1,58 +0,0 @@
<template>
<div class="Box">
<div class="leftBox">
<textTitle :text="textTitle" />
<teacher v-for="(item, index) in 3" :key="index" />
</div>
<sidebar />
</div>
</template>
<script>
import textTitle from "@/components/headTail/textTitle";
import sidebar from "@/components/sidebar/sidebar";
import teacher from "./teacher";
export default {
//国外和国内 共页面 用 foreign=true ?国外:国内
components: {
textTitle,
sidebar,
teacher,
},
data() {
return {
textTitle: "",
fingerpostForeign: 0, //指南标志位切换路由赋值
};
},
watch: {
$route() {
this.fingerpostForeign = this.$route.query.foreign;
},
fingerpostForeign() {
this.gitTitle();
},
},
methods: {
// 获取 标题
gitTitle() {
let textTitleFlag = this.$route.query.foreign;
let arr = [
{
foreign: 1,
value: "国外名师",
},
{
foreign: 2,
value: "国内名师",
},
];
this.textTitle = arr.filter(
(item) => item.foreign == textTitleFlag
)[0].value;
},
},
mounted() {
this.gitTitle();
},
};
</script>

+ 0
- 52
src/page/teaching/teacher.vue Ver fichero

@@ -1,52 +0,0 @@
<template>
<div class="tempBox">
<img class="logo" src="../../assets/img/teacher/teacher.png" />
<div class="synopsis">
<h3>李老师</h3>
<span>李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍李老师的介绍</span>
</div>
</div>
</template>
<script>
export default {
props: {
Name: String,
synopsis: String,
img: String,
},
};
</script>
<style lang="scss" scoped>
.tempBox {
width: 85%;
border: 1px rgb(239, 239, 239) solid;
overflow: hidden;
margin-top: 20px;
.logo {
border-radius: 50%;
width: 150px;
height: 150px;
margin: 20px;
float: left;
}
.synopsis {
float: left;
margin: 20px;
width: 550px;
h3 {
font-size: 22px;
line-height: 22px;
}
span {
display: block;
margin-top: 10px;
font-size: 12px;
height: 85px;
overflow: hidden;
color: rgb(203, 190, 190);
}
}
}
</style>

+ 1
- 1
src/page/teaching/teaching.js Ver fichero

@@ -1147,7 +1147,7 @@ export default {
}, },
s15: { s15: {
topImg: 's15.png', topImg: 's15.png',
name: '',
name: '商务服务英语讲师--李赛赛Saisai',
bgInfo: ``, bgInfo: ``,
course: `《商务英语演讲技巧》 course: `《商务英语演讲技巧》
<br/> 如何克服怯场? <br/> 如何克服怯场?


+ 7
- 4
src/page/teaching/teaching.vue Ver fichero

@@ -6,7 +6,7 @@
<img class="logo" src="../../assets/img/teacher/teacher.png" /> <img class="logo" src="../../assets/img/teacher/teacher.png" />
<div class="synopsis"> <div class="synopsis">
<h3>{{item.name}}</h3> <h3>{{item.name}}</h3>
<span>{{item.bgInfo}}</span>
<span v-html='item.bgInfo'></span>
</div> </div>
</div> </div>
</div> </div>
@@ -85,8 +85,8 @@ export default {
cursor: pointer; cursor: pointer;
.logo { .logo {
border-radius: 50%; border-radius: 50%;
width: 150px;
height: 150px;
width: 100px;
height: 100px;
margin: 20px; margin: 20px;
float: left; float: left;
} }
@@ -103,8 +103,11 @@ export default {
margin-top: 10px; margin-top: 10px;
font-size: 12px; font-size: 12px;
height: 85px; height: 85px;
color: #999;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden; overflow: hidden;
color: rgb(203, 190, 190);
} }
} }
} }

+ 1
- 1
src/router/index.js Ver fichero

@@ -104,7 +104,7 @@ const routes = [
{ {
path: '/invite', path: '/invite',
meta:{ meta:{
title:"新闻咨询"
title:"我要应聘"
}, },
component: r => require.ensure([], () => r(require('@/page/serve/invite.vue')), 'invite') component: r => require.ensure([], () => r(require('@/page/serve/invite.vue')), 'invite')
}, },


Cargando…
Cancelar
Guardar