Skip to content

Commit

Permalink
2024030501
Browse files Browse the repository at this point in the history
  • Loading branch information
@Spectrollay
Spectrollay committed Mar 5, 2024
1 parent c54d742 commit 8a0d36b
Show file tree
Hide file tree
Showing 5 changed files with 202 additions and 149 deletions.
250 changes: 132 additions & 118 deletions experimental/flags.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,11 +73,7 @@
<div class="setting_block">
<div class="setting_block_content">
<div>Badge</div>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Tag</div>
<div></div>
</div>
</div>
<div class="setting_block">
Expand Down Expand Up @@ -116,52 +112,10 @@
</div>
</div>
</div>
<div class="setting_block">Checkbox</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Switch</div>
<br>
<div>Normal Switch 1</div>
<div class="switch_content">
<div class="switch off" id="switch_exp1">
<div class="toggle_style left"><img alt="" src="../images/switch_on.png"></div>
<div class="toggle_style right"><img alt="" src="../images/switch_off.png"></div>
<div class="toggle_slider"></div>
</div>
</div>
<div id="switch_status_exp1">Toggle: Close</div>
<br>
<div>Normal Switch 2</div>
<div class="switch_content">
<div class="switch on" id="switch_exp2">
<div class="toggle_style left"><img alt="" src="../images/switch_on.png"></div>
<div class="toggle_style right"><img alt="" src="../images/switch_off.png"></div>
<div class="toggle_slider"></div>
</div>
</div>
<div id="switch_status_exp2">Toggle: Open</div>
<br>
<div>Disables Switch</div>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Tab Bar</div>
<br>
<div>Normal Tab Bar</div>
<div class="tab_bar_area">
<div class="tab_bar">
<button class="tab_bar_btn active" id="tab1" onclick="selectTab(1);">Tab 1</button>
<button class="tab_bar_btn no_active" id="tab2" onclick="selectTab(2);">Tab 2</button>
<button class="tab_bar_btn no_active" id="tab3" onclick="selectTab(3);">Tab 3</button>
</div>
</div>
<div class="tab_content active" id="content1">Content for Tab 1<br>content 1 line 2<br>content 1 line 3
</div>
<div class="tab_content no_active" id="content2">Content for Tab 2<br>content 2 line 2<br>content 2 line 3
</div>
<div class="tab_content no_active" id="content3">Content for Tab 3<br>content 3 line 2<br>content 3 line 3
</div>
<div>Checkbox</div>
<div></div>
</div>
</div>
<div class="setting_block">
Expand All @@ -170,75 +124,6 @@
<div></div>
</div>
</div>
<div class="setting_block">Radio Group</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Slider</div>
<br>
<div>Range Slider with Initial Value</div>
<div class="slider_content" id="range_slider_1">
<div class="slider range_slider"
data-slider='{"minValue":0,"maxValue":100,"segments":null,"initialValue":66.66}'>
<div class="slider_process"></div>
<div class="slider_handle smooth_handle" id="smoothHandle"></div>
<div class="slider_tooltip smooth_tooltip" id="smoothTooltip">0.00</div>
</div>
</div>
<br>
<br>
<div>Range Slider with Customized Interval</div>
<div class="slider_content" id="range_slider_2">
<div class="slider range_slider"
data-slider='{"minValue": 20, "maxValue": 60, "segments": null, "initialValue": null}'>
<div class="slider_process"></div>
<div class="slider_handle smooth_handle" id="smoothHandle2"></div>
<div class="slider_tooltip smooth_tooltip" id="smoothTooltip2">0.00</div>
</div>
</div>
<br>
<br>
<div>Disabled Range Slider</div>
<br>
<br>
<div>Set Slider with Initial Value</div>
<div class="slider_content" id="set_slider_1">
<div class="slider set_slider"
data-slider='{"minValue": 0, "maxValue": 100, "segments": 5, "initialValue": 40}'>
<div class="slider_process"></div>
<div class="slider_handle segmented_handle" id="segmentedHandle"></div>
<div class="slider_tooltip segmented_tooltip" id="segmentedTooltip">0</div>
<div class="slider_segment" style="display: none"></div>
</div>
</div>
<br>
<br>
<div>Set Slider with Customized Interval</div>
<div class="slider_content" id="set_slider_2">
<div class="slider set_slider"
data-slider='{"minValue": 50, "maxValue": 60, "segments": 4, "initialValue": null}'>
<div class="slider_process"></div>
<div class="slider_handle segmented_handle" id="segmentedHandle2"></div>
<div class="slider_tooltip segmented_tooltip" id="segmentedTooltip2">0</div>
<div class="slider_segment" style="display: none"></div>
</div>
</div>
<br>
<br>
<div>Disabled Set Slider</div>
<br>
<br>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Text Field</div>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Expandable List</div>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Expandable Card</div>
Expand Down Expand Up @@ -365,6 +250,135 @@
<br>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Expandable List</div>
<div></div>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Radio Group</div>
<div></div>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Slider</div>
<br>
<div>Range Slider with Initial Value</div>
<div class="slider_content" id="range_slider_1">
<div class="slider range_slider"
data-slider='{"minValue":0,"maxValue":100,"segments":null,"initialValue":66.66}'>
<div class="slider_process"></div>
<div class="slider_handle smooth_handle" id="smoothHandle"></div>
<div class="slider_tooltip smooth_tooltip" id="smoothTooltip">0.00</div>
</div>
</div>
<br>
<br>
<div>Range Slider with Customized Interval</div>
<div class="slider_content" id="range_slider_2">
<div class="slider range_slider"
data-slider='{"minValue": 20, "maxValue": 60, "segments": null, "initialValue": null}'>
<div class="slider_process"></div>
<div class="slider_handle smooth_handle" id="smoothHandle2"></div>
<div class="slider_tooltip smooth_tooltip" id="smoothTooltip2">0.00</div>
</div>
</div>
<br>
<br>
<div>Disabled Range Slider</div>
<br>
<br>
<div>Set Slider with Initial Value</div>
<div class="slider_content" id="set_slider_1">
<div class="slider set_slider"
data-slider='{"minValue": 0, "maxValue": 100, "segments": 5, "initialValue": 40}'>
<div class="slider_process"></div>
<div class="slider_handle segmented_handle" id="segmentedHandle"></div>
<div class="slider_tooltip segmented_tooltip" id="segmentedTooltip">0</div>
<div class="slider_segment" style="display: none"></div>
</div>
</div>
<br>
<br>
<div>Set Slider with Customized Interval</div>
<div class="slider_content" id="set_slider_2">
<div class="slider set_slider"
data-slider='{"minValue": 50, "maxValue": 60, "segments": 4, "initialValue": null}'>
<div class="slider_process"></div>
<div class="slider_handle segmented_handle" id="segmentedHandle2"></div>
<div class="slider_tooltip segmented_tooltip" id="segmentedTooltip2">0</div>
<div class="slider_segment" style="display: none"></div>
</div>
</div>
<br>
<br>
<div>Disabled Set Slider</div>
<br>
<br>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Switch</div>
<br>
<div>Normal Switch 1</div>
<div class="switch_content">
<div class="switch off" id="switch_exp1">
<div class="toggle_style left"><img alt="" src="../images/switch_on.png"></div>
<div class="toggle_style right"><img alt="" src="../images/switch_off.png"></div>
<div class="toggle_slider"></div>
</div>
</div>
<div id="switch_status_exp1">Toggle: Close</div>
<br>
<div>Normal Switch 2</div>
<div class="switch_content">
<div class="switch on" id="switch_exp2">
<div class="toggle_style left"><img alt="" src="../images/switch_on.png"></div>
<div class="toggle_style right"><img alt="" src="../images/switch_off.png"></div>
<div class="toggle_slider"></div>
</div>
</div>
<div id="switch_status_exp2">Toggle: Open</div>
<br>
<div>Disables Switch</div>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Tab Bar</div>
<br>
<div>Normal Tab Bar</div>
<div class="tab_bar_area">
<div class="tab_bar">
<button class="tab_bar_btn active" id="tab1" onclick="selectTab(1);">Tab 1</button>
<button class="tab_bar_btn no_active" id="tab2" onclick="selectTab(2);">Tab 2</button>
<button class="tab_bar_btn no_active" id="tab3" onclick="selectTab(3);">Tab 3</button>
</div>
</div>
<div class="tab_content active" id="content1">Content for Tab 1<br>content 1 line 2<br>content 1 line 3
</div>
<div class="tab_content no_active" id="content2">Content for Tab 2<br>content 2 line 2<br>content 2 line 3
</div>
<div class="tab_content no_active" id="content3">Content for Tab 3<br>content 3 line 2<br>content 3 line 3
</div>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Tag</div>
<div></div>
</div>
</div>
<div class="setting_block">
<div class="setting_block_content">
<div>Text Field</div>
<div></div>
</div>
</div>
<div>
<div class="page_info"><br></div>
<div class="page_info_title" id="page_info_title1"></div>
Expand Down
2 changes: 1 addition & 1 deletion javascript/advanced.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -120,7 +120,7 @@ function updateSwitchState(index, isOn) {
}


// Slider滑动条函数
// Slider滑块函数
const sliderContent = document.getElementsByClassName("slider_content");

for (let i = 0; i < sliderContent.length; i++) {
Expand Down
8 changes: 7 additions & 1 deletion javascript/public_define.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ const texts = {
preview_btn1: "开发日志",
preview_btn2: "<img class=\"link_img\" src=\"\" alt=\"\"/>提出反馈",
page_info_title1: "INFORMATION",
page_info_detail1: "Version: 4.6.1.3.Canary<br>Server Version: 4.0<br>Updated: 2024-03-04-01",
page_info_detail1: "Version: 4.6.1.4.Canary<br>Server Version: 4.0<br>Updated: 2024-03-05-01",
page_info_title2: "ABOUT US",
page_info_detail2: "<span>Developer: @Spectrollay<br>Maintainer: @Spectrollay<br>Chat Group: [<a href=\"https://t.me/Spectrollay_MCW\" target=\"_blank\" onclick=\"playSound1();\">Telegram</a>] [<a href=\"https://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=WVA6aPqtv99hiYleW7vUq5OsBIufCAB1&authKey=B0%2BaXMCTqnmQrGh0wzCZTyWTIPyHS%2FPEM5QXcFfVwroFowNnzs6Yg1er1%2F8Fekqp&noverify=0&group_code=833473609\" target=\"_blank\" onclick=\"playSound1();\">QQ</a>] [<a href=\"https://yhfx.jwznb.com/share?key=VyTE7W7sLwRl&ts=1684642802\" target=\"_blank\" onclick=\"playSound1();\">云湖</a>]<span>",
page_info_title3: "MADE WITH ❤️ IN CHINA",
Expand Down Expand Up @@ -47,6 +47,7 @@ const tipsWithWeights = [
text: "<span>也来看看我们的<a href=\"https://github.com/Spectrollay/mclang_cn\" target=\"_blank\" onclick=\"playSound1();\">中文译名修正项目</a>!</span>",
weight: 3
},
{text: "Made by Spectrollay!", weight: 3},
{text: "← 点击这里可以切换提示 →", weight: 3},
{text: "↑ 点击标题栏可以快速回到顶部 ↑", weight: 3},
{text: "本站指向的站外内容可能不受保障!", weight: 3},
Expand All @@ -64,8 +65,10 @@ const tipsWithWeights = [
{text: "我们保留了一些bug,这样你才知道你在使用的是Minecraft 版本库.", weight: 2},
{text: "你知道吗,版本库界面的构建仅花费了两天时间.", weight: 2},
{text: "你知道吗,这个项目其实始于2020年.", weight: 2},
{text: "现在你看到了一条提示.", weight: 2},
{text: "猜一猜下一条出现的提示是什么?", weight: 2},
{text: "猜一猜下一次看到这条提示是什么时候?", weight: 2},
{text: "Minecraft, 启动!", weight: 2},
{text: "看到这条提示就去启动Minecraft吧!", weight: 2},
{text: "也去玩玩Minceraft吧!", weight: 2},
{text: "也去玩玩饥荒吧!", weight: 2},
Expand All @@ -74,18 +77,21 @@ const tipsWithWeights = [
{text: "不要这样看着人家,会害羞的啦!", weight: 2},
{text: "今天是一个不错的日子,你说对吗?", weight: 2},
{text: "多抬头看看天空吧!", weight: 2},
{text: "天空即为极限!", weight: 2},
{text: "记得要天天开心哦!", weight: 2},
{text: "是谁把我放在这的?", weight: 2},
{text: "很高兴看到你!", weight: 2},
{text: "种一棵树!", weight: 2},
{text: "劳逸结合!", weight: 2},
{text: "持续支持中!", weight: 2},
{text: "Hello world!", weight: 2},
{text: "95% OreUI!", weight: 2},
{text: "90% bug free!", weight: 2},
{text: "Aww man!", weight: 2},
{text: "Hmmmrmm!", weight: 2},
{text: "Nooooooooooooo!", weight: 2},
{text: "Everybody do the Leif!", weight: 2},
{text: "What DOES the fox say?", weight: 2},
{text: "/give @a hugs 64", weight: 2},
{text: "P不包含NP!", weight: 2},
{text: "Technoblade never dies!", weight: 2},
Expand Down
2 changes: 1 addition & 1 deletion stylesheet/advanced.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ main {
height: 16px;
}

/* Slider滑动条 */
/* Slider滑块 */
.slider_content {
display: flex;
width: calc(100% - 32px);
Expand Down
Loading

0 comments on commit 8a0d36b

Please sign in to comment.