spxq.html
8.3 KB
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>搜索无结果</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/spxq.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_i66rltl2rzp.css">
<script src="js/base.js"></script>
<script src="js/jquery.min.js"></script>
<style>
.icon-caidan{
font-size: 0.5rem;
}
.icon-magnifier{
color: #999999;
}
.f_size{
font-weight: normal;
font-size: 0.18rem;
}
.icon-xiugai{
margin-left: 0.15rem;
font-size: 0.3rem;
color: #999999;
display: flex;
font-weight: bold;
align-items: center;
}
.top_dot{
width: 0.08rem;
height: 0.08rem;
background:rgba(166,16,16,1);
border:1px solid rgba(255, 255, 255, 1);
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
}
.color_black{
color: black;
}
.margin_t{
margin-top: 0.1rem;
}
/*底部菜单*/
.font_s{
font-size: 0.4rem;
color: #A61010;
}
.icon-bilibilidonghua{
font-size: 0.8rem;
}
.share_color{
color: #999999;
}
</style>
</head>
<body>
<div class="container">
<div class="top">
<!--顶部菜单-->
<div class="top_t">
<!--左-->
<div class="top_t_left">
<!--中文字-->
<div class="top_t_left_text">
中
</div>
<!--菜单图标-->
<div class="iconfont icon-caidan"></div>
</div>
<!--中-->
<div class="top_t_middle">
<img src="images/peke.png">
</div>
<!--右-->
<div class="top_t_right">
<!--铃声-->
<div class="iconfont icon-10">
<!--小红点-->
<div class="top_dot"></div>
</div>
<!--头像-->
<div class="top_t_right_pic">
<img src="images/1.png">
</div>
</div>
</div>
<!--底部搜索-->
<div class="top_d">
<div class="iconfont icon-magnifier"></div>
<input class="top_d_input" placeholder="搜索音乐/作品/风格">
</div>
</div>
<div class="banner">
<img src="images/banner_5.png">
</div>
<div class="items">
<div class="item">
<div class="item_pic">
<img src="images/banner_1.png">
</div>
<div class="item_text">
少数派的音乐不少数派的音乐不少数派的音乐不
</div>
</div>
<div class="item">
<div class="item_pic">
<img src="images/banner_1.png">
</div>
<div class="item_text">
少数派的音乐不少数派的音乐不少数派的音乐不
</div>
</div>
<div class="item">
<div class="item_pic">
<img src="images/banner_1.png">
</div>
<div class="item_text">
少数派的音乐不少数派的音乐不少数派的音乐不
</div>
</div>
<div class="item">
<div class="item_pic">
<img src="images/banner_1.png">
</div>
<div class="item_text">
少数派的音乐不少数派的音乐不少数派的音乐不
</div>
</div>
<div class="item">
<div class="item_pic">
<img src="images/banner_1.png">
</div>
<div class="item_text">
少数派的音乐不少数派的音乐不少数派的音乐不
</div>
</div>
</div>
<div class="mid">
<!--标题-->
<div class="mid_title">
少一点抱怨，多一点积极
</div>
<!--信息栏-->
<div class="mid_infor">
<div class="mid_infor_left">
<div class="mid_infor_left_pic">
<img src="images/banner_1.png">
</div>
<div class="mid_infor_left_text">
哪里来的猴子
</div>
</div>
<div class="mid_infor_right">
2018年12月31日
</div>
</div>
<!--文章内容-->
<div class="mid_text">
有的人生活光彩夺目，有的人生活布满荆棘。
<br>
<br>面对生活的落差，难免会有满腔的埋怨和满腹的牢骚;但是我们是否有经过深层次的分析和思考，为什么生活差异如此之大呢?
<br>
<br>很多时候，我们更多的是站在自己的一个渺小的角落，思考着我们所处的问题，而忽略了大的环境所能赐予我们的能量。
<br>
<br>生活中，我 们可能基础环境过于薄弱，导致我们的生活经历了辛酸，往往就会羡慕和想要我们所不能及的生活，而忽略了我们所拥有的美好;某些人，会在困苦中涅重生，改变自己被动的困境;而有些人，则更多的是抱怨、是颓废，得到的仅仅只能是越来越困苦的生活，越来越被动的人生，自己也变得失落，迷茫。
<br>
<br>其实我们有没有想过，我们今天的生活，自己再多的抱怨又有什么用呢?抱怨了，生活变好了嘛?是否通过抱怨实现了自己想要的生活呢?答案肯定是没有的，生活还是一成不变的，并不会有所改变，改变的只是个人的心态，永远是生活在悲观之中，所以，为什么还要继续去抱怨呢?
<br>
<br>工作中，我们难免会遇到一些棘手的事情，而不管是大公司还是小公司，不管是什么岗位总会有那么些人，喜欢将烦死了、急死了、麻烦死了等一些词汇挂在嘴边。
<br>
<br>这个对于刚刚参加工作的小白来说很正常，但是要及时
</div>
<!--图片-->
<div class="mid_pic">
<img src="images/text.png">
</div>
<!--文章内容-->
<div class="mid_text">
有的人生活光彩夺目，有的人生活布满荆棘。
<br>
<br>面对生活的落差，难免会有满腔的埋怨和满腹的牢骚;但是我们是否有经过深层次的分析和思考，为什么生活差异如此之大呢?
<br>
<br>很多时候，我们更多的是站在自己的一个渺小的角落，思考着我们所处的问题，而忽略了大的环境所能赐予我们的能量。
<br>
</div>
<!--引用人物-->
<div class="mid_people">
<div class="mid_people_title">
引用人物
</div>
<div class="mid_people_name">
陈其钢 叶小钢
</div>
</div>
<!--引用作品-->
<div class="mid_people">
<div class="mid_people_title">
引用人物
</div>
<div class="mid_people_name">
《中国音乐史》 《History of Arts》 蝶恋花
</div>
</div>
</div>
<div class="share">
<div class="share_items">
<div class="share_item">艺术家姓名</div>
<div class="share_item">长笛</div>
<div class="share_item">音乐风格</div>
<div class="iconfont icon-xinaixin share_color">
<span></span>
</div>
<div class="iconfont icon-fenxiang share_color"></div>
</div>
</div>
</div>
</body>
<script>
</script>
</html>