mirror of
https://github.com/yuanwangokk-1/TV-BOX.git
synced 2025-10-24 11:31:22 +00:00
62 lines
1.6 KiB
HTML
62 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns="" xmlns="">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
|
<title></title>
|
|
<link href="https://unpkg.com/vant@2.12/lib/index.css" rel="stylesheet"/>
|
|
<script src="https://unpkg.com/vue@2.6/dist/vue.min.js"></script>
|
|
<script src="https://unpkg.com/vant@2.12/lib/vant.min.js"></script>
|
|
<style>
|
|
html, body {
|
|
margin: 0 5px;
|
|
height: 45px;
|
|
overflow: scroll;
|
|
}
|
|
|
|
.tab {
|
|
margin: 4px 6px;
|
|
}
|
|
|
|
.van-tabs__content {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.van-tab__pane {
|
|
height: 64px;
|
|
overflow-y: auto;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<van-tabs @click="tabClick" class="tab-box" v-model="currentTab">
|
|
<van-tab :key="index" :title="`${item}`" v-for="(item, index) in category"></van-tab>
|
|
</van-tabs>
|
|
</div>
|
|
<script>
|
|
// eval(fy_bridge_app.getInternalJs())
|
|
new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
category: ['网游', '单机', '娱乐', '手游'],
|
|
currentTab: 0,
|
|
}
|
|
},
|
|
mounted() {
|
|
this.getData()
|
|
},
|
|
methods: {
|
|
getData() {
|
|
this.currentTab = parseInt(fy_bridge_app.getVar('tab-current')) || 0
|
|
},
|
|
tabClick(e) {
|
|
fy_bridge_app.putVar('tab-current', e)
|
|
fy_bridge_app.refreshPage(true)
|
|
},
|
|
}
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|