From a3fab231ce88cacf3daff3daaee9f4cbc1df9ebe Mon Sep 17 00:00:00 2001 From: 伽蓝 <1873799138@qq.com> Date: Thu, 1 Sep 2022 16:05:24 +0800 Subject: [PATCH] feat：答题页面 --- src/assets/rank/by.png | Bin 9958 -> 0 bytes src/assets/rank/qt.png | Bin 0 -> 9958 bytes src/assets/rank/wx_back.png | Bin 0 -> 479982 bytes src/component/Tabbar4.vue | 4 ++-- src/router/index.js | 9 +++++++++ src/views/Home/Home.vue | 11 +++++++++++ src/views/answerRank/ans_question.vue | 116 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ src/views/answerRank/stars.vue | 130 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------- 8 files changed, 254 insertions(+), 16 deletions(-) delete mode 100644 src/assets/rank/by.png create mode 100644 src/assets/rank/qt.png create mode 100644 src/assets/rank/wx_back.png create mode 100644 src/views/answerRank/ans_question.vue diff --git a/src/assets/rank/by.png b/src/assets/rank/by.png deleted file mode 100644 index d3b512c..0000000 Binary files a/src/assets/rank/by.png and /dev/null differ diff --git a/src/assets/rank/qt.png b/src/assets/rank/qt.png new file mode 100644 index 0000000..d3b512c Binary files /dev/null and b/src/assets/rank/qt.png differ diff --git a/src/assets/rank/wx_back.png b/src/assets/rank/wx_back.png new file mode 100644 index 0000000..d331330 Binary files /dev/null and b/src/assets/rank/wx_back.png differ diff --git a/src/component/Tabbar4.vue b/src/component/Tabbar4.vue index 88f9efe..29b03f1 100644 --- a/src/component/Tabbar4.vue +++ b/src/component/Tabbar4.vue @@ -10,11 +10,11 @@

每日一习

- +
diff --git a/src/router/index.js b/src/router/index.js index 8e02693..f84699b 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -43,6 +43,7 @@ import rank from '@/views/answerRank/rank.vue' //排行榜 import ans_rank from '@/views/answerRank/ans_rank.vue' //答题排行榜 import brush_questions from '@/views/answerRank/brush_questions.vue' //刷题记录 import stars from '@/views/answerRank/stars.vue' //五星少年 +import ans_question from '@/views/answerRank/ans_question.vue' //答题 Vue.use(VueRouter) const [routerPush, routerReplace] = [VueRouter.prototype.push, VueRouter.prototype.replace]; @@ -334,6 +335,14 @@ const routes = [{ } }, { + path: '/ans_question', + name: 'ans_question', + component: ans_question, + meta: { + title: '答题' + } + }, + { path: '/YanxueDetail', name: 'YanxueDetail', component: YanxueDetail, diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue index 39660ed..b575306 100644 --- a/src/views/Home/Home.vue +++ b/src/views/Home/Home.vue @@ -27,6 +27,13 @@
+
+
+ + 五星少年 +
+ +
@@ -169,6 +176,10 @@ export default { }) } }, + //五星少年 + handleStars() { + this.$router.push({name: 'stars'}) + }, // 清除缓存 handleClearCache() { this.$toast.loading({ diff --git a/src/views/answerRank/ans_question.vue b/src/views/answerRank/ans_question.vue new file mode 100644 index 0000000..5a8d686 --- /dev/null +++ b/src/views/answerRank/ans_question.vue @@ -0,0 +1,116 @@ + + + + + \ No newline at end of file diff --git a/src/views/answerRank/stars.vue b/src/views/answerRank/stars.vue index 7d8f0d6..e0915c6 100644 --- a/src/views/answerRank/stars.vue +++ b/src/views/answerRank/stars.vue @@ -53,7 +53,22 @@
+
+ +
+
+
+ +
+
+
{{ v.name }}
+
{{ v.text }}
+
+
+
开始答题
+
+
@@ -61,7 +76,32 @@ @@ -70,19 +110,19 @@ export default { .bck { position: absolute; width: 100vw; - min-height: 100vh; - background-image: url("../../assets/rank/red_rank.png"); + height: 30vh; + background-image: url("../../assets/rank/wx_back.png"); -moz-background-size: 100% 100%; background-size: 100% 100%; .box { display: flex; justify-content: space-between; - margin: 5vw 3vw; + margin: 5vw 3vw 8vw; .box_L { width: 45vw; - height: 350px; + height: 360px; background-color: #fff; border-radius: 30px; padding: 3vw 2vw; @@ -90,6 +130,7 @@ export default { display: flex; flex-wrap: wrap; align-content: space-between; + border: 1px solid #ff6868; .L_top { width: 100%; @@ -136,7 +177,7 @@ export default { font-size: 25px; .grey_font { - color:#999; + color: #999; font-size: 25px; margin-top: 5px; } @@ -157,19 +198,20 @@ export default { } .box_R { width: 45vw; - height: 350px; + height: 360px; display: flex; flex-wrap: wrap; align-content: space-between; .box_R_item { width: 100%; - height: 170px; + height: 165px; border-radius: 30px; display: flex; justify-content: space-between; padding: 20px 30px; box-sizing: border-box; + background-color: #fff; .title { font-size: 30px; @@ -195,12 +237,72 @@ export default { } .card { - width: 100%; - min-height: 800px; - background-color: #fff; - border-radius: 30px; - padding: 2vw; - box-sizing: border-box; + width: 100%; + min-height: 800px; + background-color: #fff; + border-radius: 30px; + padding: 5vw 3vw; + box-sizing: border-box; + + .picBox { + width: 100%; + margin-bottom: 30px; + + img { + width: 100%; + height: 100%; + } + } + + .flexBox { + display: flex; + justify-content: space-between; + padding: 5vw 3vw; + box-sizing: border-box; + border-bottom: 1px solid #f1f1f1; + + .tipPic { + img { + width: 16vw; + height: 16vw; + } + } + .context { + display: flex; + align-content: space-between; + flex-wrap: wrap; + padding: 5px 0; + box-sizing: border-box; + margin-left: 3vw; + + .context_title { + width: 100%; + font-size: 36px; + color: #333333; + } + .context_grey { + font-size: 30px; + color: #999999; + } + } + .btnBox { + display: flex; + justify-content: flex-end; + align-items: center; + + .btn { + width: 180px; + height: 70px; + background-color: #fff2f2; + color: #ff6868; + padding: 10px 30px; + box-sizing: border-box; + font-size: 28px; + border-radius: 30px; + text-align: center; + } + } + } } } \ No newline at end of file -- libgit2 0.21.0