zjueva
/
2020-fronted-nx
10
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

add video
continuous-integration/drone/push Build is passing Details

master
cxz66666 2020-08-19 14:10:36 +08:00
parent 9b260b366f
commit cfc15c6863
4 changed files with 107 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/Home/Content4.jsx
View File

@ -15,9 +15,7 @@ function Content4(props) {
type: "from",
ease: "easeOutQuad",
};
const videoChildren = dataSource.video.children.video;
const videoNameArray = videoChildren.split(".");
const type = videoNameArray[videoNameArray.length - 1];
return (
<div {...tagProps} {...dataSource.wrapper}>
<div {...dataSource.page}>
@ -31,18 +29,28 @@ function Content4(props) {
{...dataSource.video}
>
{isMobile ? (
<video width="100%" loop poster={dataSource.video.children.image}>
<source src={videoChildren} type={`video/${type}`} />
<track kind="captions" />
</video>
) : (
<VideoPlay
loop
<iframe
width="100%"
poster={dataSource.video.children.image}
src="//player.bilibili.com/player.html?aid=668285922&bvid=BV1ma4y1e758&cid=194011737&page=1"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
allowfullscreen="true"
></iframe>
) : (
<iframe
width="100%"
height="650px"
src="//player.bilibili.com/player.html?aid=668285922&bvid=BV1ma4y1e758&cid=194011737&page=1"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
allowfullscreen="true"
>
<source src={videoChildren} type={`video/${type}`} />
</VideoPlay>
{" "}
</iframe>
)}
</TweenOne>
</OverPack>

129
src/Home/data.source.js
View File

@ -24,7 +24,7 @@ import jicheng from "../picture/jicheng.png";
import ketang from "../picture/ketang.png";
import weixiu from "../picture/weixiu.png";
import weixiu1 from "../picture/weixiu1.png";
import xianshang from "../picture/xianshang.png";
import xuesheng from "../picture/xuesheng.png";
import zhiban from "../picture/zhiban.png";
@ -32,10 +32,15 @@ import zhiyuanzhe from "../picture/zhiyuanzhe.png";
import qrwexin from "../picture/qr-wexin.jpg";
import qrbilibili from "../picture/qr-bilibili.jpg";
import qrqq from "../picture/qr-qq.jpg";
import beian from "../picture/beian.png";
const style_qrtest = {
width: "100%",
height: "100%",
};
const style_beian = {
width: "18px",
height: "18px",
};
export const Nav30DataSource = {
wrapper: { className: "header3 home-page-wrapper" },
page: { className: "home-page" },
@ -255,12 +260,12 @@ export const Feature30DataSource = {
title: {
className: "content3-title k6rof9gjex-editor_css",
children: (
<>
<a href="https://mp.weixin.qq.com/s/-V8en6GdLk-Cv4km8SYo4Q">
<p>
财外部
<br />
</p>
</>
</a>
),
},
content: {
@ -291,12 +296,12 @@ export const Feature30DataSource = {
title: {
className: "content3-title k6rogxj5m3r-editor_css",
children: (
<>
<a href="https://mp.weixin.qq.com/s/S-uhGNp2LJtR3qIAjU-Y4w">
<p>
文宣部
<br />
</p>
</>
</a>
),
},
content: {
@ -327,12 +332,12 @@ export const Feature30DataSource = {
title: {
className: "content3-title k6rohgkzazi-editor_css",
children: (
<>
<a href="https://mp.weixin.qq.com/s/VLMAcVkLFCQ_QmcqnEglbg">
<p>
人资部
<br />
</p>
</>
</a>
),
},
content: {
@ -363,12 +368,12 @@ export const Feature30DataSource = {
title: {
className: "content3-title k6roi0sr9o-editor_css",
children: (
<>
<a href="https://mp.weixin.qq.com/s/YjMZGxYKWf941BFHRBiiJQ">
<p>
电脑部
<br />
</p>
</>
</a>
),
},
content: {
@ -399,12 +404,12 @@ export const Feature30DataSource = {
title: {
className: "content3-title k6roin896g-editor_css",
children: (
<>
<a href="https://mp.weixin.qq.com/s/tN6mPHzVeD6RbjEqF_yWhA">
<p>
电器部
<br />
</p>
</>
</a>
),
},
content: {
@ -521,11 +526,11 @@ export const Feature80DataSource = {
name: "title",
className: "feature8-block-title",
children: (
<>
<a href="https://mp.weixin.qq.com/s/3NU4B1NJMa2fyPMfa6ER0A">
<p>
<b>日常值班</b>
</p>
</>
</a>
),
},
{
@ -560,17 +565,19 @@ export const Feature80DataSource = {
{
name: "image",
className: "feature8-block-image",
children: <img src={xianshang} width={40} />,
children: (
<img src={xianshang} width={40} alt="xianshang" />
),
},
{
name: "title",
className: "feature8-block-title",
children: (
<>
<a href="https://mp.weixin.qq.com/s/vaaQJT_MUB3tGCabofXYIg">
<p>
<b>线上交流</b>
<b>线上咨询</b>
</p>
</>
</a>
),
},
{
@ -604,17 +611,19 @@ export const Feature80DataSource = {
{
name: "image",
className: "feature8-block-image",
children: <img src={diannaobu} width={40} />,
children: (
<img src={diannaobu} width={40} alt="diannanbu" />
),
},
{
name: "title",
className: "feature8-block-title",
children: (
<>
<a href="https://mp.weixin.qq.com/s/DVRq674tvVmJnFzrG9dUUg">
<p>
<b>公益进社会</b>
</p>
</>
</a>
),
},
{
@ -648,18 +657,20 @@ export const Feature80DataSource = {
{
name: "image",
className: "feature8-block-image",
children: <img src={zhiyuanzhe} width={40} />,
children: (
<img src={zhiyuanzhe} width={40} alt="zhiyuanzhe" />
),
},
{
name: "title",
className: "feature8-block-title",
children: (
<>
<a href="https://mp.weixin.qq.com/s/388x1PW1CNBph8a_7dWjig">
<p>
<b>志愿服务</b>
<br />
</p>
</>
</a>
),
},
{
@ -708,18 +719,18 @@ export const Feature80DataSource = {
{
name: "image",
className: "feature8-block-image",
children: <img src={weixiu} width={40} />,
children: <img src={weixiu} width={40} alt="weixiu" />,
},
{
name: "title",
className: "feature8-block-title",
children: (
<>
<a href="https://mp.weixin.qq.com/s/388x1PW1CNBph8a_7dWjig">
<p>
校园维修&amp;社区维修
<br />
</p>
</>
</a>
),
},
{
@ -753,18 +764,18 @@ export const Feature80DataSource = {
{
name: "image",
className: "feature8-block-image",
children: <img src={huodong} width={40} />,
children: <img src={huodong} width={40} alt="huodong" />,
},
{
name: "title",
className: "feature8-block-title",
children: (
<>
<a href="https://mp.weixin.qq.com/s/ohFvSbbmUaubnCj-z4qDcw">
<p>
社团精品活动
<br />
</p>
</>
</a>
),
},
{
@ -799,18 +810,18 @@ export const Feature80DataSource = {
name: "image",
className: "feature8-block-image",
children: <img src={ketang} width={40} />,
children: <img src={ketang} width={40} alt="ketang" />,
},
{
name: "title",
className: "feature8-block-title",
children: (
<>
<a href="https://mp.weixin.qq.com/s/KA7ggOmDcmhclWt0vCQC0Q">
<p>
维修知识课堂
<br />
</p>
</>
</a>
),
},
{
@ -844,7 +855,7 @@ export const Feature80DataSource = {
{
name: "image",
className: "feature8-block-image",
children: <img src={xuesheng} width={40} />,
children: <img src={xuesheng} width={40} alt="xuesheng" />,
},
{
name: "title",
@ -904,7 +915,7 @@ export const Feature80DataSource = {
{
name: "image",
className: "feature8-block-image",
children: <img src={jicheng} width={40} />,
children: <img src={jicheng} width={40} alt="jicheng" />,
},
{
name: "title",
@ -921,12 +932,12 @@ export const Feature80DataSource = {
name: "content",
className: "feature8-block-content k6ry0mq0ks-editor_css",
children: (
<>
<a href="https://mp.weixin.qq.com/s/xGDr9QoajBd83RHuZPIZKg">
<p>
&nbsp; &nbsp; 积极追求参与竞赛等创新实践活动
<br />
</p>
</>
</a>
),
},
],
@ -948,7 +959,9 @@ export const Feature80DataSource = {
{
name: "image",
className: "feature8-block-image",
children: <img src={fenxiang1} width={40} />,
children: (
<img src={fenxiang1} width={40} alt="fenxiang1" />
),
},
{
name: "title",
@ -965,12 +978,12 @@ export const Feature80DataSource = {
name: "content",
className: "feature8-block-content k6ry1c380kk-editor_css",
children: (
<>
<a href="https://mp.weixin.qq.com/s/IVyDrEojMEM6Zkr4u9DJGg">
<p>
“中控杯”参赛经验分享&nbsp;
<br />
</p>
</>
</a>
),
},
],
@ -992,7 +1005,9 @@ export const Feature80DataSource = {
{
name: "image",
className: "feature8-block-image",
children: <img src={fenxiang2} width={40}></img>,
children: (
<img src={fenxiang2} width={40} alt="fenxiang2"></img>
),
},
{
name: "title",
@ -1036,7 +1051,7 @@ export const Feature80DataSource = {
{
name: "image",
className: "feature8-block-image",
children: <img src={diy} width={40} />,
children: <img src={diy} width={40} alt="diy" />,
},
{
name: "title",
@ -1883,9 +1898,19 @@ export const Footer10DataSource = {
className: "copyright",
children: (
<span>
©2020 浙江大学学生E志者协会 All Rights Reserved
<br></br>
<a href="http://www.beian.miit.gov.cn/"> 浙ICP备20022913号-2</a>
<span class="first">
©2008-2020 浙江大学学生E志者协会 All Rights Reserved
</span>
<p>
<span>
<a href="http://www.beian.miit.gov.cn/">浙ICP备20022913号-2</a>
<img style={style_beian} src={beian} alt="我爬了" />
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602011155">
浙公网安备 33010602011155号
</a>
</span>
</p>
</span>
),
},
@ -2151,9 +2176,17 @@ export const Content40DataSource = {
},
video: {
className: "content4-video",
children: {
video: "https://os.alipayobjects.com/rmsportal/EejaUGsyExkXyXr.mp4",
image: "https://zos.alipayobjects.com/rmsportal/HZgzhugQZkqUwBVeNyfz.jpg",
},
children: (
<iframe
src="//player.bilibili.com/player.html?aid=668285922&bvid=BV1ma4y1e758&cid=194011737&page=1"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
allowfullscreen="true"
>
{" "}
</iframe>
),
},
};

7
src/Home/less/footer1.less
View File

@ -42,7 +42,7 @@
.copyright {
height: 80px;
text-align: center;
line-height: 80px;
line-height: 28px;
}
}
}
@ -85,7 +85,10 @@
.home-page {
padding: 0;
.copyright {
font-size: 12px;
font-size: 9px;
.first {
font-size: 13px;
}
}
}
}

BIN
src/picture/beian.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB