-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathshare.ejs
64 lines (61 loc) · 3.24 KB
/
share.ejs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><%= {jirengu: "饥人谷官网", yinghekongjian: "饥人谷Java官网", cplusplus: "饥人谷C++官网"}[process.env.BUILD_FLAG] %></title>
<% if (process.env.BUILD_FLAG === 'jirengu') { %>
<meta name="keywords" content="饥人谷前端, 前端培训, Java培训, 算法培训, 靠谱的前端培训, 好的前端培训, 饥人谷, 前端培训机构, 专业的前端培训, 前端, Java, Node.js, HTML5">
<meta name="description" content="饥人谷，培训前端工程师、Java工程师、算法工程师，老师来自百度、腾讯、阿里、亚马逊、网易等一线互联网公司">
<% } %>
<% if (process.env.BUILD_FLAG === 'yinghekongjian') { %>
<meta name="keywords"
content="饥人谷, 饥人谷Java, 饥人谷Java培训, Java培训, 算法培训, 靠谱的Java培训, 好的Java培训, Java培训机构, 专业的Java培训, 前端, Java, Node.js, spring, Maven, Gradle, HTML5">
<meta name="description" content="饥人谷，培训Java工程师、算法工程师，老师来自百度、腾讯、阿里、亚马逊、网易等一线互联网公司">
<% } %>
<% if (process.env.BUILD_FLAG === 'cplusplus') { %>
<meta name="keywords"
content="饥人谷C++, C++, C加加, C++培训, 算法培训, C, 靠谱的C++培训, 好的C++培训, 饥人谷, 前端培训机构, 高级编程, 基础架构, 基础服务">
<meta name="description" content="饥人谷，培训C++工程师、算法工程师，老师来自百度、腾讯、阿里、亚马逊、网易等一线互联网公司">
<% } %>
<meta name="viewport" charset="UTF-8" content="user-scalable=no"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="./css/share.scss">
</head>
<body>
<div id="app">
<my-navigator></my-navigator>
<swiper :options="swiperOption" ref="mySwiper">
<swiper-slide :key="index" v-for="item,index in shares">
<div class="text-wrapper md-wrapper" v-html="marked(item.content)" v-if="item.type === 'markdown'">
</div>
<simple-video v-else-if="item.type === 'video'"
:poster="item.poster"
:link="item.content"
:index="index"
:change="togglePlaying"
:playing="item.playing"
></simple-video>
<div class="image-wrapper" v-else-if="item.type === 'image'">
<div class="image" :style="{backgroundImage: `url(${$cdn(item.content)})`}"></div>
</div>
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
<div slot="button-prev" class="swiper-button-prev">
<i class="iconfont hcsp-prev"></i>
</div>
<div slot="button-next" class="swiper-button-next">
<i class="iconfont hcsp-next"></i>
</div>
</swiper>
<transition-group name="fade" tag="div">
<section class="container" :key="index" v-for="item,index in shares" v-if="index === activeIndex">
<h2 class="title">{{item.title}}</h2>
<div class="md-wrapper" v-html="marked(item.description)"></div>
</section>
</transition-group>
<my-footer></my-footer>
</div>
<script src="./js/share.js"></script>
</body>
</html>