feat: 浙里办 - 每日一习

边
1 parent 4b6e77fa
Showing 7 changed files with 284 additions and 1 deletions Show diff stats
src/component/Tabbar4.vue
src/router/index.js
src/views/answerRank/答题
src/views/dayStudy/data.json
src/views/dayStudy/dayStudy.vue
src/views/dayStudy/studyList.vue
src/views/dayStudy/每日一习
@@ -37,7 +37,8 @@ export default {
     handYanxue () {
       // this.$router.push({ name: 'ServiceKQ', query: { showTab: 'ZZY' },replace:true })
       // this.$router.replace({ path:'/YanxuePage' })
-      this.$router.replace({ path:'/stars' })
+      // this.$router.replace({ path:'/stars' })
+      this.$router.replace({ path:'/dayStudy' })
     },
     handleKQ () {
       // this.$router.push({ name: 'ServiceKQ', query: { showTab: 'KQ' },replace:true })
@@ -39,6 +39,8 @@ import ans_rank from &#39;@/views/answerRank/ans_rank.vue&#39; //答题排行榜
 import brush_questions from '@/views/answerRank/brush_questions.vue' //刷题记录
 import category from '@/views/answerRank/category.vue' //题库
 import stars from '@/views/answerRank/stars.vue' //五星少年
+import dayStudy from '@/views/dayStudy/dayStudy.vue' //每日一习主页面
+import studyList from '@/views/dayStudy/studyList.vue' //每日一习主页面
 import ans_question from '@/views/answerRank/ans_question.vue' //答题
 import switchUser from '@/views/answerRank/switchUser.vue' //切换
@@ -300,6 +302,22 @@ const routes = [{
     }
 },
 {
+    path: '/dayStudy',
+    name: 'dayStudy',
+    component: dayStudy,
+    meta: {
+        title: '每日一习'
+    }
+},
+{
+    path: '/studyList',
+    name: 'studyList',
+    component: studyList,
+    meta: {
+        title: '每日一习'
+    }
+},
+{
     path: '/ans_question',
     name: 'ans_question',
     component: ans_question,
@@ -0,0 +1,115 @@
+[{
+    "title": "云门探幽",
+    "greyTitle": "云门探幽",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/528f3c1e-6ca4-4772-9ff8-692daceebf30.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/68c6d9c3-9c8b-4ba7-9236-f81502a64b03.png"
+  },
+  {
+    "title": "红色历史藏品馆研学游",
+    "greyTitle": "中国轻纺城小学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/7bbeceda-5ad6-453b-93a8-6012bd5fc0b0.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/2b26de50-f3b7-41e5-b26e-17f82585f58b.png"
+  },
+  {
+    "title": "学思践悟力行 厚植家国情怀",
+    "greyTitle": "中国轻纺城小学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/8f5c46ba-642e-4ed3-96d9-a16dc80add1c.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/47da2a1e-bde0-427d-ad69-07f358ca88f0.png"
+  },
+  {
+    "title": "研游古镇 文化传承",
+    "greyTitle": "管宁实验小学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/f2631823-223e-4943-9d4a-a42bd2729ae1.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/2be4de3e-c811-48a1-b572-f7bf0dec5827.png"
+  },
+  {
+    "title": "快板研学 对话非遗",
+    "greyTitle": "区实验小学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/1646ee17-075b-4063-ae5d-418998e2e725.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/79f26127-e7e7-4ac2-9001-4d29da73bcca.png"
+  },
+  {
+    "title": "赓续红色根脉 争做新时代好少年",
+    "greyTitle": "中国轻纺城小学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/5f734287-aeb8-4450-8e06-bd76a591ff4d.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/acac7ab3-b6d1-4dec-ae43-89bf70fe47db.png"
+  },
+  {
+    "title": "学匠人精神 传非遗文化",
+    "greyTitle": "柯桥区华舍小学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/fb92a91e-849b-4e1c-89fe-d54ccba7543c.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/b9ca9cbb-6595-49a5-b67d-1f75ad69d075.png"
+  },
+  {
+    "title": "研学红色历史 守好红色根脉",
+    "greyTitle": "鉴湖小学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/a622c0aa-89f0-44bf-8e5b-de3d3032773f.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/a921acd2-e156-4f6e-9994-fc8ab2116756.png"
+  },
+  {
+    "title": "研学历史 守好根脉",
+    "greyTitle": "中国轻纺城小学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/0856b095-0df4-40cc-919c-9f9ec322f888.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/99d45d7b-29bd-4eac-95ab-902cef1c2c65.png"
+  },
+  {
+    "title": "红色根脉润人 传承红色基因",
+    "greyTitle": "平水镇中心小学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/a3cb65fc-2349-4d99-83df-2b19d6dc588a.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/c83dacd5-ea4d-4364-a823-d1809e58c66d.png"
+  },
+  {
+    "title": "学习周总理精神 争做新时代先锋",
+    "greyTitle": "中国轻纺城第二小学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/44196822-f80a-4061-b40c-ab1dbaeb98b4.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/48c45eb5-6a9d-44b1-93ac-a521a3fabea2.png"
+  },
+  {
+    "title": "星星之火 可以燎原",
+    "greyTitle": "安昌中学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/aa8c0e9c-e478-424a-8a03-cca0bca5849a.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/61e92214-e653-4169-935c-aab75c92253a.png"
+  },
+  {
+    "title": "研好红色历史 守好红色根脉",
+    "greyTitle": "秋瑾中学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/1bbad993-97bc-470f-b834-a226b5d06329.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/322599cb-3edd-454d-a790-09807667ab81.png"
+  },
+  {
+    "title": "寻访革命学堂 传承红色血脉",
+    "greyTitle": "实验中学老校区",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/8000e8f5-ac3f-41bb-a1e7-7b57faf4456b.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/218c5da1-11c5-46f7-b6ad-a4ccfd922dbb.png"
+  },
+  {
+    "title": "探究古越文化 研磨匠人精神",
+    "greyTitle": "实验中学新校区",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/28de1dcb-248d-4bb4-ac6e-a07003fbcd54.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/0a49b9af-0d00-4e40-8d1c-16e1fbd6cdb5.png"
+  },
+  {
+    "title": "红色研学实践——车头战役纪念馆",
+    "greyTitle": "稽东镇中学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/0944c644-c9ab-458e-9c8c-1c4f63680c6f.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/da743110-5292-4231-ba81-453758ef3706.png"
+  },
+  {
+    "title": "研学红色历史 守好红色根脉",
+    "greyTitle": "柯岩中学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/9963a86e-ba1b-4134-ba21-eface88c7814.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/ff3ebbd3-c7e2-4b04-b7fb-fc7a8b6601b0.png"
+  },
+  {
+    "title": "追寻红色记忆争做“六有”青年",
+    "greyTitle": "鲁迅高级中学",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/cbcdb0ea-3315-407f-9afb-0140f284ca5a.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/1157929d-c99a-431e-932f-a0e1a626c9e8.png"
+  },
+  {
+    "title": "中共诸暨县一大会址",
+    "greyTitle": "职业教育中心",
+    "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/3deff0fd-4091-4767-b884-11625464f1f0.mp4",
+    "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/a277daff-e8fe-43f0-a9dc-b41727af9ef3.png"
+  }
+]
 \ No newline at end of file
@@ -0,0 +1,78 @@
+<template>
+    <div>
+        <div class="card" v-for="(v, i) in dataList" :key="i" @click="toPath(v)">
+            <div class="card_pic">
+                <img :src="v.url" />
+            </div>
+            <div class="card_context">
+                <div class="title">建党百年党课</div>
+                <div class="group_font">走进红色故地，重温红色精神</div>
+            </div>
+        </div>
+
+        <tabbar4 active="yanxue"></tabbar4>
+    </div>
+</template>
+
+<script>
+import Tabbar4 from "@/component/Tabbar4";
+import videoList from '@/views/dayStudy/data.json'
+export default {
+    components: { Tabbar4 },
+    data() {
+        return {
+            dataList: [
+                {
+                    url: "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/fe0668e6-ecd1-4df4-b416-f9bd6802c06c.png",
+                    path: 'studyList'
+                },
+                {
+                    url: "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/fe0668e6-ecd1-4df4-b416-f9bd6802c06c.png",
+                },
+            ],
+        };
+    },
+    methods: {
+        toPath(val) {
+            console.log(val)
+            this.$router.push(val.path)
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.card {
+    width: 100vw;
+    height: 530px;
+    background-color: #fff;
+    margin-bottom: 30px;
+
+    .card_pic {
+        height: 400px;
+
+        img {
+            width: 100%;
+            height: 100%;
+        }
+    }
+    .card_context {
+        height: calc(530px - 400px);
+        padding: 20px 50px 10px;
+        box-sizing: border-box;
+        display: flex;
+        align-content: space-between;
+        flex-wrap: wrap;
+
+        .title {
+            width: 100%;
+            font-weight: bold;
+            font-size: 32px;
+        }
+        .group_font {
+            font-size: 28px;
+            color: #999;
+        }
+    }
+}
+</style>
 \ No newline at end of file
@@ -0,0 +1,71 @@
+<template>
+    <div>
+        <div class="card" v-for="(v, i) in videoList" :key="i" @click="toPath(v)">
+            <div class="card_pic">
+                <img :src="v.url" />
+            </div>
+            <div class="card_context">
+                <div class="title">{{v.title}}</div>
+                <div class="group_font">{{v.greyTitle}}</div>
+            </div>
+        </div>
+
+    </div>
+</template>
+
+<script>
+import videoList from '@/views/dayStudy/data.json'
+export default {
+    data() {
+        return {
+        };
+    },
+    computed: {
+        videoList() {
+            return videoList
+        }
+    },
+    methods: {
+        toPath(val) {
+            console.log(val)
+            window.open(val.videoUrl)
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.card {
+    width: 100vw;
+    height: 530px;
+    background-color: #fff;
+    margin-bottom: 30px;
+
+    .card_pic {
+        height: 400px;
+
+        img {
+            width: 100%;
+            height: 100%;
+        }
+    }
+    .card_context {
+        height: calc(530px - 400px);
+        padding: 20px 50px 10px;
+        box-sizing: border-box;
+        display: flex;
+        align-content: space-between;
+        flex-wrap: wrap;
+
+        .title {
+            width: 100%;
+            font-weight: bold;
+            font-size: 32px;
+        }
+        .group_font {
+            font-size: 28px;
+            color: #999;
+        }
+    }
+}
+</style>
 \ No newline at end of file
	@@ -39,6 +39,8 @@ import ans_rank from '@/views/answerRank/ans_rank.vue' //答题排行榜		@@ -39,6 +39,8 @@ import ans_rank from '@/views/answerRank/ans_rank.vue' //答题排行榜
39	import brush_questions from '@/views/answerRank/brush_questions.vue' //刷题记录	39	import brush_questions from '@/views/answerRank/brush_questions.vue' //刷题记录
40	import category from '@/views/answerRank/category.vue' //题库	40	import category from '@/views/answerRank/category.vue' //题库
41	import stars from '@/views/answerRank/stars.vue' //五星少年	41	import stars from '@/views/answerRank/stars.vue' //五星少年
		42	+import dayStudy from '@/views/dayStudy/dayStudy.vue' //每日一习主页面
		43	+import studyList from '@/views/dayStudy/studyList.vue' //每日一习主页面
42	import ans_question from '@/views/answerRank/ans_question.vue' //答题	44	import ans_question from '@/views/answerRank/ans_question.vue' //答题
43	import switchUser from '@/views/answerRank/switchUser.vue' //切换	45	import switchUser from '@/views/answerRank/switchUser.vue' //切换
44		46
	@@ -300,6 +302,22 @@ const routes = [{		@@ -300,6 +302,22 @@ const routes = [{
300	}	302	}
301	},	303	},
302	{	304	{
		305	+ path: '/dayStudy',
		306	+ name: 'dayStudy',
		307	+ component: dayStudy,
		308	+ meta: {
		309	+ title: '每日一习'
		310	+ }
		311	+},
		312	+{
		313	+ path: '/studyList',
		314	+ name: 'studyList',
		315	+ component: studyList,
		316	+ meta: {
		317	+ title: '每日一习'
		318	+ }
		319	+},
		320	+{
303	path: '/ans_question',	321	path: '/ans_question',
304	name: 'ans_question',	322	name: 'ans_question',
305	component: ans_question,	323	component: ans_question,
	@@ -0,0 +1,115 @@		@@ -0,0 +1,115 @@
		1	+[{
		2	+ "title": "云门探幽",
		3	+ "greyTitle": "云门探幽",
		4	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/528f3c1e-6ca4-4772-9ff8-692daceebf30.mp4",
		5	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/68c6d9c3-9c8b-4ba7-9236-f81502a64b03.png"
		6	+ },
		7	+ {
		8	+ "title": "红色历史藏品馆研学游",
		9	+ "greyTitle": "中国轻纺城小学",
		10	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/7bbeceda-5ad6-453b-93a8-6012bd5fc0b0.mp4",
		11	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/2b26de50-f3b7-41e5-b26e-17f82585f58b.png"
		12	+ },
		13	+ {
		14	+ "title": "学思践悟力行厚植家国情怀",
		15	+ "greyTitle": "中国轻纺城小学",
		16	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/8f5c46ba-642e-4ed3-96d9-a16dc80add1c.mp4",
		17	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/47da2a1e-bde0-427d-ad69-07f358ca88f0.png"
		18	+ },
		19	+ {
		20	+ "title": "研游古镇文化传承",
		21	+ "greyTitle": "管宁实验小学",
		22	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/f2631823-223e-4943-9d4a-a42bd2729ae1.mp4",
		23	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/2be4de3e-c811-48a1-b572-f7bf0dec5827.png"
		24	+ },
		25	+ {
		26	+ "title": "快板研学对话非遗",
		27	+ "greyTitle": "区实验小学",
		28	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/1646ee17-075b-4063-ae5d-418998e2e725.mp4",
		29	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/79f26127-e7e7-4ac2-9001-4d29da73bcca.png"
		30	+ },
		31	+ {
		32	+ "title": "赓续红色根脉争做新时代好少年",
		33	+ "greyTitle": "中国轻纺城小学",
		34	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/5f734287-aeb8-4450-8e06-bd76a591ff4d.mp4",
		35	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/acac7ab3-b6d1-4dec-ae43-89bf70fe47db.png"
		36	+ },
		37	+ {
		38	+ "title": "学匠人精神传非遗文化",
		39	+ "greyTitle": "柯桥区华舍小学",
		40	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/fb92a91e-849b-4e1c-89fe-d54ccba7543c.mp4",
		41	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/b9ca9cbb-6595-49a5-b67d-1f75ad69d075.png"
		42	+ },
		43	+ {
		44	+ "title": "研学红色历史守好红色根脉",
		45	+ "greyTitle": "鉴湖小学",
		46	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/a622c0aa-89f0-44bf-8e5b-de3d3032773f.mp4",
		47	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/a921acd2-e156-4f6e-9994-fc8ab2116756.png"
		48	+ },
		49	+ {
		50	+ "title": "研学历史守好根脉",
		51	+ "greyTitle": "中国轻纺城小学",
		52	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/0856b095-0df4-40cc-919c-9f9ec322f888.mp4",
		53	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/99d45d7b-29bd-4eac-95ab-902cef1c2c65.png"
		54	+ },
		55	+ {
		56	+ "title": "红色根脉润人传承红色基因",
		57	+ "greyTitle": "平水镇中心小学",
		58	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/a3cb65fc-2349-4d99-83df-2b19d6dc588a.mp4",
		59	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/c83dacd5-ea4d-4364-a823-d1809e58c66d.png"
		60	+ },
		61	+ {
		62	+ "title": "学习周总理精神争做新时代先锋",
		63	+ "greyTitle": "中国轻纺城第二小学",
		64	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/44196822-f80a-4061-b40c-ab1dbaeb98b4.mp4",
		65	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/48c45eb5-6a9d-44b1-93ac-a521a3fabea2.png"
		66	+ },
		67	+ {
		68	+ "title": "星星之火可以燎原",
		69	+ "greyTitle": "安昌中学",
		70	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/aa8c0e9c-e478-424a-8a03-cca0bca5849a.mp4",
		71	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/61e92214-e653-4169-935c-aab75c92253a.png"
		72	+ },
		73	+ {
		74	+ "title": "研好红色历史守好红色根脉",
		75	+ "greyTitle": "秋瑾中学",
		76	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/1bbad993-97bc-470f-b834-a226b5d06329.mp4",
		77	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/322599cb-3edd-454d-a790-09807667ab81.png"
		78	+ },
		79	+ {
		80	+ "title": "寻访革命学堂传承红色血脉",
		81	+ "greyTitle": "实验中学老校区",
		82	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/8000e8f5-ac3f-41bb-a1e7-7b57faf4456b.mp4",
		83	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/218c5da1-11c5-46f7-b6ad-a4ccfd922dbb.png"
		84	+ },
		85	+ {
		86	+ "title": "探究古越文化研磨匠人精神",
		87	+ "greyTitle": "实验中学新校区",
		88	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/28de1dcb-248d-4bb4-ac6e-a07003fbcd54.mp4",
		89	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/0a49b9af-0d00-4e40-8d1c-16e1fbd6cdb5.png"
		90	+ },
		91	+ {
		92	+ "title": "红色研学实践——车头战役纪念馆",
		93	+ "greyTitle": "稽东镇中学",
		94	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/0944c644-c9ab-458e-9c8c-1c4f63680c6f.mp4",
		95	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/da743110-5292-4231-ba81-453758ef3706.png"
		96	+ },
		97	+ {
		98	+ "title": "研学红色历史守好红色根脉",
		99	+ "greyTitle": "柯岩中学",
		100	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/9963a86e-ba1b-4134-ba21-eface88c7814.mp4",
		101	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/ff3ebbd3-c7e2-4b04-b7fb-fc7a8b6601b0.png"
		102	+ },
		103	+ {
		104	+ "title": "追寻红色记忆争做“六有”青年",
		105	+ "greyTitle": "鲁迅高级中学",
		106	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/cbcdb0ea-3315-407f-9afb-0140f284ca5a.mp4",
		107	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/1157929d-c99a-431e-932f-a0e1a626c9e8.png"
		108	+ },
		109	+ {
		110	+ "title": "中共诸暨县一大会址",
		111	+ "greyTitle": "职业教育中心",
		112	+ "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/3deff0fd-4091-4767-b884-11625464f1f0.mp4",
		113	+ "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/a277daff-e8fe-43f0-a9dc-b41727af9ef3.png"
		114	+ }
		115	+]
0	\ No newline at end of file	116	\ No newline at end of file
	@@ -0,0 +1,78 @@		@@ -0,0 +1,78 @@
		1	+<template>
		2	+ <div>
		3	+ <div class="card" v-for="(v, i) in dataList" :key="i" @click="toPath(v)">
		4	+ <div class="card_pic">
		5	+ <img :src="v.url" />
		6	+ </div>
		7	+ <div class="card_context">
		8	+ <div class="title">建党百年党课</div>
		9	+ <div class="group_font">走进红色故地，重温红色精神</div>
		10	+ </div>
		11	+ </div>
		12	+
		13	+ <tabbar4 active="yanxue"></tabbar4>
		14	+ </div>
		15	+</template>
		16	+
		17	+<script>
		18	+import Tabbar4 from "@/component/Tabbar4";
		19	+import videoList from '@/views/dayStudy/data.json'
		20	+export default {
		21	+ components: { Tabbar4 },
		22	+ data() {
		23	+ return {
		24	+ dataList: [
		25	+ {
		26	+ url: "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/fe0668e6-ecd1-4df4-b416-f9bd6802c06c.png",
		27	+ path: 'studyList'
		28	+ },
		29	+ {
		30	+ url: "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/fe0668e6-ecd1-4df4-b416-f9bd6802c06c.png",
		31	+ },
		32	+ ],
		33	+ };
		34	+ },
		35	+ methods: {
		36	+ toPath(val) {
		37	+ console.log(val)
		38	+ this.$router.push(val.path)
		39	+ }
		40	+ }
		41	+};
		42	+</script>
		43	+
		44	+<style lang="scss" scoped>
		45	+.card {
		46	+ width: 100vw;
		47	+ height: 530px;
		48	+ background-color: #fff;
		49	+ margin-bottom: 30px;
		50	+
		51	+ .card_pic {
		52	+ height: 400px;
		53	+
		54	+ img {
		55	+ width: 100%;
		56	+ height: 100%;
		57	+ }
		58	+ }
		59	+ .card_context {
		60	+ height: calc(530px - 400px);
		61	+ padding: 20px 50px 10px;
		62	+ box-sizing: border-box;
		63	+ display: flex;
		64	+ align-content: space-between;
		65	+ flex-wrap: wrap;
		66	+
		67	+ .title {
		68	+ width: 100%;
		69	+ font-weight: bold;
		70	+ font-size: 32px;
		71	+ }
		72	+ .group_font {
		73	+ font-size: 28px;
		74	+ color: #999;
		75	+ }
		76	+ }
		77	+}
		78	+</style>
0	\ No newline at end of file	79	\ No newline at end of file
	@@ -0,0 +1,71 @@		@@ -0,0 +1,71 @@
		1	+<template>
		2	+ <div>
		3	+ <div class="card" v-for="(v, i) in videoList" :key="i" @click="toPath(v)">
		4	+ <div class="card_pic">
		5	+ <img :src="v.url" />
		6	+ </div>
		7	+ <div class="card_context">
		8	+ <div class="title">{{v.title}}</div>
		9	+ <div class="group_font">{{v.greyTitle}}</div>
		10	+ </div>
		11	+ </div>
		12	+
		13	+ </div>
		14	+</template>
		15	+
		16	+<script>
		17	+import videoList from '@/views/dayStudy/data.json'
		18	+export default {
		19	+ data() {
		20	+ return {
		21	+ };
		22	+ },
		23	+ computed: {
		24	+ videoList() {
		25	+ return videoList
		26	+ }
		27	+ },
		28	+ methods: {
		29	+ toPath(val) {
		30	+ console.log(val)
		31	+ window.open(val.videoUrl)
		32	+ }
		33	+ }
		34	+};
		35	+</script>
		36	+
		37	+<style lang="scss" scoped>
		38	+.card {
		39	+ width: 100vw;
		40	+ height: 530px;
		41	+ background-color: #fff;
		42	+ margin-bottom: 30px;
		43	+
		44	+ .card_pic {
		45	+ height: 400px;
		46	+
		47	+ img {
		48	+ width: 100%;
		49	+ height: 100%;
		50	+ }
		51	+ }
		52	+ .card_context {
		53	+ height: calc(530px - 400px);
		54	+ padding: 20px 50px 10px;
		55	+ box-sizing: border-box;
		56	+ display: flex;
		57	+ align-content: space-between;
		58	+ flex-wrap: wrap;
		59	+
		60	+ .title {
		61	+ width: 100%;
		62	+ font-weight: bold;
		63	+ font-size: 32px;
		64	+ }
		65	+ .group_font {
		66	+ font-size: 28px;
		67	+ color: #999;
		68	+ }
		69	+ }
		70	+}
		71	+</style>
0	\ No newline at end of file	72	\ No newline at end of file