增加退出登录按钮

hejianhao

2025-02-27 4f1a6e9d3d571d50d59a8a4ae029521d334d301a

增加退出登录按钮

 yandu-pad/.gitignore

@@ -5,3 +5,4 @@
node_modules/
.DS_Store
.swc
package-lock.json

 yandu-pad/src/pages/form/index.tsx

 yandu-pad/src/pages/index/index.less

@@ -39,6 +39,12 @@
        &--content {
            padding-top: 126rpx;
        }
        &--logOut{
            margin-right: 30rpx;
            font-size: 27rpx;
            display: flex;
            justify-content: flex-end;
        }
    }
    &__content {
        margin-top: -50rpx;

 yandu-pad/src/pages/index/index.tsx

@@ -6,6 +6,8 @@
import { Button, ConfigProvider, Popup } from "@nutui/nutui-react-taro";
import LineUpCard from "./components/LineUpCard";
import { Order, Undo } from "@nutui/icons-react-taro";
import { setUser,setToken } from "@/store/actions";
import store from "@/store/index";
import Logo from "@/assets/logo@2x.png";
import { getToken } from "@/utils/storage";
import { request } from "@/requests/request";
@@ -62,6 +64,15 @@
        };
    });

    const logOut = () => {
        store.dispatch(setUser({}));
        store.dispatch(setToken(''));
        Taro.clearStorageSync();
        Taro.reLaunch({
            url: "/pages/index/index",
        });
    };

    return (
        <View className="page-index">
            <View className="page-index__header">
@@ -83,6 +94,16 @@
                            }}
                            userInfo={userInfo}
                        />
                        <View className="page-index__header--logOut">
                            <View className="record-button"
                                style={{
                                    backgroundColor: "#fff",
                                    color: "#5a715a",
                                    width: "100rpx",
                                }}
                                onClick={logOut}
                            >退出登录</View>
                        </View>
                    </View>
                )}
            </View>