TV-BOX/hikerviewrules/public/douyu-danmu-tabs.html
2025-02-24 22:09:02 +08:00

66 lines
No EOL
1.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<title>TyrantGenesis 自制组件</title>
<link href="./css/element-ui.css" rel="stylesheet">
<style>
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 48px;
overflow: hidden;
}
#app {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
}
.tab {
margin: 12px auto;
}
</style>
</head>
<body>
<div id="app">
<el-radio-group @change="switchTab" class="tab" size="mini" v-model="value">
<el-radio-button :key="item.id" :label="item.id" v-for="item in tabs">{{item.title}}</el-radio-button>
</el-radio-group>
</div>
<script src="./js/vue.min.js"></script>
<script src="./js/element-ui.js"></script>
<script>
new Vue({
el: '#app',
data() {
return {
value: 0,
tabs: [
{id: 0, title: '热门直播'},
{id: 1, title: '所有分类'},
]
}
},
methods: {
switchTab(num) {
if (num === 1) {
this.value = 0
let detailRule = 'js:' + $$$.toString(_ => {
eval(fetch('hiker://files/TyrantG/LIVE/douyu_danmu.js'))
cateGroupParse()
})
fy_bridge_app.toDetailPage('所有分类', "https://m.douyu.com/api/cate/list", '', '', detailRule, '')
}
},
},
});
</script>
</body>
</html>