1
This commit is contained in:
0
src/home_pages/index.scss
Normal file
0
src/home_pages/index.scss
Normal file
@@ -3,7 +3,7 @@ import { View, } from '@tarojs/components';
|
|||||||
import { check_login_status } from '@/services/loginService';
|
import { check_login_status } from '@/services/loginService';
|
||||||
import { useUserActions } from '@/store/userStore';
|
import { useUserActions } from '@/store/userStore';
|
||||||
import Taro from '@tarojs/taro';
|
import Taro from '@tarojs/taro';
|
||||||
|
import "./index.scss";
|
||||||
const HomePage: React.FC = () => {
|
const HomePage: React.FC = () => {
|
||||||
const { fetchUserInfo } = useUserActions();
|
const { fetchUserInfo } = useUserActions();
|
||||||
|
|
||||||
|
|||||||
@@ -10,7 +10,6 @@
|
|||||||
|
|
||||||
// 顶部导航栏
|
// 顶部导航栏
|
||||||
.navbar {
|
.navbar {
|
||||||
height: 56px;
|
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -50,34 +49,20 @@
|
|||||||
.category-tabs {
|
.category-tabs {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
|
justify-content: space-between;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
padding: 6px 24px;
|
padding: 6px 24px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
height: 124px;
|
||||||
|
|
||||||
.tab-item {
|
.tab-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
width: 161px;
|
||||||
}
|
|
||||||
// 消息列表
|
|
||||||
.message-list {
|
|
||||||
flex: 1;
|
|
||||||
overflow: hidden;
|
|
||||||
box-sizing: border-box;
|
|
||||||
// margin-bottom:100px;
|
|
||||||
background-color: none !important;
|
|
||||||
|
|
||||||
.message-list-content {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
padding: 12px 12px 112px;
|
|
||||||
gap: 8px;
|
|
||||||
padding: 12px 15px;
|
|
||||||
flex: 1;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.2s;
|
|
||||||
|
|
||||||
.tab-icon {
|
.tab-icon {
|
||||||
width: 56px;
|
width: 56px;
|
||||||
@@ -109,6 +94,27 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 消息列表
|
||||||
|
// .message-list {
|
||||||
|
// flex: 1;
|
||||||
|
// overflow: hidden;
|
||||||
|
// box-sizing: border-box;
|
||||||
|
// // margin-bottom:100px;
|
||||||
|
// background-color: none !important;
|
||||||
|
|
||||||
|
// .message-list-content {
|
||||||
|
// display: flex;
|
||||||
|
// flex-direction: column;
|
||||||
|
// padding: 12px 12px 112px;
|
||||||
|
// gap: 8px;
|
||||||
|
// padding: 12px 15px;
|
||||||
|
// flex: 1;
|
||||||
|
// cursor: pointer;
|
||||||
|
// transition: all 0.2s;
|
||||||
|
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
// 消息滚动区域
|
// 消息滚动区域
|
||||||
.message-scroll {
|
.message-scroll {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
@@ -206,6 +212,7 @@
|
|||||||
|
|
||||||
.action-arrow {
|
.action-arrow {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.img {
|
.img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: -16px;
|
left: -16px;
|
||||||
@@ -247,12 +254,10 @@
|
|||||||
width: 60px;
|
width: 60px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: radial-gradient(
|
background: radial-gradient(circle at 27% 8%,
|
||||||
circle at 27% 8%,
|
rgba(189, 255, 74, 1) 17%,
|
||||||
rgba(189, 255, 74, 1) 17%,
|
rgba(149, 242, 62, 1) 54%,
|
||||||
rgba(149, 242, 62, 1) 54%,
|
rgba(50, 216, 56, 1) 100%);
|
||||||
rgba(50, 216, 56, 1) 100%
|
|
||||||
);
|
|
||||||
border: 2px solid rgba(0, 0, 0, 0.06);
|
border: 2px solid rgba(0, 0, 0, 0.06);
|
||||||
box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.08);
|
box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.08);
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -300,4 +305,4 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -383,6 +383,8 @@ export const fetchUserProfile = async (): Promise<
|
|||||||
> => {
|
> => {
|
||||||
try {
|
try {
|
||||||
const response = await httpService.post("user/detail");
|
const response = await httpService.post("user/detail");
|
||||||
|
|
||||||
|
debugger;
|
||||||
return response;
|
return response;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("获取用户信息失败:", error);
|
console.error("获取用户信息失败:", error);
|
||||||
|
|||||||
Reference in New Issue
Block a user