| | |
| | | </div> |
| | | </div> |
| | | <!-- 2 --> |
| | | <div class="page-box" page="10"> |
| | | <div class="page-box" page="10" :show="showPageList.indexOf(10) > -1"> |
| | | <div v-if="showPageList.indexOf(10) > -1"> |
| | | <div class="header-box"> |
| | | <div class="header-border-box"></div> |
| | |
| | | </div> |
| | | </div> |
| | | <!-- 3 --> |
| | | <div class="page-box" page="11"> |
| | | <div class="page-box" page="11" :show="showPageList.indexOf(11) > -1"> |
| | | <div v-if="showPageList.indexOf(11) > -1"> |
| | | <div class="page-header-box"> |
| | | <span class="page-header-text" |
| | |
| | | </div> |
| | | <div class="right" style="width: 60%"> |
| | | <video |
| | | :src="pathFive" |
| | | :src="getResourcePath('163c06871b763954952d1cd74373c618')" |
| | | poster="../../../assets/images/chapterOne/people-video-img.jpg" |
| | | webkit-playsinline="true" |
| | | x-webkit-airplay="true" |
| | |
| | | }; |
| | | }, |
| | | async mounted() { |
| | | this.getResourcePath = getResourcePath; |
| | | this.getVideoPath(); |
| | | const localData = localStorage.getItem("chapterOneData"); |
| | | if (localData) { |
| | |
| | | clearInterval(window.timerOne); |
| | | } |
| | | localStorage.setItem("chapterOneData", JSON.stringify(this.chapterOneData)); |
| | | }, |
| | | watch: { |
| | | showPageList: { |
| | | handler(newVal, oldVal) { |
| | | console.log(newVal, "章节接收内容"); |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | changeResources(type) { |
| | |
| | | }, |
| | | saveChapterOneData() { |
| | | // 记录第一张输入数据 |
| | | console.log("20miao"); |
| | | this.saveTime = 20; |
| | | console.log(this.chapterOneData); |
| | | localStorage.setItem( |
| | | "chapterOneData", |
| | | JSON.stringify(this.chapterOneData) |