76 lines
1.9 KiB
HTML
76 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>newTbas</title>
|
|
<script src="./tabs.js"></script>
|
|
<link rel="stylesheet" href="./tabs.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="app"></div>
|
|
|
|
|
|
</body>
|
|
|
|
<script>
|
|
|
|
var TabsData = [
|
|
{
|
|
name: '社会',
|
|
content: [
|
|
{
|
|
time: '2020-10-22',
|
|
title: '社会1标题',
|
|
text: '社会的1内容'
|
|
},
|
|
{
|
|
time: '2020-10-22',
|
|
title: '社会2标题',
|
|
text: '社会的2内容'
|
|
},
|
|
{
|
|
time: '2020-10-22',
|
|
title: '社会3标题',
|
|
text: '社会的3内容'
|
|
},
|
|
]
|
|
},
|
|
{
|
|
name: '科技',
|
|
content: [
|
|
{
|
|
time: '2020-10-22',
|
|
title: '科技1标题',
|
|
text: '科技的1内容'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: '军事',
|
|
content: [
|
|
{
|
|
time: '2020-10-22',
|
|
title: '军事1标题',
|
|
text: '军事的1内容'
|
|
},
|
|
{
|
|
time: '2020-10-22',
|
|
title: '军事2标题',
|
|
text: '军事的2内容'
|
|
}
|
|
]
|
|
},
|
|
]
|
|
|
|
new lBtab({
|
|
el: '#app',
|
|
tabsTitle: 'name',
|
|
data: TabsData
|
|
})
|
|
</script>
|
|
|
|
</html> |