From 9f003ba3509434b69c8c2004bbaa4b98254c85d8 Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Fri, 23 Aug 2024 14:14:26 +0800
Subject: [PATCH] 0823-1

---
 README.md             |   3 ++-
 css/index.css         |  43 +++++++++++++++++++++++++++--
 css/libs/reset.css    |   1 -
 images/run.png        | Bin 0 -> 2903 bytes
 page-contentInfo.html |  61 ++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 104 insertions(+), 4 deletions(-)
 create mode 100644 images/run.png
 create mode 100644 page-contentInfo.html

diff --git a/README.md b/README.md
index 588d1be..a9d339b 100644
--- a/README.md
+++ b/README.md
@@ -30,6 +30,7 @@ ftExhibition
 ├─ ai_chat.html         AI数字人
 ├─ page-codeVideo.html  编码+视频  三级内容页
 ├─ page-pdf.html        pdf        三级内容页
-└─ page-pdfVideo.html   pdf+视频  三级内容页
+├─ page-pdfVideo.html   pdf+视频  三级内容页
+└─ page-contentInfo.html 编程模式下只有视频和信息内容
 
 ```
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
index 6c17d4a..0a19d9c 100644
--- a/css/index.css
+++ b/css/index.css
@@ -56,7 +56,7 @@ textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   position: relative;
   width: 100vw;
   height: 100vh;
-  background-color: #0F1B46;
+  /* background-color: #0F1B46; */
   font-family: 'DOUYU-Regular';
   overflow: hidden;
 }
@@ -827,6 +827,33 @@ textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   cursor: not-allowed;
 }
 
+.run-btn {
+  position: relative;
+  width: 1.25rem;
+  height: .725rem;
+  line-height: .725rem;
+  padding-left: .75rem;
+  font-size: .325rem;
+  text-align: center;
+  color: #fff;
+  background: linear-gradient(135deg, #06BFFF 0%, #2B74FF 100%);
+  border-radius: .725rem;
+  cursor: pointer;
+  margin: .5rem 0 0 .25rem;
+}
+
+.run-btn::before {
+  content: "";
+  position: absolute;
+  left: .375rem;
+  top: 50%;
+  width: .45rem;
+  height: .45rem;
+  background: url("../images/run.png") no-repeat left top;
+  background-size: .45rem .45rem;
+  transform: translateY(-50%);
+}
+
 /* ai数字人 end */
 
 .page-big-ai{
@@ -976,7 +1003,7 @@ textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   width: 7.4rem;
 }
 
-.video-content {
+.perview-video .video-content {
   width: 100%;
   height: 4.5rem;
   background-color: #000;
@@ -1034,6 +1061,18 @@ textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   background-size: cover;
 }
 
+.perview-contentInfo{
+  width: 100%;
+}
+
+.perview-contentInfo .video-content {
+  background-color: #000;
+}
+
+.perview-contentInfo .perview-info {
+  margin-left: .25rem;
+}
+
 /* 登录 */
 .layui-layer.layui-layer-login{
   background-color: transparent !important;
diff --git a/css/libs/reset.css b/css/libs/reset.css
index 9ec21a0..4a93911 100644
--- a/css/libs/reset.css
+++ b/css/libs/reset.css
@@ -4,7 +4,6 @@
 
 html {
   color: #727272;
-  background: #f5f5f5;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
 }
diff --git a/images/run.png b/images/run.png
new file mode 100644
index 0000000000000000000000000000000000000000..cbf909e2b6b1f5fe2974963dd4c497a5a2f3a275
GIT binary patch
literal 2903
zcmd^>`#02EAIE3L;Omwl3Nd|+af#u$oifoeUzagM#1KX<<rYb5L><H!a&OEuQXJ%(
zOOYvrgyVjTgM%|YB{7nakSOUqbIw`M56^$_to8h`_h)_9XTRQi@3r>Y?@y|ugN>B9
zk~j<olOmI>D1zAc*8oHWbG3U-fgr%cDK-|cnqlQd7)(NjYz4Vo^<K%Bpd7%X2sWBj
z6LJR`&=kwV^06#V;<408`x{qOe&~6n8(fNhR#^-}ucxBk8Tpy&dZOs<)(Ek~f)IcJ
zI^NOSHIb;qH*h%ej3lAmhOXGvd&851BCyB^`y<zosQ*q6%VQT}9^(ermLAskuZQUY
zF~pgvuY*sr#+I@xawQ(wUTVV)PHlz^es`Ms4z#HBuu1DWWuIO)M?XhWySH0$gHI;&
z3%^y0rRYmn2WG!#<P9lgIw#*44zni&a>}!A0?sQ{+N5D>pk!CYKD4-@EDB%XY<r?7
zW<SSmFLvQu2fD=7U8|f$C#^fW_e6j8g(lS}r1=#xdj={<0*R+%>TYcCzH*yRWLh!k
z$RTjCWsKSfRf-M+=ODs|{FhM@krEvRo#}ZoDnR2FRu3|%evk64!l{3Jhks=#(a~CB
z?7&~OYLBoSRU<97&h0+%K+9h>C;n@jm+SCrk%wsfW+s=PwXoUx;6y-{+0(P$=W>w!
z_`wYqOv*x4?B3pSV7*I&6`pN#o1awYCWrre()?qPe3xl-%e|}*zR5|GnHGf~FKLXs
z*NNX$VGWJvmh5?SoK!edOFEWbAxtel+~jwm>3D;OxP~q=k?t(JnVM~lVt1~;iyD<u
z>X3#@!52y#-kZPN2R#_n`I*@EMZ&`vMSdKHV0Nl)9t^t$GDZ5<s;ic-B{Qc(t=rf9
zlg}M2R_bEziXPagCW>sf?7g^b?V^+C%BaxRY(Q05w{r)aLVvGkxceNsdg`lktnS4u
zBT;y-n&U}fZoz5QKIJ*u9q*$^r+ok5vnURD{<mbsBhEkaYo)n)b(lVvl7!&_q6(xS
zifXiiK?(;@+lerSz8OddGvL5Bpr5ea$PST30EXnk#e11B#{WSYS`e~Jn%$|NeYmvs
zB!J3aa<g5G*dW?Fsxl<e{F520qB5;s!Br{iS(GSri(OG}GANX+vw$<|PUog#2E1&^
zt>N;r1eOK8`q4sOK+pCYoDcu1!=YpN4Nj;!9TeIlyfC!pbOKeT-wIHGTI)zZM`L@G
z6Z((75Xaq|9)<L&tg%=19%J>$^_{%OxPvvJW`F9wul01ib-yy2Z+zYEeux)Gs^vVN
zch^&`Th@*oH0O_Bc%8i4Y2SH{8mTyAn4oaF-k}-2m<FEmOerqR0L4kC)Pq}Entzx2
zta%ry05vG>rbQhUqn%gW;Yj-?f@$$jPu{fD=QF>|xo%!_lpd@x(gMaV85g)6ql3K~
zs^aDDLOE+b`cWg`g5$l{cl8q_`TYc=zC*XRc>dJvyGGOI5DGaedxyrm4!(H9g_@zW
ztjuh$aWmIU@PK4Ys62$kN7{H7s*hY*`O1|?jxwjE#)S7;r7Xt^h`(3Bg?YPNeMXSY
zs>mWjf~GxC<NZA4pOPtx-?;qZdB_Qrm1)!w(v!Uq^X9Uz2E>vQX>CYT5nI<I+b+8P
zYs+a|wU5B&<$xBh*&ao&lK==+sviIGF~F!(M)y3rVv+#BdFhGQrfiS~duFryWlGh(
ze0ad@+$46&LHOs4Zz7Svn198NxHanFlk6q|?B&NZmB)S}?_(&4UK-?^$|u@?<rO+T
z6T+-M*p8d{tVQ~CrORI=7_Y7{I9&v;@7a(hN?NMhu;M$ome7TgwnA~i8RX-Ci_TP&
zLk9n7rab>4NJOly&H~j7yO1BC$w+K9xQg}*WKEV#JH}pwBEM*a1HKCF)f^Fd|EaK-
zbg<gyS<yE-WBD9@)2Ra0rB6SlDTVEmTTNA8BmP6dpvb0?ZJgCV+#XzC&6XlC7Ul1z
z9p?x|wv7;2wnB{&1_@$@&wmnvJTjMU=cO@ymv<zQmB#c_`^TxQ;Qs*T3*REB*|%-G
zscAV;cjLkAqA`O|QOMoFEA>cki^_GAhe!XmkX5N%tncxSLr&^uGNp;$2`%`uRNsEe
z{fTbc0AU{_S=&H*aWSWxTdhV1X6chh?dHdEpB07SmMp~8>PI!v?1R_sbeW+#NC46%
zoOkNd?%(QMI3E+9HS$v@e5C{jP{jPxeO<{Pqyx;g2hZLuLYCPlfgTi<@%$7_`Kbj>
z&sDq10BS5TE<K-_@`LLQP>ncm`-|(D3z)bMM7d=^R-ID!SOSh*WaQhH2n<n+U7YU)
zfTaD)E=t#7469VRm1PSU)O@;pObdy^+Li{L-H!mqgiUV|Rq3D;#@h6$fYSS;(pVgh
zOqD(Kf+wIZ|LRcYBoN6WjSlM}QKb@*+BXCu#a3yNkpjxA);U-X@jt&cm;okd;#=qa
zm`^j<l{!C)ujf&s8bxqkc3_*i%eUQ+yH1=)`|#dg^noCD-5tU(^(W5vZbuYD;WXRW
zBtCCL@GHhDG_T#EL^Wr7n<f}@H$3LHk0I-jv|&s#srVV1VmmS=`$U$nTXs3RnieY^
z?;$9)-419n$SQv!5+uw{D}!g-1yqy~#w=#k5X|{oawSJe6fsQMd|rSM)=qb&8&|Au
z-Hbsnd6xCiZ6X!Py}&4qiLguq*gtz9nC34#Y@aoAfmv!G+0Uh1c$|2L`Bcp0@Y~*I
zmqDFz$yv`pl>=SJXVD`5Ew!t)dS5cT|1$78mkFaj?UXC~*vnx{H<#Y?9yhF&{*p<b
zySItQPApCsaLB9<D&M_4Wj)Hodb{a+^7*&(e>Q?2MFqEB`@^+0jy)fxiWy%%<L!I$
zj<xuXO(Y;EqyHSO2f30Tj0DPWrVXJg2<;K>{@%X%Ll|1fYno4~#lb@egdXB;*{x`4
z+E8PS^gQ-gTJ-A)Q$whbP8gL6nUZ8+h2LP7CXqus%yE%@VzfsueKmMTmw&%<gPxZ$
zpc0NZi16uV<dJA`+fAPohF{4TTFfNUqem_|aMM6i$Bc3ceW~s}W#_&at>Fi@-|4}0
zH<4L8XND}REDKjzHGR28uP;YSSy)shG(OiW;31bMN%J0!QpRoB`Db=q;}F!sX706`
zPibcAOcWU8u0Y26Zd872|Jrn_nUC83Es8O0!A=dMeEWFZ;7D0H#WnGHw)<of3yn|{
zIGs$1#V<*M_urYwNXj6=AYz7is8SM)A-Pvv$q)laDjI0l1uF=eh~rv8eJMzke^<qC
l_s#%dpMFuHs+#P!=;61ChAXhk1A<N&Mz(gas<AlD_%|E-2S)$^

literal 0
HcmV?d00001

diff --git a/page-contentInfo.html b/page-contentInfo.html
new file mode 100644
index 0000000..edb1bcb
--- /dev/null
+++ b/page-contentInfo.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+		<meta http-equiv="Pragma" content="no-cache" />
+		<meta http-equiv="Expires" content="0" />
+		<link rel="stylesheet" type="text/css" href="css/libs/reset.css" />
+		<link rel="stylesheet" type="text/css" href="css/index.css" />
+		<!--[if lt IE 9]>
+			<script src="js/html5shiv.js"></script>
+			<script src="js/respond.min.js"></script>
+		<![endif]-->
+		<title>编码视频</title>
+	</head>
+<body>
+  <div class="ai-wrapper perview-wrapper">
+    <div class="perview-contentInfo">
+      <div class="video-content">
+        <video  width="100%"  src="media/video/elephant/ROS桌面多功能机械臂myCobot_280_Pi颜色识别分类.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
+      </div>
+      <ul class="perview-info">
+        <li>
+          <i>名称：</i>
+          <p>六轴机器人-垃圾分类</p>
+        </li>
+        <li>
+          <i>作者：</i>
+          <p>李卓俊</p>
+        </li>
+        <li>
+          <i>时间：</i>
+          <p>2024/08/13</p>
+        </li>
+        <li>
+          <i>评分：</i>
+          <div class="list-star">
+            <span class="active-star"></span>
+            <span class="active-star"></span>
+            <span></span>
+            <span></span>
+            <span></span>
+          </div>
+        </li>
+        <li>
+          <i>评语：</i>
+          <p>设计合理</p>
+        </li>
+      </ul>
+      <div class="run-btn">运行</div>
+    </div>
+  </div>
+</body>
+<script type="text/javascript" src="js/libs/jquery-3.7.1.min.js"></script>
+<script type="text/javascript" src="js/libs/flexible.js"></script>
+<!-- 弹出框 -->
+<script type="text/javascript" src="js/libs/layer/layer.js"></script>
+<script type="text/javascript" src="js/index.js"></script>
+</html>
\ No newline at end of file