Skip to content

Commit 8125e2a

Browse files
for-the-zerofor-the-zero
committed
UpDyn
1 parent e478b5a commit 8125e2a

File tree

10 files changed

+642
-2
lines changed

10 files changed

+642
-2
lines changed

‎index.html

+7
Original file line numberDiff line numberDiff line change
@@ -104,6 +104,13 @@ <h1>文本展示</h1>
104104
<p>将文本展示在屏幕上</p>
105105
</mdui-card>
106106

107+
<mdui-card clickable href="./updyn/index.html">
108+
<mdui-icon name="post_add" class="item-icon"></mdui-icon>
109+
<h1>UP主动态查看器</h1>
110+
<p>查看UP主的动态</p>
111+
<mdui-chip href="https://github.com/for-the-zero/UpDyn" target="_blank">Github</mdui-chip>
112+
</mdui-card>
113+
107114
<mdui-card clickable variant="outlined"
108115
style="text-align: center; user-select: none;">
109116
<h1>Coming Soon...</h1>

‎playvib/1.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ <h1>玩玩震动马达</h1>
1717
<form class="music-select">
1818
<p>示例音乐：</p>
1919
<label><input type="radio" name="music" value="1" checked>bestmusic.mp3</label><br>
20-
<label><input type="radio" name="music" value="2">Team Grimoire - Grievous Lady</label>
20+
<label><input type="radio" name="music" value="2">ak+q - Shades of Light in a Transcendent Realm</label>
2121
<p>自定义</p>
2222
<label><input type="radio" name="music" value="s">
2323
<input type="file" class="music-file" single accept=".mp3,.wav,.aac,.webm">

‎playvib/1.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ audio_1.src = 'bestmusic.mp3';
44
audio_1.load();
55

66
var audio_2 = new Audio();
7-
audio_2.src = 'Grievous-Lady.mp3';
7+
audio_2.src = 'nice.mp3';
88
audio_2.load();
99

1010
var audio_s; // 动态加载的音频

‎playvib/Grievous-Lady.mp3

-5.39 MB
Binary file not shown.

‎playvib/s.mp3

2.65 MB
Binary file not shown.

‎updyn/index.css

+79
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
body{
2+
font-family: 'Google Sans', 'Noto Sans SC';
3+
}
4+
mdui-tabs{
5+
height: 100%;
6+
width: 100%;
7+
position: fixed;
8+
top: 0;
9+
left: 0;
10+
}
11+
mdui-tab-panel{
12+
padding: 20px;
13+
overflow-y: auto;
14+
}
15+
mdui-card{
16+
width: calc(100% - 30px);
17+
margin: 15px;
18+
padding: 20px;
19+
display: flex;
20+
flex-direction: column;
21+
box-sizing: border-box;
22+
}
23+
.top-details{
24+
display: flex;
25+
flex-direction: row;
26+
justify-content: space-between;
27+
align-items: center;
28+
}
29+
.top-details p{
30+
font-size: 12px;
31+
}
32+
ul.pics{
33+
display: flex;
34+
flex-direction: row;
35+
justify-content: center;
36+
align-items: center;
37+
width: 100%;
38+
height: 150px;
39+
list-style-type: none;
40+
margin: 0;
41+
margin-top: 10px;
42+
padding: 0;
43+
}
44+
ul.pics li{
45+
width: 20%;
46+
height: 100%;
47+
position: relative;
48+
}
49+
ul.pics li img{
50+
width: 100%;
51+
height: 100%;
52+
object-fit: cover;
53+
}
54+
.more-details.video{
55+
margin-top: 10px;
56+
width: 100%;
57+
height: 180px;
58+
display: flex;
59+
flex-direction: row;
60+
gap: 10px;
61+
}
62+
.more-details.video > mdui-tooltip > img{
63+
max-width: 40%;
64+
max-height: 100%;
65+
object-fit: contain;
66+
}
67+
.more-details.video > div > b{
68+
font-size: 20px;
69+
}
70+
.more-details.video > div{
71+
display: flex;
72+
flex-direction: column;
73+
overflow-y: auto;
74+
gap: 5px;
75+
width: 60%;
76+
}
77+
mdui-chip{
78+
width: fit-content;
79+
}

‎updyn/index.html

+148
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,148 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>UP主动态查看器</title>
7+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Google+Sans&display=swap">
8+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap">
9+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
10+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
11+
<link rel="stylesheet" href="https://unpkg.com/mdui@2/mdui.css">
12+
<link href="https://cdn.bootcdn.net/ajax/libs/viewerjs/1.11.7/viewer.min.css" rel="stylesheet">
13+
<script src="https://unpkg.com/mdui@2/mdui.global.js"></script>
14+
<link rel="stylesheet" href="index.css">
15+
</head>
16+
<body>
17+
<mdui-tabs value="set" placement="top-start">
18+
<mdui-tab value="set">
19+
<mdui-icon name="home" slot="icon"></mdui-icon>
20+
主页
21+
</mdui-tab>
22+
<!--TODO: <mdui-tab value="test">
23+
<mdui-avatar src="https://avatars.githubusercontent.com/u/3030330?s=40&v=4" slot="icon"></mdui-avatar>
24+
test
25+
</mdui-tab> -->
26+
27+
28+
<mdui-tab-panel slot="panel" value="set">
29+
<h1>UP主动态查看器 - 主页</h1>
30+
<p>仅提供查看动态功能，不提供互动功能，方便大家查看几个自己喜欢的UP主的动态</p>
31+
<p>该项目使用了我在pythonanywhere封装的api，可能不稳定，如果过期了要及时提醒我（pythonanywhere免费服务需要点击按钮续期三个月保活）</p>
32+
<p>b站图片加载还没完全解决，暂时先用allorigin，加载有点慢</p>
33+
34+
35+
<mdui-button variant="filled" class="uid-add">添加</mdui-button>
36+
<mdui-button variant="text" class="uid-import">导入</mdui-button>
37+
<mdui-button variant="text" class="uid-export">导出</mdui-button>
38+
<mdui-list class="uid-list">
39+
<!-- <mdui-list-item>
40+
UID
41+
<mdui-button-icon icon="keyboard_arrow_up" slot="end-icon" class="uid-top"></mdui-button-icon>
42+
<mdui-button-icon icon="clear" slot="end-icon" class="uid-del"></mdui-button-icon>
43+
</mdui-list-item> -->
44+
</mdui-list>
45+
<mdui-button variant="elevated" class="uid-save">请求</mdui-button>
46+
47+
</mdui-tab-panel>
48+
49+
50+
<!--TODO: <mdui-tab-panel slot="panel" value="test" class="dyn-panel">
51+
52+
<mdui-card clickable>
53+
<div class="top-details">
54+
<p>1900-01-01 00:00:00</p>
55+
<mdui-button-icon icon="open_in_new" href="about:blank" target="_blank"></mdui-button-icon>
56+
</div>
57+
<div class="content">
58+
1145141919810<br>1145141919810<br>1145141919810<br>1145141919810<br>1145141919810<br>
59+
纯文本动态卡片
60+
</div>
61+
</mdui-card>
62+
63+
<mdui-card clickable>
64+
<div class="top-details">
65+
<p>1900-01-01 00:00:00</p>
66+
<mdui-button-icon icon="open_in_new" href="about:blank" target="_blank"></mdui-button-icon>
67+
</div>
68+
<div class="content">
69+
转发动态卡片
70+
</div>
71+
<div class="more-details">
72+
<mdui-card clickable>
73+
<div class="top-details">
74+
<p>1900-01-01 00:00:00</p>
75+
<mdui-button-icon icon="open_in_new" href="about:blank" target="_blank"></mdui-button-icon>
76+
</div>
77+
<div class="content">
78+
1145141919810<br>1145141919810<br>1145141919810<br>1145141919810<br>1145141919810<br>
79+
纯文本动态卡片
80+
</div>
81+
</mdui-card>
82+
</div>
83+
</mdui-card>
84+
85+
<mdui-card clickable>
86+
<div class="top-details">
87+
<p>1900-01-01 00:00:00</p>
88+
<mdui-button-icon icon="open_in_new" href="about:blank" target="_blank"></mdui-button-icon>
89+
</div>
90+
<div class="content">
91+
图片动态卡片
92+
</div>
93+
<div class="more-details">
94+
<ul class="pics">
95+
<li><img data-original="https://fengyuanchen.github.io/viewerjs/images/tibet-1.jpg" src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-1.jpg"></li>
96+
<li><img data-original="https://fengyuanchen.github.io/viewerjs/images/tibet-2.jpg" src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-2.jpg"></li>
97+
<li><img data-original="https://fengyuanchen.github.io/viewerjs/images/tibet-3.jpg" src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-3.jpg"></li>
98+
<li><img data-original="https://fengyuanchen.github.io/viewerjs/images/tibet-4.jpg" src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-4.jpg"></li>
99+
<li><img data-original="https://fengyuanchen.github.io/viewerjs/images/tibet-5.jpg" src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-5.jpg"></li>
100+
<li><img data-original="https://fengyuanchen.github.io/viewerjs/images/tibet-6.jpg" src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-6.jpg"></li>
101+
<li><img data-original="https://fengyuanchen.github.io/viewerjs/images/tibet-7.jpg" src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-7.jpg"></li>
102+
<li><img data-original="https://fengyuanchen.github.io/viewerjs/images/tibet-8.jpg" src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-8.jpg"></li>
103+
<li><img data-original="https://fengyuanchen.github.io/viewerjs/images/tibet-9.jpg" src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-9.jpg"></li>
104+
</ul>
105+
</div>
106+
</mdui-card>
107+
108+
<mdui-card clickable>
109+
<div class="top-details">
110+
<p>1900-01-01 00:00:00</p>
111+
<mdui-button-icon icon="open_in_new" href="about:blank" target="_blank"></mdui-button-icon>
112+
</div>
113+
<div class="content">
114+
视频动态卡片
115+
</div>
116+
<div class="more-details video">
117+
<mdui-tooltip content="1145141919810">
118+
<img src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-1.jpg">
119+
</mdui-tooltip>
120+
<div>
121+
<b>视频标题</b>
122+
<mdui-chip href="about:blank" target="_blank" icon="movie--outlined">原视频链接</mdui-chip>
123+
<mdui-chip href="https://bilibili.com/s/video/BV... 你妈的几年前还有的，现在没了" target="_blank" icon="movie--outlined">简版视频链接</mdui-chip>
124+
<mdui-chip href="about:blank" target="_blank" icon="movie--outlined">iframe视频链接</mdui-chip>
125+
<mdui-chip href="about:blank" target="_blank" icon="movie--outlined">复制BV号</mdui-chip>
126+
</div>
127+
</div>
128+
</mdui-card>
129+
130+
</mdui-tab-panel> -->
131+
132+
133+
</mdui-tabs>
134+
135+
<mdui-dialog class="req-dia"
136+
headline="请求中……"
137+
description="为防止触发api风控，请求有速率限制，请耐心等待"
138+
>
139+
<mdui-linear-progress value="0.5"></mdui-linear-progress>
140+
</mdui-dialog>
141+
142+
143+
144+
<script src="http://unpkg.com/jquery/dist/jquery.min.js"></script>
145+
<script src="https://unpkg.com/[email protected]/dist/viewer.min.js"></script>
146+
<script src="index.js"></script>
147+
</body>
148+
</html>

0 commit comments

Comments
 (0)