<template>
<view class="container">
<view>
<tui-searchbar padding="6px" height="28px" backgroundColor="#950015" radius="40rpx" placeholder="搜索" disabled></tui-searchbar>
<tui-list-view>
<tui-list-cell>
<tui-text fontWeight="700" text="第二章 "></tui-text>
<tui-text fontWeight="700" text="自然人"></tui-text>
</tui-list-cell>
<block v-for="(item,index) in dataList" :key="index">
<tui-collapse :index="index" :current="current" :disabled="item.disabled" :arrow="!item.disabled" @click="change">
<template v-slot:title>
<tui-list-cell :hover="!item.disabled" padding="26rpx 70rpx 26rpx 30rpx">{{item.title}}</tui-list-cell>
</template>
<template v-slot:content>
<cover-view v-if="current==index" class="cover">
<video v-if="current==index && index!=1" :autoplay="false" src="https://mp4.vjshi.com/2023-06-10/5a036b6dafca4d64bd9e6d125ecc622b.mp4"></video>
</cover-view>
</template>
</tui-collapse>
</block>
</tui-list-view>
</view>
</view>
</template>
<script>
import {
mapActions,
mapState
} from 'vuex';
export default {
data() {
return {
platform: 'uni-app', //来源
scrollTop: 0, //吸顶高度
//手风琴效果
current: -1,
dataList: [{
title: "第一节 民事权利能力和民事行为能力",
intro: "杜甫的思想核心是儒家的仁政思想，他有“致君尧舜上，再使风俗淳”的宏伟抱负。杜甫虽然在世时名声并不显赫，但后来声名远播，对中国文学和日本文学都产生了深远的影响。杜甫共有约1500首诗歌被保留了下来，大多集于《杜工部集》。"
},{
title: "第十三条 自然人从出生时起到死亡时止，具有民事权利能力，依法享有民事权利，承担民事义务。",
intro: "杜甫的思想核心是儒家的仁政思想，他有“致君尧舜上，再使风俗淳”的宏伟抱负。杜甫虽然在世时名声并不显赫，但后来声名远播，对中国文学和日本文学都产生了深远的影响。杜甫共有约1500首诗歌被保留了下来，大多集于《杜工部集》。",
disabled:true
},
{
title: "第十四条 自然人的民事权利能力一律平等。",
intro: "李清照出生于书香门第，早期生活优裕，其父李格非藏书甚富，她小时候就在良好的家庭环境中打下文学基础。出嫁后与夫赵明诚共同致力于书画金石的搜集整理。金兵入据中原时，流寓南方，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤。形式上善用白描手法，自辟途径，语言清丽。"
},
{
title: "第十五条 自然人的出生时间和死亡时间，以出生证明、死亡证明记载的时间为准；没有出生证明、死亡证明的，以户籍登记或者其他有效身份登记记载的时间为准。有其他证据足以推翻以上记载时间的，以该证据证明的时间为准。",
intro: "鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响，蜚声世界文坛，尤其在韩国、日本思想文化领域有极其重要的地位和影响，被誉为“二十世纪东亚文化地图上占最大领土的作家”。"
},{
title: "第十三条 自然人从出生时起到死亡时止，具有民事权利能力，依法享有民事权利，承担民事义务。",
intro: "杜甫的思想核心是儒家的仁政思想，他有“致君尧舜上，再使风俗淳”的宏伟抱负。杜甫虽然在世时名声并不显赫，但后来声名远播，对中国文学和日本文学都产生了深远的影响。杜甫共有约1500首诗歌被保留了下来，大多集于《杜工部集》。",
disabled:true
},
{
title: "第十四条 自然人的民事权利能力一律平等。",
intro: "李清照出生于书香门第，早期生活优裕，其父李格非藏书甚富，她小时候就在良好的家庭环境中打下文学基础。出嫁后与夫赵明诚共同致力于书画金石的搜集整理。金兵入据中原时，流寓南方，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤。形式上善用白描手法，自辟途径，语言清丽。"
},
{
title: "第十五条 自然人的出生时间和死亡时间，以出生证明、死亡证明记载的时间为准；没有出生证明、死亡证明的，以户籍登记或者其他有效身份登记记载的时间为准。有其他证据足以推翻以上记载时间的，以该证据证明的时间为准。",
intro: "鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响，蜚声世界文坛，尤其在韩国、日本思想文化领域有极其重要的地位和影响，被誉为“二十世纪东亚文化地图上占最大领土的作家”。"
},{
title: "第十三条 自然人从出生时起到死亡时止，具有民事权利能力，依法享有民事权利，承担民事义务。",
intro: "杜甫的思想核心是儒家的仁政思想，他有“致君尧舜上，再使风俗淳”的宏伟抱负。杜甫虽然在世时名声并不显赫，但后来声名远播，对中国文学和日本文学都产生了深远的影响。杜甫共有约1500首诗歌被保留了下来，大多集于《杜工部集》。",
disabled:true
},
{
title: "第十四条 自然人的民事权利能力一律平等。",
intro: "李清照出生于书香门第，早期生活优裕，其父李格非藏书甚富，她小时候就在良好的家庭环境中打下文学基础。出嫁后与夫赵明诚共同致力于书画金石的搜集整理。金兵入据中原时，流寓南方，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调感伤。形式上善用白描手法，自辟途径，语言清丽。"
},
{
title: "第十五条 自然人的出生时间和死亡时间，以出生证明、死亡证明记载的时间为准；没有出生证明、死亡证明的，以户籍登记或者其他有效身份登记记载的时间为准。有其他证据足以推翻以上记载时间的，以该证据证明的时间为准。",
intro: "鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响，蜚声世界文坛，尤其在韩国、日本思想文化领域有极其重要的地位和影响，被誉为“二十世纪东亚文化地图上占最大领土的作家”。"
}]
};
},
computed: {
...mapState(['networkConnected', 'isOnline'])
},
watch: {
networkConnected(isConnected) {
if (isConnected) {
this.menuHandle();
}
},
isOnline(val) {
if (val) {
this.menuHandle();
}
}
},
onLoad() {
// #ifdef MP
this.platform = '小程序';
// #endif
},
onPageScroll(e) {
this.scrollTop = e.scrollTop
},
methods: {
...mapActions(['getOnlineStatus']),
async menuHandle() {
let list = [...this.listOnline];
this.list = list.splice(0, 7);
let isOnline = await this.getOnlineStatus();
if (isOnline) {
this.list = this.listOnline;
}
},
imageError: function(e) {
console.error('image发生error事件，携带值为' + e.detail.errMsg)
},
$cellTap(){
console.log(123,this.currentTab)
this.currentTab = 0
},
change(e) {
//可关闭自身
this.current = this.current == e.index ? -1 : e.index
}
}
}; </script>
<style>
/ 样式 /
.container {
width: 100vw;
/ height: 100vh; /
}
.cover{
width: 100vw;
height: 60vw;
position: relative;
}
video{
width: 100vw;
height: 60vw;
position: absolute;
bottom: 0;
left: 0;
}
</style>
