diff --git a/ai_chat.html b/ai_chat.html index affed2a..561f93e 100644 --- a/ai_chat.html +++ b/ai_chat.html @@ -18,12 +18,14 @@
首页
首页
登录
'; } else { // 当isUserMessage为false时,才添加停止输出 messageContent = isUserMessage @@ -180,12 +183,16 @@ : `
${content}停止输出
`; } + // const messageHtml = ` + // `; + const messageHtml = ` - - `; + `; $chatContent.append(messageHtml); $chatContent.scrollTop($chatContent[0].scrollHeight); diff --git a/css/common.css b/css/common.css deleted file mode 100644 index 8e6cdd8..0000000 --- a/css/common.css +++ /dev/null @@ -1,18 +0,0 @@ -/* 粒子背景 */ -#particles-js { - width: 100%; - height: calc(100vh); - background-color: #000000; - background-image: url(''); - background-size: cover; - background-position: 50% 50%; - background-repeat: no-repeat; - overflow: hidden; -} - -.particles-js-canvas-el { - position: fixed; - top: 0; - left: 0; - z-index: 9; -} \ No newline at end of file diff --git a/css/index.css b/css/index.css index 2a6f175..6504ace 100644 --- a/css/index.css +++ b/css/index.css @@ -1,3 +1,39 @@ + +/**滚动条的宽度*/ +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +/**滚动条的滑块*/ +::-webkit-scrollbar-thumb { + background-color: #13439E; + border-radius: 4px; +} + +/**只需要加上这一行*/ +::-webkit-scrollbar-corner { + background-color: transparent; +} + +textarea::-webkit-input-placeholder { /* Chrome, Opera, Safari */ + color: #fff; +} + +textarea:-moz-placeholder { /* Firefox 18- */ + color: #fff; + opacity: 1; /* 修复老版本Firefox的不透明度问题 */ +} + +textarea::-moz-placeholder { /* Firefox 19+ */ + color: #fff; + opacity: 1; /* 修复Firefox的不透明度问题 */ +} + +textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ + color: #fff; +} + @font-face { font-family: "DOUYU-Regular"; src: url('../fonts/斗鱼追光体.ttf'); @@ -21,6 +57,18 @@ overflow: hidden; } +.doubleExit{ + position: fixed; + bottom: 0; + left: 0; + width: 1rem; + height: 1rem; + line-height: 1rem; + text-align: center; + cursor: pointer; + z-index: 9999; +} + .ai-bg{ width: 100%; height: 100%; @@ -46,10 +94,14 @@ width: 100%; height: 100%; } - -.header-btn{ +.header-left{ position: absolute; top: .45rem; + left: 0; + display: flex; + justify-content: flex-start; +} +.header-btn{ display: flex; justify-content: center; width: 2.2875rem; @@ -69,16 +121,23 @@ margin-right: .025rem; } -.header-home{ - left: 0; -} - .header-home span{ background: url('../images/icon_home_full.png') no-repeat left top; background-size:cover; } +.header-return{ + margin-left: -0.75rem; +} + +.header-return span{ + background: url('../images/return.png') no-repeat left top; + background-size:cover; +} + .header-login{ + position: absolute; + top: .45rem; right: 0; } @@ -336,70 +395,277 @@ font-family: 'PingFang'; } +/* AI资源库 */ +.ai-resource{ + width: calc(100% - 2.5rem); + height: calc(100% - 2.5rem); + display: flex; + flex-wrap: nowrap; + justify-content: space-around; + align-items: center; + margin: 0 auto; +} + +.ai-resource li a{ + display: block; + width: 5rem; + height: 3.5rem; + background: url("../../images/page-box2.png") no-repeat left top; + background-size: cover; + backdrop-filter: blur(10px); +} + +.list-img { + width: 4.6rem; + height: 2.725rem; + padding-top: .2rem; + margin: 0 auto .125rem auto; + border-radius: .1rem; + overflow: hidden; +} +.list-img img{ + display: block; + height: 2.725rem; + border-radius: .1rem; +} + +.ai-resource li p{ + font-size: .25rem; + height: .375rem; + line-height: .375rem; + color: #fff; + text-align: center; +} + +/* 作品展示 */ +.work-wrapper{ + width: 1692px; + height: 948px; + margin: -1.425rem auto 0 auto; + background: url("../../images/list-bg.png") no-repeat left top; + background-size: cover; + /* overflow: hidden; */ +} + +.work-content{ + position: relative; + padding: .125rem .5rem 0 .5rem; +} + +.work-header{ + display: flex; + justify-content: flex-start; + padding: .35rem .5rem .125rem .4rem; + height: .525rem; + line-height: .525rem; + font-size: .35rem; + color: #90B6FF; + text-align: left; +} + +.work-header p:first-child{ + width: .8rem; +} +.work-header p.item-name{ + width: 6.725rem; +} + +.work-header p:last-child{ + flex: 1; +} +.swiper-container { + padding-top: .1875rem; + height: 10.25rem; +} +.swiper-btn { + position: absolute; + top: 50%; + width: .5rem; + height: 2.5rem; + margin-top: -1.25rem; + cursor: pointer; +} +.swiper-prev{ + left: -0.875rem; + background: url("../../images/left.png") no-repeat left top; + background-size: cover; +} + +.swiper-next{ + right: -0.875rem; + background: url("../../images/right.png") no-repeat left top; + background-size: cover; +} + +.work-list li a{ + display: flex; + justify-content: flex-start; + align-items: center; + padding-left: .5rem; + margin-bottom: .275rem; + height: 1.25rem; + line-height: 1.25rem; + font-size: .35rem; + color: #fff; + text-align: left; + background: linear-gradient( 90deg, #2C509B 0%, rgba(44,80,155,0.6) 100%); + border-radius: .2rem; +} + +.item-num{ + width: .525rem; + height: .525rem; + border-radius: 100%; + text-align: center; + line-height: .525rem; + background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 60%); +} + +.item-name { + width: 6.875rem; + margin: 0 .25rem; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + overflow: hidden; + text-overflow: ellipsis; +} + +.item-author, +.item-time{ + width: 3rem; + margin-right: .25rem; +} + +.list-star{ + display: flex; + justify-content: flex-start; + width: 3rem; +} + +.list-star span{ + display: block; + width: .4rem; + height: .4rem; + margin-right: .125rem; + background: url("../../images/index-img5.png") no-repeat left top; + background-size: cover; +} +.list-star span.active-star{ + position: relative; + display: block; + background: url("../../images/index-img4.png") no-repeat left top; + background-size: cover; +} + +.list-star span.active-star::before{ + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: .25rem; + height: .25rem; + border-radius: 100%; + background-color: rgba(255,183,76,0.3); + box-shadow: 0px 0px 12px 0px rgba(255,183,76,0.34), 0px 0px 24px 0px #FFB74C; + filter: blur(4px); + transform: translate(-50%,-50%); +} +.item-handle{ + width: 1.75rem; + height: 1.1rem; + background: url("../../images/index-img6.png") no-repeat left top; + background-size: cover; + margin-left: -0.125rem; + cursor: pointer; +} /* ai数字人 start */ .chat-wrapper { - position: relative; - width: 10rem; - height: 10rem; - margin: 1.75rem auto 0 auto; - background-color: #fff; - border-radius: .125rem; + position: absolute; + right: .5rem; + top: 1.4rem; + width: 14.8125rem; + height: 11rem; + padding: .3rem; + background: url("../images/list-bg.png") no-repeat left top; + background-size: 100% 100%; z-index: 99; + font-family: 'PingFang'; } .chat-content { width: 100%; - height: calc(100% - 2.5rem); + height: calc(100% - 2.8rem); overflow: hidden; overflow-y: scroll; + /* border: 1px solid red; */ } .chat-message { display: flex; justify-content: flex-end; - margin: .125rem; - padding: .125rem; - line-height: .5rem; - font-size: .25rem; - color: #000; + font-size: .35rem; + color: #fff; } .chat-message p { position: relative; - line-height: .5rem; - padding: 0 .125rem; + line-height: .825rem; + padding: 0 .2rem; margin-right: .125rem; - background-color: burlywood; - border-radius: .05rem; + background: rgba(0,0,0,0.2); + border-radius: .35rem .1rem .35rem .35rem; } .chat-message p span{ position: absolute; - left: 0; - bottom: -0.45rem; + left: .05rem; + bottom: -0.5rem; width: 1rem; - height: .375rem; + padding-left: .3rem; + height: .4rem; text-align: center; - line-height: .375rem; - border: 1px solid #000; - border-radius: .05rem; - font-size: .175rem; + line-height: .4rem; + border: 1px solid #4CA7FF; + color: #4CA7FF; + border-radius: .075rem; + font-size: .2rem; cursor: pointer; } +.chat-message p span::before{ + content: ''; + position: absolute; + left: .05rem; + top: 50%; + width: .3rem; + height: .3rem; + background: url("../images/index-img7.png") no-repeat left top; + background-size: 100% 100%; + margin-top: -0.15rem; +} + .chat-message p span:hover{ - background-color: #999; + background-color: rgba(255,255,255,.2); } .chat-message p span.remove-btn{ + padding-left: 0; border: none; color: #999; } +.chat-message p span.remove-btn::before{ + border: none; + color: #999; + background: none; +} + .chat-message p span.remove-btn:hover{ - background-color: #fff; + background-color: transparent; + cursor: default; } .chat-message img { @@ -416,62 +682,139 @@ } .bot-message p { + line-height: .825rem; margin-left: .125rem; - background-color: rgb(0, 209, 112); + background-color: rgb(255,255,255,0.2); + border-radius: .1rem .35rem .35rem .35rem; } + .loading{ position: relative; + display: flex; + justify-content: flex-start; + align-items: center; + height: .825rem; } -.loading img { + +.loading i { display: block; - width: .25rem; - height: .25rem; - margin-top: .125rem; + width: .15rem; + height: .15rem; + margin: 0 .075rem; + border-radius: 50%; + background-color: #fff; animation: rotate 2s linear infinite; } -@keyframes rotate { - from { - transform: rotate(0deg); - } +.loading i:nth-child(1) { + animation: jump 1.2s -0.4s linear infinite; +} + +.loading i:nth-child(2) { + animation: jump 1.2s -0.2s linear infinite; +} + +.loading i:nth-child(3) { + animation: jump 1.2s linear infinite; +} - to { - transform: rotate(360deg); - } +@keyframes jump { + 0%, + 80%, + 100% { + transform: scale(0.8); + opacity: 1.0; + } + 40% { + transform: scale(1.1); + opacity: 0.8; + } } + .chat-send { width: 100%; height: 2.5rem; - background-color: #fff; - border-radius: .125rem; + margin-top: .3rem; + background: linear-gradient( 90deg, #2C509B 0%, rgba(44,80,155,0.6) 100%); + border-radius: .2rem; } .chat-send textarea { display: block; width: calc(100% - .5rem); - height: 1.25rem; + height: 1rem; font-size: .3rem; line-height: .375rem; border: none; padding: .25rem; - background-color: #e4e4e4; + background-color: transparent; + color: #fff; + /* border: 1px solid red; */ } .send-button-container { text-align: right; + padding: 0 .25rem 0 0; } .send-button { - margin: .125rem .25rem 0 0; - padding: 0 .25rem; - line-height: .5rem; + position: relative; + display: inline-block; + width: .9rem; + height: .725rem; + line-height: .725rem; + padding-left: .75rem; font-size: .325rem; - color: #000; + text-align: left; + color: #fff; + background: linear-gradient(135deg, #06BFFF 0%, #2B74FF 100%); + border-radius: .725rem; + cursor: pointer; +} + +.send-button::before { + content: ""; + position: absolute; + left: .2rem; + top: 50%; + width: .45rem; + height: .45rem; + background: url("../../images/index-img8.png") no-repeat left top; + background-size: .45rem .45rem; + transform: translateY(-50%); } .send-disabled-button { - color: #7c7c7c; + background: rgba(255,255,255,.2); + cursor: not-allowed; +} + +/* ai数字人 end */ + +.page-big-ai{ + display: block; + height: 7.5rem; + margin: -1rem auto 0 auto; +} + +.program-mode { + position: relative; + /* margin: 0 auto; */ +} + +.program-mode .ai-resource{ + justify-content: center; +} + +.program-mode .ai-resource li{ + margin: 0 .5rem; +} + +.program-mode .swiper-prev{ + left: 1rem; } -/* ai数字人 end */ \ No newline at end of file +.program-mode .swiper-next{ + right: 1rem; +} \ No newline at end of file diff --git a/css/plugins/gridNavigation.css b/css/plugins/gridNavigation.css index e2dfc82..7eab6ef 100644 --- a/css/plugins/gridNavigation.css +++ b/css/plugins/gridNavigation.css @@ -53,14 +53,32 @@ display: block; width: 5rem; height: 3.5rem; - background: url("../../images/page-box.png") no-repeat left top; + background: url("../../images/page-box2.png") no-repeat left top; background-size: cover; + backdrop-filter: blur(10px); } .tj-list-img { position: relative; width: 4.6rem; height: 2.725rem; margin: .2rem auto .125rem auto; + border-radius: .1rem; + overflow: hidden; +} + +.tj-list-img.mask-active::before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + +} + +.tj-list-img.mask-active:hover::before { + /* background-color: transparent; */ + background-color: rgba(0,0,0,.3); } .tj-list-img img { diff --git a/css/plugins/swiper-bundle.min.css b/css/plugins/swiper-bundle.min.css new file mode 100644 index 0000000..22103c8 --- /dev/null +++ b/css/plugins/swiper-bundle.min.css @@ -0,0 +1,13 @@ +/** + * Swiper 6.8.4 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2021 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: August 23, 2021 + */ + +@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} \ No newline at end of file diff --git a/images/animation.webp b/images/animation.webp index cc08a24..c99dee0 100644 Binary files a/images/animation.webp and b/images/animation.webp differ diff --git a/images/bg.mp4 b/images/bg.mp4 index e561b8b..b58e0bc 100644 Binary files a/images/bg.mp4 and b/images/bg.mp4 differ diff --git a/images/bg2.mp4 b/images/bg2.mp4 new file mode 100644 index 0000000..e561b8b Binary files /dev/null and b/images/bg2.mp4 differ diff --git a/images/blockly3.png b/images/blockly3.png new file mode 100644 index 0000000..00714cc Binary files /dev/null and b/images/blockly3.png differ diff --git a/images/content-bg.png b/images/content-bg.png new file mode 100644 index 0000000..3faa987 Binary files /dev/null and b/images/content-bg.png differ diff --git a/images/index-img1.png b/images/index-img1.png new file mode 100644 index 0000000..799a084 Binary files /dev/null and b/images/index-img1.png differ diff --git a/images/index-img10.png b/images/index-img10.png new file mode 100644 index 0000000..e6d29a0 Binary files /dev/null and b/images/index-img10.png differ diff --git a/images/index-img11.png b/images/index-img11.png new file mode 100644 index 0000000..8f1f5bd Binary files /dev/null and b/images/index-img11.png differ diff --git a/images/index-img12.png b/images/index-img12.png new file mode 100644 index 0000000..81e1def Binary files /dev/null and b/images/index-img12.png differ diff --git a/images/index-img13.png b/images/index-img13.png new file mode 100644 index 0000000..0dfe043 Binary files /dev/null and b/images/index-img13.png differ diff --git a/images/index-img14.png b/images/index-img14.png new file mode 100644 index 0000000..61c9622 Binary files /dev/null and b/images/index-img14.png differ diff --git a/images/index-img15.png b/images/index-img15.png new file mode 100644 index 0000000..7e66303 Binary files /dev/null and b/images/index-img15.png differ diff --git a/images/index-img16.png b/images/index-img16.png new file mode 100644 index 0000000..edd41ee Binary files /dev/null and b/images/index-img16.png differ diff --git a/images/index-img17.png b/images/index-img17.png new file mode 100644 index 0000000..cc32512 Binary files /dev/null and b/images/index-img17.png differ diff --git a/images/index-img2.png b/images/index-img2.png new file mode 100644 index 0000000..30fe6df Binary files /dev/null and b/images/index-img2.png differ diff --git a/images/index-img3.png b/images/index-img3.png new file mode 100644 index 0000000..28a8554 Binary files /dev/null and b/images/index-img3.png differ diff --git a/images/index-img4.png b/images/index-img4.png new file mode 100644 index 0000000..1f8b3af Binary files /dev/null and b/images/index-img4.png differ diff --git a/images/index-img5.png b/images/index-img5.png new file mode 100644 index 0000000..8debd12 Binary files /dev/null and b/images/index-img5.png differ diff --git a/images/index-img6.png b/images/index-img6.png new file mode 100644 index 0000000..62d938f Binary files /dev/null and b/images/index-img6.png differ diff --git a/images/index-img7.png b/images/index-img7.png new file mode 100644 index 0000000..81c0f1b Binary files /dev/null and b/images/index-img7.png differ diff --git a/images/index-img8.png b/images/index-img8.png new file mode 100644 index 0000000..5274932 Binary files /dev/null and b/images/index-img8.png differ diff --git a/images/index-img9.png b/images/index-img9.png new file mode 100644 index 0000000..dffa2f6 Binary files /dev/null and b/images/index-img9.png differ diff --git a/images/list-bg.png b/images/list-bg.png new file mode 100644 index 0000000..0572e69 Binary files /dev/null and b/images/list-bg.png differ diff --git a/images/page-box2.png b/images/page-box2.png new file mode 100644 index 0000000..cd08f2b Binary files /dev/null and b/images/page-box2.png differ diff --git a/images/page1/1.png b/images/page1/1.png new file mode 100644 index 0000000..280b3e5 Binary files /dev/null and b/images/page1/1.png differ diff --git a/images/page1/2.png b/images/page1/2.png new file mode 100644 index 0000000..69a8c22 Binary files /dev/null and b/images/page1/2.png differ diff --git a/images/page1/3.png b/images/page1/3.png new file mode 100644 index 0000000..410ee30 Binary files /dev/null and b/images/page1/3.png differ diff --git a/images/page1/4.png b/images/page1/4.png new file mode 100644 index 0000000..cd4af9d Binary files /dev/null and b/images/page1/4.png differ diff --git a/images/page1/5.png b/images/page1/5.png new file mode 100644 index 0000000..1668932 Binary files /dev/null and b/images/page1/5.png differ diff --git a/images/page1/6.png b/images/page1/6.png new file mode 100644 index 0000000..4486813 Binary files /dev/null and b/images/page1/6.png differ diff --git a/images/page1/7.png b/images/page1/7.png new file mode 100644 index 0000000..e3ccc1a Binary files /dev/null and b/images/page1/7.png differ diff --git a/images/page1/8.png b/images/page1/8.png new file mode 100644 index 0000000..5823bac Binary files /dev/null and b/images/page1/8.png differ diff --git a/images/page1/9de4e864ce8de12bc545237c86ceae1a.png b/images/page1/9de4e864ce8de12bc545237c86ceae1a.png new file mode 100644 index 0000000..d74fa12 Binary files /dev/null and b/images/page1/9de4e864ce8de12bc545237c86ceae1a.png differ diff --git a/images/page1/IMG_0350.png b/images/page1/IMG_0350.png new file mode 100644 index 0000000..be17682 Binary files /dev/null and b/images/page1/IMG_0350.png differ diff --git a/images/python2.png b/images/python2.png new file mode 100644 index 0000000..fe1e50b Binary files /dev/null and b/images/python2.png differ diff --git a/images/return.png b/images/return.png new file mode 100644 index 0000000..fc14b4e Binary files /dev/null and b/images/return.png differ diff --git a/index.html b/index.html index 56198e4..0acc7f0 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,6 @@ - @@ -37,7 +36,7 @@编程体验
Programming experience -场景演示
Scene presentation -AI资源库
AI resource library -实战竞赛
Actual combat -作品展示
Work display -AI数字人
AI digital human -