SxhGroup / sxhPersonalCenterZLB

Download as
Browse Code »

Commit 7c53ddd250c9fac8f12a9d62724bec5ab27a1325

Authored by 边
1 parent 4a0e3681
Exists in master

feat：添加热爱生命暑假模块

Showing 5 changed files with 189 additions and 0 deletions   Show diff stats
src/assets/main4.png 0 → 100644
View file @7c53ddd

397 KB
src/router/index.js
  Diff comments   View file @7c53ddd
... ... @@ -41,6 +41,7 @@ import category from '@/views/answerRank/category.vue' //题库
41 41 import stars from '@/views/answerRank/stars.vue' //五星少年
42 42 import dayStudy from '@/views/dayStudy/dayStudy.vue' //每日一习主页面
43 43 import studyList from '@/views/dayStudy/studyList.vue' //每日一习主页面
  44 +import summerVacation from '@/views/dayStudy/summerVacation.vue' //每日一习主页面
44 45 import ans_question from '@/views/answerRank/ans_question.vue' //答题
45 46 import switchUser from '@/views/answerRank/switchUser.vue' //切换
46 47 import store from '../store'
... ... @@ -319,6 +320,14 @@ const routes = [{
319 320 }
320 321 },
321 322 {
  323 + path: '/summerVacation',
  324 + name: 'summerVacation',
  325 + component: summerVacation,
  326 + meta: {
  327 + title: '每日一习'
  328 + }
  329 +},
  330 +{
322 331 path: '/ans_question',
323 332 name: 'ans_question',
324 333 component: ans_question,
... ...
src/views/dayStudy/data2.json 0 → 100644
  Diff comments   View file @7c53ddd
... ... @@ -0,0 +1,97 @@
  1 +[{
  2 + "title": "探寻柯桥古镇笛里故事",
  3 + "greyTitle": "实验小学坂湖校区",
  4 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/9dccfee9-c0a2-464f-a5e3-e781b2114876.mp4",
  5 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/7ee2e15c-60ff-428d-9b5d-3243fd1c8c50.png"
  6 + },
  7 + {
  8 + "title": "行走间，我看见",
  9 + "greyTitle": "中国轻纺城小学",
  10 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/5b0a4aab-d06e-4fb5-9c73-5085b933c7ec.mp4",
  11 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/28d8370b-3e58-4003-8ca8-bc9b56f34c48.png"
  12 + },
  13 + {
  14 + "title": "寻根·探根·成长",
  15 + "greyTitle": "马鞍中心小学山海校区",
  16 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/f8dac2fc-2c0d-4d09-845f-b4ec803a70d0.mp4",
  17 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/7f4d3eec-95ff-4051-ad29-226bed14f853.png"
  18 + },
  19 + {
  20 + "title": "寻访家乡名人，弘扬爱国精神",
  21 + "greyTitle": "柯岩中心小学育才路校区",
  22 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/ce9b9a2c-9086-47bd-92ba-a0453cedf5fb.mp4",
  23 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/976ffbc2-f757-42d9-82ba-737213bd8a4b.png"
  24 + },
  25 + {
  26 + "title": "千年国粹 越酿传承",
  27 + "greyTitle": "管宁实验小学",
  28 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/c490722e-d2f3-45a6-a701-dde2cd51f220.mp4",
  29 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/c925beb1-247d-4cf3-bd41-16cfc7e3e5dc.png"
  30 + },
  31 + {
  32 + "title": "水乡东湖行",
  33 + "greyTitle": "平水镇中心小学",
  34 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/45d9679c-dc23-4f53-9a19-287be64e3bbf.mp4",
  35 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/cdb0ec5a-3bd2-4165-b8fc-06323a5ecefb.png"
  36 + },
  37 + {
  38 + "title": "生命博爱体验馆研学之旅",
  39 + "greyTitle": "中国轻纺城小学",
  40 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/0d5c997a-14f9-4145-8b34-01ae1d9ea021.mp4",
  41 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/74d7dbe3-2e21-4224-8572-43d961b5e3cc.png"
  42 + },
  43 + {
  44 + "title": "我是柯桥小主人，亚运等你一起来",
  45 + "greyTitle": "柯桥小学",
  46 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/c1f8ef52-7d77-4fe4-9c7b-7f466b13414c.mp4",
  47 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/18f19ae6-1244-4f15-b1d6-738d50be2830.png"
  48 + },
  49 + {
  50 + "title": "游云门寺",
  51 + "greyTitle": "平水镇中心小学",
  52 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/30c74a72-a8fb-4466-8ef9-5a921742f105.mp4",
  53 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/91858637-949e-42a7-943f-7eed873b318e.png"
  54 + },
  55 + {
  56 + "title": "传承中医文化 弘扬中华国粹",
  57 + "greyTitle": "安昌小学",
  58 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/6de060b8-9f5a-4a9f-b8c9-e276092e80ad.mp4",
  59 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/5e565cd7-901a-4709-8575-75f2e5943227.png"
  60 + },
  61 + {
  62 + "title": "趣味留心中 手艺我传承",
  63 + "greyTitle": "湖塘中心小学型塘校区",
  64 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/02b33363-269f-4019-ba62-a78c40df94b6.mp4",
  65 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/f5b432c4-d3de-4be9-ae75-6c5be4c3313d.png"
  66 + },
  67 + {
  68 + "title": "王阳明故里研学",
  69 + "greyTitle": "平水镇中心小学",
  70 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/06e260e2-e13c-42e5-840e-2f703387bd50.mp4",
  71 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/c1e54a6a-19fc-440b-a104-7588e2c01b0e.png"
  72 + },
  73 + {
  74 + "title": "亿年前的定格",
  75 + "greyTitle": "实验中学",
  76 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/07c25c21-ae78-4858-8829-259550f4f89c.mp4",
  77 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/e1bec9a0-1abc-42d7-9d6e-7078a5ed8dfb.png"
  78 + },
  79 + {
  80 + "title": "生命成长实践",
  81 + "greyTitle": "柯岩中学",
  82 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/1ae3dc06-65d6-4bcb-b0ad-c4edfaf0140c.mp4",
  83 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/396e19e8-3e36-4aa6-ab82-f81ad95b2878.png"
  84 + },
  85 + {
  86 + "title": "传承纺织精神，织就锦绣蓝图",
  87 + "greyTitle": "实验中学",
  88 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/bbdff21b-1812-4e22-b435-fc8fa9689b16.mp4",
  89 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/39835ef5-5dec-401b-9251-939b3f725af0.png"
  90 + },
  91 + {
  92 + "title": "品韵江南 传统文化",
  93 + "greyTitle": "柯岩中学",
  94 + "videoUrl": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/36dd68c2-1d37-4816-ac1e-745d357299ca.mp4",
  95 + "url": "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/cloudVideo/activityImage/c8004d99-b12f-4d24-998b-882b8b85d539.png"
  96 + }
  97 +]
0 98 \ No newline at end of file
... ...
src/views/dayStudy/dayStudy.vue
  Diff comments   View file @7c53ddd
... ... @@ -20,12 +20,19 @@ import videoList from '@/views/dayStudy/data.json'
20 20 import main1 from '@/assets/main1.png'
21 21 import main2 from '@/assets/main2.png'
22 22 import main3 from '@/assets/main3.png'
  23 +import main4 from '@/assets/main4.png'
23 24 export default {
24 25 components: { Tabbar4 },
25 26 data() {
26 27 return {
27 28 dataList: [
28 29 {
  30 + url: main4,
  31 + title: "热爱生命 珍惜生命",
  32 + greyTitle: "暑期生命成长实践活动成果",
  33 + path: 'summerVacation'
  34 + },
  35 + {
29 36 url: main2,
30 37 title: "研学红色历史 守好红色根脉",
31 38 greyTitle: "红色研学实践成果",
... ...
src/views/dayStudy/summerVacation.vue 0 → 100644
  Diff comments   View file @7c53ddd
... ... @@ -0,0 +1,76 @@
  1 +<template>
  2 + <div class="box">
  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/data2.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 +.box {
  39 + padding-bottom: 30px;
  40 + box-sizing: border-box;
  41 +
  42 + .card {
  43 + width: 100vw;
  44 + height: 535px;
  45 + background-color: #fff;
  46 + margin-bottom: 30px;
  47 +
  48 + .card_pic {
  49 + height: 400px;
  50 +
  51 + img {
  52 + width: 100%;
  53 + height: 100%;
  54 + }
  55 + }
  56 + .card_context {
  57 + height: calc(535px - 400px);
  58 + padding: 25px 50px 10px;
  59 + box-sizing: border-box;
  60 + display: flex;
  61 + align-content: space-between;
  62 + flex-wrap: wrap;
  63 +
  64 + .title {
  65 + width: 100%;
  66 + font-weight: bold;
  67 + font-size: 32px;
  68 + }
  69 + .group_font {
  70 + font-size: 28px;
  71 + color: #999;
  72 + }
  73 + }
  74 + }
  75 +}
  76 +</style>
0 77 \ No newline at end of file
... ...