md化SteamCN
当前为
// ==UserScript==
// @name MDSteamCN
// @namespace http://tampermonkey.net/
// @version 0.11
// @description md化SteamCN
// @author marioplus
// @match https://steamcn.com/*
// @require https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js
// @run-at document-end
// ==/UserScript==
(function() {
// 加载css/js资源
function loadResource() {
$('head')
.append('<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">')
// mdui
.append('<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mdui/0.4.2/css/mdui.min.css"/>')
.append('<script src="//cdnjs.cloudflare.com/ajax/libs/mdui/0.4.2/js/mdui.min.js"></script>')
.append(initCss())
}
// 初始需要的css
function initCss() {
return `
<style>
/* 帖子字体过大 */
div#postlist {
font-size: smaller;
}
/* region 帖子圆角 */
div#postlist {
border-radius: 10px;
}
div#postlist > table:nth-child(1){
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: none;
}
#postlist > div:nth-child(2) tr:nth-child(1) td.pls {
border-top-left-radius: 10px;
}
#f_pst{
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
/*endregion 帖子圆角 */
/*region 引用*/
.pl .quote blockquote {
background: #ffffff;
width: 100%;
height: 100%;
font-size: 10px;
}
.pl .quote{
background: #ffffff;
border-left: 6px solid #009688;
padding: 10px 20px;
font-size: 10px;
}
/*endregion 引用*/
/* 帖子下边按钮 */
.pob em a {
padding: 0;
}
.pob.cl a {
text-decoration: none;
}
/* 个人蒸汽、积分……展示的间隔线去掉 */
.tns th{
border: none;
}
/* 帖子宽度 */
.wp{
min-width: 1050px;
max-width: 1050px;
}
/* 帖子边距 */
.plc {
padding: 12px 30px;
}
.pls {
padding-top: 4px;
}
/* 回到顶部 */
#J_ScrollTopBtn {
display: none !important;
}
/* region回复 */
#f_pst{
border-top: 0;
padding-bottom: 10px;
}
/*头像消失*/
#f_pst .pls {
display: none;
}
#f_pst .plc {
padding:20px;
}
.tedt.mtn {
border: none;
}
#f_pst .bar {
height: 40px;
line-height: 40px;
}
#f_pst .fpd {
padding-left: 10px;
}
#f_pst .fpd a {
margin: 10px 10px 0 0;
}
/* 回帖跳回最后一页 */
label[for=fastpostrefresh]{
margin-left: 20px;
margin-bottom: -2px;
}
p.ptm.pnpost a.y {
display: inline-block;
height: 36px;
line-height: 36px;
}
/*endregion*/
</style>`
}
// 解析数据
function parseData() {
// 初始主题
function initColor() {
const colors = [
['red', 'white'],
['pink', 'white'],
['purple', 'white'],
['deep-purple', 'white'],
['indigo', 'white'],
['teal', 'white'],
['blue', 'black'],
['light-blue', 'black'],
['cyan', 'black'],
['green', 'black'],
['light-green', 'black'],
['lime', 'black'],
['yellow', 'black'],
['amber', 'black'],
['orange', 'black'],
['deep-orange', 'black'],
]
const index = Math.floor(Math.random() * colors.length)
return {
theme: colors[index][0],
nav: colors[index][1]
}
}
// 导航条
function parseNav() {
let tmpNavs = []
$('.subforum_left_title_left_up>div>a').each((i, e) => {
let tmpNav = {}
tmpNav.href = e.getAttribute('href')
tmpNav.text = e.innerText
tmpNavs.push(tmpNav)
})
return tmpNavs
}
// 头像
function parseAvatar() {
return $('img.avatar.img-circle').attr('src')
}
// 消息
function parseMessage() {
// TODO:需要测试有消息的情况
}
// 提醒
function parseRemind() {
// TODO:需要测试有提醒的情况
}
// 帖子标题
function parsePostTitle() {
return $('a#thread_subject').attr('title')
}
// 帖子属性
function parsePostAttr() {
const $postData = $('div.subforum_right_title > div div:odd')
const $postFavorite = $('#k_favorite')
const $postReply = $('#post_reply')
return {
reply: {
text: '回复',
amount: $postData[0].innerText,
onclick: $postReply.attr('onclick')
},
view: {
text: '查看',
amount: $postData[1].innerText
},
favorite: {
text: '收藏',
amount: $postData[2].innerText,
onclick: `showWindow('k_favorite', '${$postFavorite.attr('href')}', 'get', 0);`
}
}
}
return {
// 颜色
color: initColor(),
// 工具条
appbar: {
// 导航栏
nav: parseNav(),
// 头像
avatar: parseAvatar(),
// 消息
message: parseMessage(),
// 提醒
remind: parseRemind()
},
// 帖子
post: {
// 标题
title: parsePostTitle(),
// 访问数据
attr: parsePostAttr()
}
}
}
// 初始主题
function initTheme(data) {
$('body').addClass(`mdui-theme-primary-${data.color.theme} mdui-theme-accent-${data.color.nav} mdui-text-`)
// .addClass(`mdui-drawer-body-left mdui-appbar-with-toolbar mdui-theme-primary-teal mdui-theme-accent-${data.color.nav} mdui-loaded`)
.append(`<div class="mdui-color-theme mdui-container-fluid" style="min-width: 1050px;height: 450px; z-index: -1;position: absolute; top: 0;left: 0;right: 0; margin: 0"></div>`)
}
// appbar
function generateAppbar(data) {
// 面包屑导航
function generateNav() {
let tmp = ''
data.appbar.nav.forEach((e, i) => {
tmp += `<a class="mdui-text-color-${data.color.nav}" href="${e.href}"><span>${e.text}</span></a>`
// html += `<span>${e.text}</span>`
if (i < data.appbar.nav.length - 1) {
tmp += `<span class="mdui-p-l-1 mdui-p-r-1">></span>`
}
})
return tmp
}
// 消息和提醒
function generateMsgAndRemind() {
let messageCountStr = $('a.btn.btn-user-action:first > span').text()
let remindCountStr = $('a.btn.btn-user-action:last > span').text()
function gen(countStr, icon, href) {
return `<a href="${href}" class="mdui-btn mdui-ripple${isNaN(parseInt(countStr)) ? ' mdui-btn-icon' : ''}"><i class="mdui-icon material-icons">${icon}</i> ${countStr}</a>`
}
return gen(messageCountStr, 'email', 'home.php?mod=space&do=pm') + gen(remindCountStr, 'notifications', 'home.php?mod=space&do=notice&view=system')
}
// 个人中心
function parseProfileHref() {
return $('.avatar').parent()[0].href
}
// 生成
$('body').prepend(`
<header class="mdui-appbar mdui-appbar-fixed">
<div class="mdui-toolbar mdui-color-theme mdui-shadow-5">
<a href="javascript:;" class="mdui-btn mdui-btn-icon" mdui-drawer="{target: '#left-drawer',overlay:true}"><i class="mdui-icon material-icons">menu</i></a>
<a href="https://steamcn.com" class="mdui-typo-headline">SteamCN</a>
<a href="javascript:;" class="mdui-typo-title">
<div class="mdui-valign mdui-typo">${generateNav()}</div>
</a>
<div class="mdui-toolbar-spacer"></div>
<a href="https://steamcn.com/search.php?mod=forum" target="_blank" class="mdui-btn mdui-btn-icon mdui-ripple"><i class="mdui-icon material-icons">search</i></a>
<!--<a href="home.php?mod=space&do=pm" class="mdui-btn mdui-btn-icon mdui-ripple"><i class="mdui-icon material-icons">email</i></a>-->
<!--<a href="home.php?mod=space&do=notice&view=system" class="mdui-btn mdui-btn-icon mdui-ripple"><i class="mdui-icon material-icons">notifications</i></a>-->
${generateMsgAndRemind()}
<img class="mdui-card-header-avatar" mdui-menu="{target: '#avatarMenu'}" src="${data.appbar.avatar}">
<ul class="mdui-menu" id="avatarMenu">
<li class="mdui-menu-item"><a class="mdui-ripple" href="${parseProfileHref()}">个人中心</a></li>
<li class="mdui-menu-item"><a class="mdui-ripple" href="home.php?mod=spacecp">设置</a></li>
<li class="mdui-menu-item"><a class="mdui-ripple" href="javascript:;" onclick="showWindow('wechat_bind', 'plugin.php?id=wechat:bind')">绑定微信</a></li>
<li class="mdui-menu-item"><a class="mdui-ripple" href="connect.php?mod=config">绑定QQ</a></li>
<li class="mdui-divider"></li>
<li class="mdui-menu-item"><a class="mdui-ripple" href="home.php?mod=space&do=friend">好友</a></li>
<li class="mdui-menu-item"><a class="mdui-ripple" href="forum.php?mod=guide&view=my">帖子</a></li>
<li class="mdui-menu-item"><a class="mdui-ripple" href="home.php?mod=space&do=favorite&view=me">收藏</a></li>
<li class="mdui-menu-item"><a class="mdui-ripple" href="home.php?mod=magic">道具</a></li>
<li class="mdui-menu-item"><a class="mdui-ripple" href="home.php?mod=medal">勋章</a></li>
<li class="mdui-menu-item"><a class="mdui-ripple" href="home.php?mod=task">成就</a></li>
<li class="mdui-divider"></li>
<li class="mdui-menu-item"><a href="member.php?mod=logging&action=logout&formhash=6ab8aaaf">退出</a></li>
</ul>
</div>
</header>
<div class="mdui-drawer mdui-drawer-close mdui-color-white" id="left-drawer">
<div class="mdui-list" mdui-collapse="{accordion: true}">
<div class="mdui-collapse-item ">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">near_me</i>
<div class="mdui-list-item-content">平台</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-collapse-item-body mdui-list">
<a href="f161-1" class="mdui-list-item mdui-ripple ">热点</a>
<a href="f319-1" class="mdui-list-item mdui-ripple ">福利</a>
<a href="f234-1" class="mdui-list-item mdui-ripple ">购物</a>
<a href="f271-1" class="mdui-list-item mdui-ripple ">慈善包</a>
<a href="f257-1" class="mdui-list-item mdui-ripple ">汉化</a>
<a href="f189-1" class="mdui-list-item mdui-ripple ">资源</a>
<a href="f127-1" class="mdui-list-item mdui-ripple ">研讨</a>
<a href="f235-1" class="mdui-list-item mdui-ripple ">成就</a>
<a href="f129-1" class="mdui-list-item mdui-ripple ">互鉴</a>
<a href="f254-1" class="mdui-list-item mdui-ripple ">分享互赠</a>
</div>
</div>
<div class="mdui-collapse-item ">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-deep-orange">enhanced_encryption</i>
<div class="mdui-list-item-content">互助</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-collapse-item-body mdui-list">
<a href="f301-1" class="mdui-list-item mdui-ripple ">技术</a>
<a href="f302-1" class="mdui-list-item mdui-ripple ">购物</a>
<a href="f304-1" class="mdui-list-item mdui-ripple ">社区</a>
<a href="f318-1" class="mdui-list-item mdui-ripple ">资源</a>
<a href="f303-1" class="mdui-list-item mdui-ripple ">游戏</a>
<a href="f322-1" class="mdui-list-item mdui-ripple ">软硬</a>
<a href="f311-1" class="mdui-list-item mdui-ripple ">魔法</a>
</div>
</div>
<div class="mdui-collapse-item">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-green">child_friendly</i>
<div class="mdui-list-item-content">友商</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-collapse-item-body mdui-list">
<a href="f232-1" class="mdui-list-item mdui-ripple ">Origin</a>
<a href="f274-1" class="mdui-list-item mdui-ripple ">uPlay</a>
<a href="f276-1" class="mdui-list-item mdui-ripple ">GOG</a>
<a href="f316-1" class="mdui-list-item mdui-ripple ">杉果</a>
<a href="f326-1" class="mdui-list-item mdui-ripple ">Windows</a>
<a href="f332-1" class="mdui-list-item mdui-ripple ">方块</a>
<a href="f325-1" class="mdui-list-item mdui-ripple ">WeGame</a>
<a href="f275-1" class="mdui-list-item mdui-ripple ">主机</a>
<a href="f328-1" class="mdui-list-item mdui-ripple ">移动</a>
<a href="f277-1" class="mdui-list-item mdui-ripple ">其他</a>
</div>
</div>
<div class="mdui-collapse-item ">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-brown">exposure_plus_1</i>
<div class="mdui-list-item-content">休闲</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-collapse-item-body mdui-list">
<a href="f148-1" class="mdui-list-item mdui-ripple ">水区</a>
<a href="f259-1" class="mdui-list-item mdui-ripple ">摄影</a>
<a href="f273-1" class="mdui-list-item mdui-ripple ">美食</a>
<a href="f200-1" class="mdui-list-item mdui-ripple ">软硬</a>
</div>
</div>
<div class="mdui-collapse-item ">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-purple">local_mall</i>
<div class="mdui-list-item-content">服务</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-collapse-item-body mdui-list">
<a href="f140-1" class="mdui-list-item mdui-ripple ">公告</a>
<a href="f197-1" class="mdui-list-item mdui-ripple ">反馈</a>
<a href="f238-1" class="mdui-list-item mdui-ripple ">活动</a>
<a href="steamcn_steam_connect-statistics.html" class="mdui-list-item mdui-ripple ">排行榜</a>
</div>
</div>
<div class="mdui-collapse-item ">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-amber">flag</i>
<div class="mdui-list-item-content">社区</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-collapse-item-body mdui-list">
<a href="f251-1" class="mdui-list-item mdui-ripple ">综合交流 交换观点/资源</a>
<a href="f305-1" class="mdui-list-item mdui-ripple ">DOTA</a>
<a href="f299-1" class="mdui-list-item mdui-ripple ">CSGO</a>
<a href="f291-1" class="mdui-list-item mdui-ripple ">生存类</a>
<a href="f312-1" class="mdui-list-item mdui-ripple ">GTA</a>
<a href="f244-1" class="mdui-list-item mdui-ripple ">威乐</a>
<a href="f246-1" class="mdui-list-item mdui-ripple ">艺电</a>
<a href="f245-1" class="mdui-list-item mdui-ripple ">育碧</a>
<a href="f248-1" class="mdui-list-item mdui-ripple ">动视暴雪</a>
</div>
</div>
<div class="mdui-collapse-item ">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-red">hot_tub</i>
<div class="mdui-list-item-content">其乐</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-collapse-item-body mdui-list">
<a href="https://www.keylol.com" class="mdui-list-item mdui-ripple ">其乐</a>
</div>
</div>
<div class="mdui-collapse-item ">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-pink">view_carousel</i>
<div class="mdui-list-item-content">赠楼</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-collapse-item-body mdui-list">
<a href="steamcn_gift-7l.html" class="mdui-list-item mdui-ripple ">互赠平台</a>
</div>
</div>
<div class="mdui-collapse-item ">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-cyan">local_atm</i>
<div class="mdui-list-item-content">交易</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-collapse-item-body mdui-list">
<a href="steamcn_gift-7l.html" class="mdui-list-item mdui-ripple ">交易中心 便捷游戏市集</a>
</div>
</div>
<div class="mdui-collapse-item ">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-green">fingerprint</i>
<div class="mdui-list-item-content">信誉</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-collapse-item-body mdui-list">
<a href="steamcn_gift-7l.html" class="mdui-list-item mdui-ripple ">SRCN 反诈骗数据库</a>
</div>
</div>
</div>
</div>
`)
$('#nav-menu').remove()
$('.tb-container').remove()
}
// 帖子标题 浏览数据
function generatePostTitleAndAttr(data) {
$('#pgt, div.subforum').remove()
$('body').prepend(`
<div style="z-index: 99; width: 1050px; margin-bottom: 20px; margin-top: 200px; "
class="mdui-color-theme mdui-center">
<div class="mdui-center"><h1 class="mdui-text-center mdui-text-truncate mdui-m-b-5" style="font-size: 40px" mdui-tooltip="{content: '${data.post.title}'}">${data.post.title}</h1></div>
<div class="mdui-valign">
<button class="mdui-btn mdui-btn-icon" mdui-tooltip="{content: '发帖'}" mdui-ripple mdui-menu="{target: '#menu-post'}">
<i class="mdui-icon material-icons">create</i>
</button>
<ul class="mdui-menu" id="menu-post">
<li class="mdui-menu-item">
<a href="/forum.php?mod=post&action=newthread&fid=129" class="mdui-ripple">
<i class="mdui-menu-item-icon mdui-icon mdui-text-color-blue material-icons">create</i>
发表帖子
</a>
</li>
<li class="mdui-menu-item">
<a href="/forum.php?mod=post&action=newthread&fid=129&special=1" class="mdui-ripple">
<i class="mdui-menu-item-icon mdui-icon mdui-text-color-deep-orange material-icons">assessment</i>
发起投票
</a>
</li>
<li class="mdui-menu-item">
<a href="/forum.php?mod=post&action=newthread&fid=129&special=3" class="mdui-ripple">
<i class="mdui-menu-item-icon mdui-icon mdui-text-color-green material-icons">my_location</i>
发布悬赏
</a>
</li>
</ul>
<button class="mdui-btn mdui-ripple " mdui-tooltip="{content: '回复'}" onclick="${data.post.attr.reply.onclick}">
<i class="mdui-icon mdui-icon-left material-icons">chat</i> ${data.post.attr.reply.amount}
</button>
<button class="mdui-btn mdui-ripple" mdui-tooltip="{content: '查看'}" >
<i class="mdui-icon material-icons">remove_red_eye</i> ${data.post.attr.view.amount}
</button>
<button class="mdui-btn mdui-ripple" mdui-tooltip="{content: '收藏'}" onclick="${data.post.attr.favorite.onclick}">
<i class="mdui-icon material-icons">favorite</i> ${data.post.attr.favorite.amount}
</button>
</div>
</div>
`)
}
// 帖子内容 md化
function mdPost() {
mdContent()
generateBtnGroup()
// 帖子
function mdContent() {
// 鼠标悬浮加深阴影 阴影
$('#postlist').addClass('mdui-hoverable mdui-shadow-5')
// 回复间隙 改为主题色
$('.ad').addClass('mdui-color-theme')
// 帖子-回复按钮
$('.pob.cl a').addClass('mdui-btn mdui-ripple mdui-btn-dense')
}
// 回复页数 按钮组
function generateBtnGroup() {
// <div class="mdui-btn-group" style="width: 100%">
// <div style="float: right">
// <a class="mdui-btn-dense mdui-btn"><i class="mdui-icon material-icons">chevron_left</i></a>
// <a class="mdui-btn-dense mdui-btn">1</a>
// <a class="mdui-btn-dense mdui-btn mdui-btn-active">2</a>
// <a class="mdui-btn-dense mdui-btn">3</a>
// <a class="mdui-btn-dense mdui-btn">4</a>
// <a class="mdui-btn-dense mdui-btn">5</a>
// <a class="mdui-btn-dense mdui-btn">6</a>
// <a class="mdui-btn-dense mdui-btn">7</a>
// <a class="mdui-btn-dense mdui-btn">8</a>
// <a class="mdui-btn-dense mdui-btn">9</a>
// <a class="mdui-btn-dense mdui-btn">10</a>
// <a class="mdui-btn-dense mdui-btn">...32</a>
// <a class="mdui-btn-dense mdui-btn"><i class="mdui-icon material-icons">chevron_right</i></a>
// </div>
// </div>
// 查找特殊节点
function findPage(cName) {
const tmpNode = $(`.pg .${cName}`)
if (tmpNode === undefined) {
return undefined
}
return {
text: tmpNode.text(),
href: tmpNode.attr('href')
}
}
function addTextBtn(data, isActive) {
return `<a href="${data.href}" class="mdui-btn-dense mdui-btn${isActive ? ' mdui-btn-active mdui-color-theme' : ''}">${data.text}</a>`
}
function addIconBtn(data, icon) {
return `<a href="${data.href}" style="padding:0 6px" class="mdui-btn-dense mdui-btn"><i class="mdui-icon material-icons">${icon}</i></a>`
}
let pervPage = findPage('prev')
let firstPage = findPage('first')
let lastPage = findPage('last')
let nextPage = findPage('nxt')
let pageGroupHtml = `<div class="mdui-btn-group mdui-typo" style="width: 100%"><div style="float: right">`
if (pervPage.href) {
pageGroupHtml += addIconBtn(pervPage, 'chevron_left')
}
if (firstPage.href) {
pageGroupHtml += addTextBtn(firstPage, false)
}
$('.pg > a:not(.first,.prev,.nxt,.last),.pg > strong').each((i, e) => {
const date = {
href: e.href === undefined ? 'javascript:;' : e.href,
text: e.innerText
}
pageGroupHtml += addTextBtn(date, e.href === undefined)
})
if (lastPage.href) {
pageGroupHtml += addTextBtn(lastPage, false)
}
if (nextPage.href) {
pageGroupHtml += addIconBtn(nextPage, 'chevron_right')
}
pageGroupHtml += `</div></div>`
$('#postlist').append(pageGroupHtml)
// 隐藏默认
$('.pgbtn,.pgs.mtm.mbm.cl').remove()
}
// 回复按钮
$('#f_pst').appendTo('#postlist')
.prepend('<div class="mdui-color-theme" style="width: 100%; height: 5px"></div>')
$('#fastpostsubmit').replaceWith('<button class="mdui-btn mdui-color-theme mdui-ripple mdui-btn-raised"><i class="mdui-icon mdui-icon-left material-icons">chat</i>回复</button>')
// $('p.ptm.pnpost').addClass('mdui-valign')
$('p.ptm.pnpost a.y').appendTo('p.ptm.pnpost')
// 回帖跳转最后一页
$('label[for=fastpostrefresh]').addClass('mdui-checkbox')
.append('<i class="mdui-checkbox-icon"></i>')
}
function mdOther() {
generateScrollTopBtn()
// 返回顶部按钮
function generateScrollTopBtn() {
$('body').append('<button id="my_ScrollTopBtn" class="mdui-fab mdui-fab-fixed mdui-fab-hide mdui-color-theme" onclick=""><i class="mdui-icon material-icons">keyboard_arrow_up</i></button>')
let scrollTopHide = true
$(window).scroll(() => {
if ($(window).scrollTop() > 100) {
// 显示
if (scrollTopHide) {
scrollTopHide = !scrollTopHide
$('#my_ScrollTopBtn').removeClass('mdui-fab-hide')
}
} else {
// 隐藏
if (!scrollTopHide) {
scrollTopHide = !scrollTopHide
$('#my_ScrollTopBtn').addClass('mdui-fab-hide')
}
}
})
$(window).trigger('scroll')
$('#my_ScrollTopBtn').on('click', () => {
$('html,body').finish().animate({'scrollTop': '0px'}, 500)
})
}
}
// 判断4类不同的页面
const locationHref = window.location
if (/^https:\/\/steamcn.com\/(forum.php(\?gid=\d+)?)?$/.test(locationHref)) {
/*
* 首页
* https://steamcn.com/
* https://steamcn.com/forum.php/
*/
console.log('home')
} else if (/^https:\/\/steamcn.com\/(f\d+)|(forum.php\?mod=forumdisplay)/.test(locationHref)) {
/*
* 目录
* https://steamcn.com/f274-1
* https://steamcn.com/forum.php?mod=forumdisplay&fid=274&filter=typeid&typeid=348
*/
console.log('forum display')
} else if (/^https:\/\/steamcn.com\/(t\d+)|(forum.php\?mod=viewthread)/.test(locationHref)) {
/*
* 帖子
* https://steamcn.com/t368540-1-1
* https://steamcn.com/forum.php?mod=viewthread&tid=368540&page=1#pid6102860
*/
console.log('post')
loadResource()
const data = parseData()
initTheme(data)
generateAppbar(data)
generatePostTitleAndAttr(data)
mdPost()
mdOther()
} else if (/^https:\/\/steamcn.com\/home.php/.test(locationHref)) {
/*
* 个人页面
* https://steamcn.com/t368540-1-1
* https://steamcn.com/forum.php?mod=viewthread&tid=368540&page=1#pid6102860
*/
console.log('profile')
} else {
console.log('unknown')
}
})();