SxhGroup / sxhPersonalCenterZLB

Download as
Browse Code »

Commit f8613ffe5c1ffea4cc36d27b2b824fbda94a1fc2

Authored by 边
1 parent 4b6e77fa
Exists in master

feat: 浙里办 - 每日一习

Showing 7 changed files with 284 additions and 1 deletions   Show diff stats
src/component/Tabbar4.vue
  Diff comments   View file @f8613ff
... ... @@ -37,7 +37,8 @@ export default {
37 37 handYanxue () {
38 38 // this.$router.push({ name: 'ServiceKQ', query: { showTab: 'ZZY' },replace:true })
39 39 // this.$router.replace({ path:'/YanxuePage' })
40   - this.$router.replace({ path:'/stars' })
  40 + // this.$router.replace({ path:'/stars' })
  41 + this.$router.replace({ path:'/dayStudy' })
41 42 },
42 43 handleKQ () {
43 44 // this.$router.push({ name: 'ServiceKQ', query: { showTab: 'KQ' },replace:true })
... ...
src/router/index.js
  Diff comments   View file @f8613ff
... ... @@ -39,6 +39,8 @@ import ans_rank from '@/views/answerRank/ans_rank.vue' //答题排行榜
39 39 import brush_questions from '@/views/answerRank/brush_questions.vue' //刷题记录
40 40 import category from '@/views/answerRank/category.vue' //题库
41 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 44 import ans_question from '@/views/answerRank/ans_question.vue' //答题
43 45 import switchUser from '@/views/answerRank/switchUser.vue' //切换
44 46  
... ... @@ -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 321 path: '/ans_question',
304 322 name: 'ans_question',
305 323 component: ans_question,
... ...
src/views/answerRank/答题 0 → 100644
  Diff comments   View file @f8613ff
src/views/dayStudy/data.json 0 → 100644
  Diff comments   View file @f8613ff
... ... @@ -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 116 \ No newline at end of file
... ...
src/views/dayStudy/dayStudy.vue 0 → 100644
  Diff comments   View file @f8613ff
... ... @@ -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 79 \ No newline at end of file
... ...
src/views/dayStudy/studyList.vue 0 → 100644
  Diff comments   View file @f8613ff
... ... @@ -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 72 \ No newline at end of file
... ...
src/views/dayStudy/每日一习 0 → 100644
  Diff comments   View file @f8613ff