-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
139 lines (130 loc) · 5.83 KB
/
index.html
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>麦冬影集</title>
<meta name="description" content="2015.11.09 - now">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content=""/>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="./assets/images/favicon.ico"/>
<link rel="icon" href="http://www.xiaomaidong.com/wp-content/uploads/2020/02/cropped-logo2-32x32.png" sizes="32x32">
<link rel="icon" href="http://www.xiaomaidong.com/wp-content/uploads/2020/02/cropped-logo2-192x192.png" sizes="192x192">
<link rel="apple-touch-icon-precomposed" href="http://www.xiaomaidong.com/wp-content/uploads/2020/02/cropped-logo2-180x180.png">
<meta name="msapplication-TileImage" content="http://www.xiaomaidong.com/wp-content/uploads/2020/02/cropped-logo2-270x270.png">
<style type="text/css">.loading_tip {
font-size:28px;
color: black;
text-shadow: -2px 2px 2px gray;
text-align: center;
}
.loading_img {
width: 100%;
height: 100vh;
margin:50px auto;
position: relative;
background: url(assets/images/loading.gif) no-repeat;
}
</style>
</head>
<body ms-controller="fuyuko">
<div>
<div class="loading_tip" id="loading_tip">
<p>欢迎来到小麦冬</p>
<span style="font-size: 16px">正在加载中，请稍后... </span>
<div class="loading_img"> </div>
</div>
<div class="main-body" id="main-body" style="display: none;">
<div class="banner" id="banner">
<div class="header-w3layouts">
<!-- Navigation -->
<div class="container">
<div class="header-bar">
<nav class="navbar navbar-default">
<div class="navbar-header navbar-left">
<h1><a class="navbar-brand brand_title" href="http://www.xiaomaidong.com"
target="_blank">{{web_title}}</a></h1>
</div>
<!-- <div class="navbar-right">-->
<!-- <span class="sub_title">{{sub_title}}</span>-->
<!-- </div>-->
</nav>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="mid_title">
<h1 class="page_title">{{page_title}} </h1>
</div>
</div>
<div class="days-coming" ms-visible="@start_date && @start_date != ''">
<div class="container">
<h3 class="title tittle">WE HAVE BEEN TOGETHER</h3>
<div class="timer_wrap">
<div id="counter">
<div class="count_day" id="count_day"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="wrapper">
<!--ms-for: part_info in @image_json-->
<div class="nav nav-tabs my_nav span_text" ms-visible="part_info['photo_info'].length > 0"
ms-click="@show_cur_group(part_info.part_id)">
<span class="part_title">{{part_info.part_title}}</span>
<span class="part_desc">{{part_info.part_desc}}</span>
<span :attr="{id: part_info.part_id + 'fold_right'}" class="fold_style_right fa fa-chevron-circle-left"></span>
</div>
<section ms-visible="@group_show_visible[part_info.part_id] == true" :attr="{id: part_info.part_id + 'section'}">
<div ms-for="img in part_info['photo_info']" class="img_layout flex_img" :mouseenter="@show_photo_desc(img)"
ms-mouseleave="@hide_photo_desc(img)"
ms-css="{width: img.flex + 'px', 'flex-grow': img.flex}" ms-click="@show_middle_image(img)">
<i ms-css="{paddingBottom: img.small_height / img.small_width * 100 + '%'}"></i>
<img :attr="{src: img.small, alt: img.desc}" class="img">
<div ms-visible="@img.show_desc == true" class="photo_desc" :attr="{id: img.uniq_id + 'desc'}">
<h4 class="desc_text">{{img.name}}</h4>
<p class="desc_text">{{img.desc}}</p>
</div>
</div>
</section>
<!--ms-for-end:-->
<div class="myModal" id="middle_picture" title="双击可以退出大图模式">
<div ms-visible="@load_image == true" class="load_img" id="load_img">
<img src="assets/images/loading.gif" class="load_image">
</div>
<img :attr="{src: @show_image_url}" class="middle_image" id="middle_image" ondblclick="hide_image()">
<div class="middle_image_desc" id="middle_image_desc">
<h4 class="middle_desc_text_title">{{middle_image_name}}</h4>
<p class="middle_desc_text">{{middle_image_desc}}</p>
<button class="btn-primary" ms-visible="false" id="middle_desc_text">test</button>
</div>
</div>
</div>
<hr class="featurette-divider nav_footer">
<footer>
<p><a href="#"> 小麦冬(xiaomaidong.com)© 2021</a></p>
</footer>
</div>
</div>
<!--booststrap-->
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<!--//booststrap end-->
<!-- font-awesome icons -->
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!--stylesheets-->
<link href="assets/css/style.css" rel='stylesheet' type='text/css' media="all">
<link href="assets/css/my_style.css" rel="stylesheet" type="text/css">
<!--//stylesheets-->
<link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
<!-- <script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script> -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="assets/js/avalon.min.js"></script>
<script src="image_json.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>