查看“视频”的源代码

{{面包屑}}

{{左侧目录|开始}}

=星瞳账号=

==B站作品==
<!-- 此位置最多展示3行 共12个，需要到查看更多创建完整的作品展示页面，类型有【原创、翻唱、翻跳、合作】四种-->
===2021年（出道前）===
<!--类型有【原创、翻唱、翻跳、合作】四种-->
<div class="video-timeline">
{{时间轴/视频|我和杨丽萍老师合作的《瞳·雀》，希望能将传统民族的魅力传递给大家~|BV1AV411B7qV|2021年02月03日|类型=原创}}
{{时间轴/视频|我与吴建豪哥哥的首次交手，双人舞还是蛮炸的嘛！|BV19y4y1J7pE|2021年02月03日|类型=原创}}
{{时间轴/视频|跳了就能原地出道的女团舞？！|BV1wN411R7Rc|2021年02月03日|类型=翻跳}}
{{时间轴/视频|Disco女孩和李宁也能梦幻共舞|BV1FN411o7WB|2021年02月03日|类型=原创}}
{{时间轴/视频|据说小年跳个舞，来年会牛气轰轰噢~|BV1wz4y1U7bq|2021年02月04日|类型=翻跳}}
{{时间轴/视频|我，星瞳！携手国风大师方锦龙，祝大家新春大吉！|BV1nN411R7WH|2021年02月10日|类型=原创}}
{{时间轴/视频|白色情人节，星瞳有一份礼物想给你～|BV1Z64y1S7VF|2021年03月14日|类型=翻跳}}
{{时间轴/视频|这一次，我来带节奏！|BV1NK4y197zU|2021年06月12日|类型=原创}}
{{时间轴/视频|【星瞳】公 开 处 刑|BV1B64y1r7g5|2021年06月19日|类型=原创}}

</div>

<div style=position:relative;>
===2021年（出道后）===
<div style="position: absolute;right: 10px;top: 8px;font-size: 16px;font-weight: bold;">[[视频/2021年（出道后）|查看更多]]</div></div>
<!--类型有【原创、翻唱、翻跳、合作】四种-->
<div class="video-timeline">
{{时间轴/视频|【星瞳】想要捏捏我的脸？ 还是看我跳舞吧~！（直播剪辑）|BV1K44y1y7TF|2021年08月07日|类型=原创}}
{{时间轴/视频|【星瞳】这个七夕 星瞳陪你甜蜜蜜～！（直播剪辑）|BV1sg411577o|2021年08月18日|类型=原创}}
{{时间轴/视频|【星瞳】星瞳老师喊你来“温书”~（直播剪辑）|BV1X3411B7tR|2021年08月31日|类型=原创}}
{{时间轴/视频|【星瞳】百舰达成！星瞳小屋初体验（直播剪辑）|BV1Y34y1Q7Br|2021年09月14日|类型=原创}}
{{时间轴/视频|【星瞳】点击领养玉兔小星瞳（直播剪辑）|BV1tf4y1E7mZ|2021年09月23日|类型=原创}}
{{时间轴/视频|【星瞳】点一下摇一天！舞蹈《燕无歇》（纯享版）|BV1W44y147vm|2021年09月24日|类型=翻跳}}
{{时间轴/视频|【星瞳】中秋花月共徘徊 舞蹈《花月成双》（纯享版）|BV1N34y1D7EB|2021年09月24日|类型=翻跳}}
{{时间轴/视频|【星瞳】进来看游戏小天才（直播剪辑）|BV1kq4y1o7cz|2021年09月28日|类型=原创}}
{{时间轴/视频|你有一封生日会邀请函待查收|BV19F411Y7y3|2021年10月17日|类型=原创}}
{{时间轴/视频|星瞳2022特别企划官方预告|BV16r4y117xz|2021年10月25日|类型=原创}}
{{时间轴/视频|【星瞳】新一次舞蹈十连 舞力全开的我 你们喜欢吗？（直播剪辑）|BV1HL411g7cg|2021年10月26日|类型=翻跳}}
{{时间轴/视频|【星瞳】不完美的生日歌会（直播剪辑）|BV1uh41187pU|2021年10月28日|类型=原创}}
{{时间轴/视频|【星瞳】小男孩逃亡×星瞳逃亡✔（直播剪辑）|BV12q4y137Y5|2021年11月14日|类型=原创}}



</div>

===2022年===

===2023年===

==抖音作品==

==微博作品==

=工具人账号=

{{左侧目录|结束}}

<bstyle>.video-timeline { margin: 0; list-style: none; padding: 0; --hue: 1; --unit: 1rem;height: 600px;overflow: hidden;} .video-date { margin: 0 0 0.25rem; font-weight: bold; display: inline-block; color: #fff; padding: 3px 5px; font-size: 12px; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; background-image: linear-gradient(310deg, #2152ff, #21d4fd); text-transform: uppercase; } .video-title { margin: 0 0 0 0; color: #344767; font-weight: bold; font-size: 15px; margin-top: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .video-cover { display: inline-block; height: auto; max-width: 100%; border-radius: 5px; -webkit-box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 3%); box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 3%); } .video-badge { display: inline-block; color: #fff; padding: 3px 5px; font-size: 12px; line-height: 1; font-weight: 700; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; background-image: linear-gradient(310deg, #7928ca, #ff0080); text-transform: uppercase; margin-left: 3px; } .video-badge-c1 { background-image: linear-gradient(310deg, #7928ca, #ff0080) !important; } .video-badge-c2 { background-image: linear-gradient(310deg, #f53939, #fbcf33) !important; } .video-timeline .video-line { --height: 7rem; position: relative; display: block; background-color: #fff; /* border-color: hsl(calc(var(--hue)*360/20), 90%, 65%); */ border-color: #21d4fd; padding: 1rem; margin: 2rem 0; border-radius: 5px; -webkit-box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 3%); box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 3%); } .video-timeline .video-line::before { content: ""; background-color: #21d4fd; position: absolute; display: block; width: var(--unit); height: var(--unit); top: 100%; left: calc(50% - (var(--unit)/2)); } .video-timeline .video-line::after { content: ""; position: absolute; display: block; top: calc(100% + var(--unit)); left: calc(50% - (var(--unit))); border: var(--unit) solid transparent; border-top-color: inherit; } .video-timeline .video-line:last-child::before, .video-timeline .video-line:last-child::after { content: none; } .video-timeline .video-line:nth-child(20n+1) { --hue: 1; } .video-timeline .video-line:nth-child(20n+2) { --hue: 2; } .video-timeline .video-line:nth-child(20n+3) { --hue: 3; } .video-timeline .video-line:nth-child(20n+4) { --hue: 4; } .video-timeline .video-line:nth-child(20n+5) { --hue: 5; } .video-timeline .video-line:nth-child(20n+6) { --hue: 6; } .video-timeline .video-line:nth-child(20n+7) { --hue: 7; } .video-timeline .video-line:nth-child(20n+8) { --hue: 8; } .video-timeline .video-line:nth-child(20n+9) { --hue: 9; } .video-timeline .video-line:nth-child(20n+10) { --hue: 10; } .video-timeline .video-line:nth-child(20n+11) { --hue: 11; } .video-timeline .video-line:nth-child(20n+12) { --hue: 12; } .video-timeline .video-line:nth-child(20n+13) { --hue: 13; } .video-timeline .video-line:nth-child(20n+14) { --hue: 14; } .video-timeline .video-line:nth-child(20n+15) { --hue: 15; } .video-timeline .video-line:nth-child(20n+16) { --hue: 16; } .video-timeline .video-line:nth-child(20n+17) { --hue: 17; } .video-timeline .video-line:nth-child(20n+18) { --hue: 18; } .video-timeline .video-line:nth-child(20n+19) { --hue: 19; } .video-timeline .video-line:nth-child(20n+20) { --hue: 20; } @media (min-width: 550px) and (max-width: 899px) { .video-timeline .video-line { margin: 1rem; width: calc(50% - 2rem); float: left; min-height: var(--height); } .video-timeline .video-line:nth-child(4n+3), .video-timeline .video-line:nth-child(4n+4) { float: right; } .video-timeline .video-line:nth-child(4n+1)::before { top: calc(var(--height)/2 + var(--unit)/2); left: 100%; } .video-timeline .video-line:nth-child(4n+1)::after { top: calc(var(--height)/2); left: calc(100% + (var(--unit))); border: var(--unit) solid transparent; border-left-color: inherit; } .video-timeline .video-line:nth-child(4n+3)::before { top: calc(var(--height)/2 + var(--unit)/2); left: -1rem; } .video-timeline .video-line:nth-child(4n+3)::after { top: calc(var(--height)/2); left: -3rem; border: var(--unit) solid transparent; border-right-color: inherit; } } @media (min-width: 900px) and (max-width: 1199px) { .video-timeline .video-line { margin: 1rem; width: calc(33.33% - 2rem); float: left; min-height: 7rem; } .video-timeline .video-line:nth-child(6n+4), .video-timeline .video-line:nth-child(6n+5), .video-timeline .video-line:nth-child(6n+6) { float: right; } .video-timeline .video-line:nth-child(6n+1)::before, .video-timeline .video-line:nth-child(6n+2)::before { top: calc(var(--height)/2 + var(--unit)/2); left: 100%; } .video-timeline .video-line:nth-child(6n+1)::after, .video-timeline .video-line:nth-child(6n+2)::after { top: 3.5rem; left: calc(100% + (var(--unit))); border: var(--unit) solid transparent; border-left-color: inherit; } .video-timeline .video-line:nth-child(6n+4)::before, .video-timeline .video-line:nth-child(6n+5)::before { top: calc(var(--height)/2 + var(--unit)/2); left: -1rem; } .video-timeline .video-line:nth-child(6n+4)::after, .video-timeline .video-line:nth-child(6n+5)::after { top: calc(var(--height)/2); left: -3rem; border: var(--unit) solid transparent; border-right-color: inherit; } } @media (min-width: 1200px) { .video-timeline { max-width: 1600px; margin: 0 auto; } .video-timeline .video-line { margin: 1rem; width: calc(25% - 2rem); float: left; min-height: 7rem; } .video-timeline .video-line:nth-child(8n+5), .video-timeline .video-line:nth-child(8n+6), .video-timeline .video-line:nth-child(8n+7), .video-timeline .video-line:nth-child(8n+8) { float: right; } .video-timeline .video-line:nth-child(8n+1)::before, .video-timeline .video-line:nth-child(8n+2)::before, .video-timeline .video-line:nth-child(8n+3)::before { top: calc(var(--height)/2 + var(--unit)/2); left: 100%; } .video-timeline .video-line:nth-child(8n+1)::after, .video-timeline .video-line:nth-child(8n+2)::after, .video-timeline .video-line:nth-child(8n+3)::after { top: calc(var(--height)/2); left: calc(100% + (var(--unit))); border: var(--unit) solid transparent; border-left-color: inherit; } .video-timeline .video-line:nth-child(8n+5)::before, .video-timeline .video-line:nth-child(8n+6)::before, .video-timeline .video-line:nth-child(8n+7)::before { top: calc(var(--height)/2 + var(--unit)/2); left: -1rem; } .video-timeline .video-line:nth-child(8n+5)::after, .video-timeline .video-line:nth-child(8n+6)::after, .video-timeline .video-line:nth-child(8n+7)::after { top: calc(var(--height)/2); left: -3rem; border: var(--unit) solid transparent; border-right-color: inherit; } }.mw-body-content h3 {font-size: 1.2em;background: #c8a9fd;border-radius: 5px;padding: 5px;color: #fff;}</bstyle>