From 57bbe3bf87bddece3bf059db2b3a2828d07f1058 Mon Sep 17 00:00:00 2001 From: Zhang HaoYang <1304907854@qq.com> Date: Sat, 1 Jul 2023 13:53:50 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/styles/element-variables.scss | 32 +++- src/components/Monthly.vue | 177 ++++++++++++++++------- src/components/Paper.vue | 38 ++++- src/components/ProjectDetail.vue | 13 ++ src/components/Ranking.vue | 41 ++++-- 5 files changed, 226 insertions(+), 75 deletions(-) create mode 100644 src/components/ProjectDetail.vue diff --git a/src/assets/styles/element-variables.scss b/src/assets/styles/element-variables.scss index 7849733..47e0d6c 100644 --- a/src/assets/styles/element-variables.scss +++ b/src/assets/styles/element-variables.scss @@ -32,8 +32,8 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts'; } .PageHeader{ width:53vw; - height:70px; - margin-left:20vw; + height:55px; + margin-left:13vw; margin-top:50px; border-radius: 6px; background-color: #ffffff; @@ -41,9 +41,33 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts'; } .PageContent{ width:53vw; - margin-left:20vw; + margin-left:13vw; margin-top:20px; border-radius: 6px; background-color: #ffffff; - box-shadow: -10px 5px 10px 5px #eaeaea + box-shadow: -10px 5px 10px 5px #eaeaea; +} +.UserInfo{ + width:20vw; + margin-left:20px; + margin-top:50px; + border-radius: 6px; + background-color: #ffffff; + box-shadow: -10px 5px 10px 5px #eaeaea; +} +.RightContent{ + width:20vw; + margin-top:10px; + margin-left:20px; + border-radius: 6px; + background-color: #ffffff; + box-shadow: -10px 5px 10px 5px #eaeaea; +} +.ReferralProgram{ + width:20vw; + margin-top:10px; + margin-left:20px; + border-radius: 6px; + background-color: #ffffff; + box-shadow: -10px 5px 10px 5px #eaeaea; } \ No newline at end of file diff --git a/src/components/Monthly.vue b/src/components/Monthly.vue index 225e800..1e91137 100644 --- a/src/components/Monthly.vue +++ b/src/components/Monthly.vue @@ -3,65 +3,133 @@ -
-
-
- -
-
- HelloGitHub 月刊 -
- -
-
-
- - -

{{ item }}

- - -
+
-
- - - +
+
+ +
+
+ HelloGitHub 月刊 +
+ +
+
+
+ + +

{{ item }}

+ + +
+ +
+ + + - 「HelloGitHub 月刊」 - 分享 GitHub 上有趣、入门级的开源项目，每月 28 号发布最新一期。内容包 - 括开发利器、开源书籍、教程、企业级项目等， 让你发现编程的乐趣、爱上开源！ - - - -
+ 「HelloGitHub 月刊」 + 分享 GitHub 上有趣、入门级的开源项目，每月 28 号发布最新一期。内容包 + 括开发利器、开源书籍、教程、企业级项目等， 让你发现编程的乐趣、爱上开源！ + + + +
-
- - - - 已发布 - - - - - 「HelloGitHub 月刊」 - 分享 GitHub 上有趣、入门级的开源项目，每月 28 号发布最新一期。内容包 - 括开发利器、开源书籍、教程、企业级项目等， 让你发现编程的乐趣、爱上开源！ - - - - - 「HelloGitHub 月刊」 - 分享 GitHub 上有趣、入门级的开源项目，每月 28 号发布最新一期。内容包 - 括开发利器、开源书籍、教程、企业级项目等， 让你发现编程的乐趣、爱上开源！ - - - +
+ + + + 已发布 +

+ 87 +

+ 期 +
+
+
+
+ 选择期数:   + + + + +

+
+
+ 阅读该期 + + + + + 共包含 +

+ 21 +

+ 类 +
+
+
+
+ 选择分类:   + + + + +

+
+
+ 查看分类 + + + + + 项目数 +

+ 230 +

+ 个 +
+
+
+
+ 欢迎推荐和自荐项目！ +

+
+ 推荐项目 + + + +
+
+
-
+ + + + + + + + + + + + +
@@ -102,8 +170,9 @@ export default { background-image: url("../../src/assets/images/美人.jpg"); } .card_style{ + height:385px; font-size: 18px; - background-color: #fddbb8; + background-color: #fde5da; border-color: rgba(255,243,232,0.89); text-align: center; border-radius:10px; diff --git a/src/components/Paper.vue b/src/components/Paper.vue index fac1cf6..1725df0 100644 --- a/src/components/Paper.vue +++ b/src/components/Paper.vue @@ -1,18 +1,40 @@ diff --git a/src/components/ProjectDetail.vue b/src/components/ProjectDetail.vue new file mode 100644 index 0000000..7ca715b --- /dev/null +++ b/src/components/ProjectDetail.vue @@ -0,0 +1,13 @@ + + + + + \ No newline at end of file diff --git a/src/components/Ranking.vue b/src/components/Ranking.vue index 34afb71..1612113 100644 --- a/src/components/Ranking.vue +++ b/src/components/Ranking.vue @@ -1,23 +1,46 @@ \ No newline at end of file