123
This commit is contained in:
parent
23fab95424
commit
29e4c0aea8
|
|
@ -53,9 +53,6 @@
|
||||||
line-height: $h4-height;
|
line-height: $h4-height;
|
||||||
margin: 10px 0 0 0;
|
margin: 10px 0 0 0;
|
||||||
display: block;
|
display: block;
|
||||||
height: 75px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
}
|
||||||
&__box {
|
&__box {
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
|
|
|
||||||
|
|
@ -568,6 +568,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.banner__mobile {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@include xsm-sm {
|
@include xsm-sm {
|
||||||
.swiper-slide-content-category {
|
.swiper-slide-content-category {
|
||||||
|
|
|
||||||
|
|
@ -257,6 +257,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// main end
|
// main end
|
||||||
|
.banner__mobile {
|
||||||
|
display: none ;
|
||||||
|
}
|
||||||
// event start
|
// event start
|
||||||
.event {
|
.event {
|
||||||
margin: 80px 0;
|
margin: 80px 0;
|
||||||
|
|
|
||||||
|
|
@ -60,9 +60,9 @@
|
||||||
p {
|
p {
|
||||||
font-size: $p-size;
|
font-size: $p-size;
|
||||||
line-height: $p-height;
|
line-height: $p-height;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 20px;
|
||||||
img {
|
img {
|
||||||
width: 70%;
|
width: 90%;
|
||||||
margin: 30px auto;
|
margin: 30px auto;
|
||||||
display: block;
|
display: block;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
@ -74,7 +74,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
width: 70%;
|
width: 90%;
|
||||||
margin: 30px auto;
|
margin: 30px auto;
|
||||||
display: block;
|
display: block;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
@ -90,6 +90,9 @@
|
||||||
&-link {
|
&-link {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
fill: $main-color;
|
fill: $main-color;
|
||||||
|
svg {
|
||||||
|
color: $main-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&-name {
|
&-name {
|
||||||
|
|
|
||||||
|
|
@ -634,9 +634,6 @@ li {
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
margin: 10px 0 0 0;
|
margin: 10px 0 0 0;
|
||||||
display: block;
|
display: block;
|
||||||
height: 75px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
}
|
||||||
.card__box {
|
.card__box {
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
|
|
@ -1442,6 +1439,10 @@ li {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.banner__mobile {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.event {
|
.event {
|
||||||
margin: 80px 0;
|
margin: 80px 0;
|
||||||
}
|
}
|
||||||
|
|
@ -1889,10 +1890,10 @@ li {
|
||||||
.news__body p {
|
.news__body p {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
.news__body p img {
|
.news__body p img {
|
||||||
width: 70%;
|
width: 90%;
|
||||||
margin: 30px auto;
|
margin: 30px auto;
|
||||||
display: block;
|
display: block;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
@ -1901,7 +1902,7 @@ li {
|
||||||
color: #4285f4;
|
color: #4285f4;
|
||||||
}
|
}
|
||||||
.news__body img {
|
.news__body img {
|
||||||
width: 70%;
|
width: 90%;
|
||||||
margin: 30px auto;
|
margin: 30px auto;
|
||||||
display: block;
|
display: block;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
@ -1919,6 +1920,9 @@ li {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
fill: #fd4c24;
|
fill: #fd4c24;
|
||||||
}
|
}
|
||||||
|
.news__footer-social-link svg {
|
||||||
|
color: #fd4c24;
|
||||||
|
}
|
||||||
.news__footer-name {
|
.news__footer-name {
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
|
|
@ -2504,6 +2508,10 @@ li {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 8px 0;
|
padding: 8px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.banner__mobile {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 540px) {
|
@media (max-width: 540px) {
|
||||||
.swiper-slide-content-category {
|
.swiper-slide-content-category {
|
||||||
|
|
|
||||||
|
|
@ -55,15 +55,17 @@ post = "post"
|
||||||
</header>
|
</header>
|
||||||
<div class="news__body">
|
<div class="news__body">
|
||||||
{{post.content|md}}
|
{{post.content|md}}
|
||||||
{% if post.author %}
|
|
||||||
<p style="text-align: right"><em><strong>{{post.author}}</strong></em></p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
</div>
|
||||||
<div class="news__footer">
|
<div class="news__footer">
|
||||||
<div class="news__footer-social">
|
<div class="news__footer-social">
|
||||||
{% partial 'social' %}
|
{% partial 'social' %}
|
||||||
</div>
|
</div>
|
||||||
|
<div class="news__footer-name">
|
||||||
|
{% if post.author %}
|
||||||
|
<p style="text-align: right"><em><strong>{{post.author}}</strong></em></p>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
<div class="news__sidebar">
|
<div class="news__sidebar">
|
||||||
|
|
@ -78,20 +80,20 @@ post = "post"
|
||||||
})
|
})
|
||||||
var re = /\[video poster=\"(.+?)\".+?mp4=\"(.+?)\"/g;
|
var re = /\[video poster=\"(.+?)\".+?mp4=\"(.+?)\"/g;
|
||||||
// re = /(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/g
|
// re = /(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/g
|
||||||
var ptags = document.querySelectorAll('p');
|
var ptags = document.querySelectorAll('p');
|
||||||
|
|
||||||
ptags.forEach(s =>{
|
ptags.forEach(s => {
|
||||||
|
|
||||||
var m;
|
var m;
|
||||||
m = re.exec(s.innerText);
|
m = re.exec(s.innerText);
|
||||||
if (m) {
|
if (m) {
|
||||||
var video =document.createElement('video');
|
var video = document.createElement('video');
|
||||||
video.setAttribute('src',m[2]);
|
video.setAttribute('src', m[2]);
|
||||||
video.setAttribute('controls',"")
|
video.setAttribute('controls', "")
|
||||||
video.setAttribute('width',"100%")
|
video.setAttribute('width', "100%")
|
||||||
video.setAttribute('type',"video/mp4")
|
video.setAttribute('type', "video/mp4")
|
||||||
video.setAttribute('poster',m[1])
|
video.setAttribute('poster', m[1])
|
||||||
s.parentNode.replaceChild(video,s);
|
s.parentNode.replaceChild(video, s);
|
||||||
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue