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

64 lines
No EOL
1.7 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:eval(fetch('hiker://files/TyrantG/LIVE/qie_egame.js'));cateGroupParse();`
fy_bridge_app.toDetailPage('所有分类', "https://m.egame.qq.com/h5/download", '', '', detailRule, '')
}
}
},
});
</script>
</body>
</html>