SxhGroup / sxhPersonalCenterZLB

Download as
Browse Code »

Commit 9075bd15f0d1793775a3df17b3324d1624d4c1cc

Authored by 边
1 parent f8613ffe
Exists in master

feat：每日一习调整，添加视频列

Showing 6 changed files with 87 additions and 63 deletions   Show diff stats
src/assets/main1.png 0 → 100644
View file @9075bd1

323 KB
src/assets/main2.png 0 → 100644
View file @9075bd1

310 KB
src/assets/main3.png 0 → 100644
View file @9075bd1

106 KB
src/views/answerRank/stars.vue
  Diff comments   View file @9075bd1
@@ -78,7 +78,7 @@ @@ -78,7 +78,7 @@
78 </div> 78 </div>
79 </div> 79 </div>
80 </div> 80 </div>
81 - <tabbar4 active="yanxue"></tabbar4> 81 + <!-- <tabbar4 active="yanxue"></tabbar4> -->
82 </div> 82 </div>
83 </template> 83 </template>
84 84
src/views/dayStudy/dayStudy.vue
  Diff comments   View file @9075bd1
1 <template> 1 <template>
2 - <div> 2 + <div class="box">
3 <div class="card" v-for="(v, i) in dataList" :key="i" @click="toPath(v)"> 3 <div class="card" v-for="(v, i) in dataList" :key="i" @click="toPath(v)">
4 <div class="card_pic"> 4 <div class="card_pic">
5 <img :src="v.url" /> 5 <img :src="v.url" />
6 </div> 6 </div>
7 <div class="card_context"> 7 <div class="card_context">
8 - <div class="title">建党百年党课</div>  
9 - <div class="group_font">走进红色故地，重温红色精神</div> 8 + <div class="title">{{v.title}}</div>
  9 + <div class="group_font">{{v.greyTitle}}</div>
10 </div> 10 </div>
11 </div> 11 </div>
12 12
@@ -17,17 +17,31 @@ @@ -17,17 +17,31 @@
17 <script> 17 <script>
18 import Tabbar4 from "@/component/Tabbar4"; 18 import Tabbar4 from "@/component/Tabbar4";
19 import videoList from '@/views/dayStudy/data.json' 19 import videoList from '@/views/dayStudy/data.json'
  20 +import main1 from '@/assets/main1.png'
  21 +import main2 from '@/assets/main2.png'
  22 +import main3 from '@/assets/main3.png'
20 export default { 23 export default {
21 components: { Tabbar4 }, 24 components: { Tabbar4 },
22 data() { 25 data() {
23 return { 26 return {
24 dataList: [ 27 dataList: [
25 { 28 {
26 - url: "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/fe0668e6-ecd1-4df4-b416-f9bd6802c06c.png", 29 + url: main2,
  30 + title: "研学红色历史 守好红色根脉",
  31 + greyTitle: "红色研学实践成果",
27 path: 'studyList' 32 path: 'studyList'
28 }, 33 },
29 { 34 {
30 - url: "https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/fe0668e6-ecd1-4df4-b416-f9bd6802c06c.png", 35 + url: main1,
  36 + title: "重温总书记寄语 重走光辉百年路",
  37 + greyTitle: "主题教育成果展示",
  38 + path: 'YanxuePage'
  39 + },
  40 + {
  41 + url: main3,
  42 + title: "每日一题",
  43 + greyTitle: "红色网上游知识竞赛",
  44 + path: 'stars'
31 }, 45 },
32 ], 46 ],
33 }; 47 };
@@ -42,36 +56,41 @@ export default { @@ -42,36 +56,41 @@ export default {
42 </script> 56 </script>
43 57
44 <style lang="scss" scoped> 58 <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; 59 +.box {
  60 + padding-bottom: 150px;
  61 + box-sizing: border-box;
66 62
67 - .title {  
68 - width: 100%;  
69 - font-weight: bold;  
70 - font-size: 32px; 63 + .card {
  64 + width: 100vw;
  65 + height: 535px;
  66 + background-color: #fff;
  67 + margin-bottom: 35px;
  68 +
  69 + .card_pic {
  70 + height: 400px;
  71 +
  72 + img {
  73 + width: 100%;
  74 + height: 100%;
  75 + }
71 } 76 }
72 - .group_font {  
73 - font-size: 28px;  
74 - color: #999; 77 + .card_context {
  78 + height: calc(535px - 400px);
  79 + padding: 25px 50px 10px;
  80 + box-sizing: border-box;
  81 + display: flex;
  82 + align-content: space-between;
  83 + flex-wrap: wrap;
  84 +
  85 + .title {
  86 + width: 100%;
  87 + font-weight: bold;
  88 + font-size: 32px;
  89 + }
  90 + .group_font {
  91 + font-size: 28px;
  92 + color: #999;
  93 + }
75 } 94 }
76 } 95 }
77 } 96 }
src/views/dayStudy/studyList.vue
  Diff comments   View file @9075bd1
1 <template> 1 <template>
2 - <div> 2 + <div class="box">
3 <div class="card" v-for="(v, i) in videoList" :key="i" @click="toPath(v)"> 3 <div class="card" v-for="(v, i) in videoList" :key="i" @click="toPath(v)">
4 <div class="card_pic"> 4 <div class="card_pic">
5 <img :src="v.url" /> 5 <img :src="v.url" />
@@ -35,36 +35,41 @@ export default { @@ -35,36 +35,41 @@ export default {
35 </script> 35 </script>
36 36
37 <style lang="scss" scoped> 37 <style lang="scss" scoped>
38 -.card {  
39 - width: 100vw;  
40 - height: 530px;  
41 - background-color: #fff;  
42 - margin-bottom: 30px; 38 +.box {
  39 + padding-bottom: 30px;
  40 + box-sizing: border-box;
43 41
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; 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 + }
64 } 55 }
65 - .group_font {  
66 - font-size: 28px;  
67 - color: #999; 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 + }
68 } 73 }
69 } 74 }
70 } 75 }