- 初始化项目
- 添加登录注册功能
Change-Id: I4ceb5400dca3042f2f31232eaf246df83d57b9be
登录注册
Change-Id: Iee4aca2a0871ab46a95208ece13053e92b615b2e
init main page
Change-Id: I6c59617a37bbe71f115a43beb884c8596fb29c39
init main page, fix bug
Change-Id: I3eba8d45f017bbf303eb7462f305b5ca5661342f
首页
Change-Id: I7f6798780864af433b54f1c73721f631900d87f5
首页
Change-Id: I8368ab349bfa014ab306d0bf4bd4ced0e361cdd5
diff --git a/src/pages/MainPage/MainPage.css b/src/pages/MainPage/MainPage.css
new file mode 100644
index 0000000..60f2956
--- /dev/null
+++ b/src/pages/MainPage/MainPage.css
@@ -0,0 +1,88 @@
+.main-page {
+ background-color: #5c3f31;
+ color: white;
+ }
+ .header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 10px;
+ }
+ .logo-and-name {
+ display: flex;
+ align-items: center;
+ }
+ .logo {
+ height: 30px;
+ margin-right: 10px;
+ }
+ .site-name {
+ font-size: 24px;
+ }
+ .user-and-message {
+ display: flex;
+ align-items: center;
+ }
+ .user-avatar {
+ height: 40px;
+ margin-right: 10px;
+ }
+ .message-center {
+ font-size: 16px;
+ }
+ .nav {
+ background-color: #b38867;
+ display: flex;
+ justify-content: center;
+ }
+ .nav-item {
+ color: white;
+ text-decoration: none;
+ padding: 10px 20px;
+ }
+ .active {
+ background-color: #996633;
+ }
+ .content {
+ padding: 20px;
+ }
+ .user-post {
+ border-bottom: 1px solid white;
+ margin-bottom: 20px;
+ padding-bottom: 20px;
+ }
+ .user-info {
+ display: flex;
+ align-items: center;
+ margin-bottom: 10px;
+ }
+ .user-avatar-small {
+ height: 30px;
+ margin-right: 10px;
+ }
+ .username {
+ font-size: 16px;
+ }
+ .post-content {
+ margin-bottom: 10px;
+ }
+ .post-actions {
+ display: flex;
+ align-items: center;
+ margin-bottom: 10px;
+ }
+ .like-icon,
+ .comment-icon {
+ margin-right: 5px;
+ }
+ .like-count,
+ .comment-count {
+ margin-left: 5px;
+ }
+ .post-image {
+ float: right;
+ width: 150px;
+ height: 150px;
+ background-color: #ddd;
+ margin-left: 10px;
+ }
\ No newline at end of file