xlyErp / xlyUmi

Commit 8ae71a670d6be448e3dc9277a1c79abe042dc435

Authored by zhangzzzz
1 parent 49e4f5fe

删除多余文件；

Inline Side-by-side
Showing 1 changed file with 0 additions and 128 deletions
src/components/Common/PersonCenter/SkinChangeModal copy.js deleted
View file @49e4f5f
1   -/* eslint-disable */
2   -import React, { useEffect, useRef, useState } from "react";
3   -import AntdDraggableModal from "@/components/Common/AntdDraggableModal";
4   -import styles from "@/routes/indexPage.less";
5   -
6   -const skinList = [
7   - {
8   - name: "default",
9   - color1: "#383d41",
10   - color2: "#303538"
11   - },
12   - {
13   - name: "color1",
14   - color1: "#6e5064",
15   - color2: "#b482a4"
16   - },
17   - {
18   - name: "color2",
19   - color1: "#0010fc",
20   - color2: "#515bf3"
21   - },
22   - {
23   - name: "color3",
24   - color1: "#433598",
25   - color2: "#7160d5"
26   - },
27   - {
28   - name: "color4",
29   - color1: "#e1408e",
30   - color2: "#c56f98"
31   - },
32   - {
33   - name: "color5",
34   - color1: "#f46b5f",
35   - color2: "#e69892"
36   - },
37   - {
38   - name: "color6",
39   - color1: "#fa375c",
40   - color2: "#eb8498"
41   - },
42   - {
43   - name: "color7",
44   - color1: "#6f41ed",
45   - color2: "#8b70d5"
46   - },
47   - {
48   - name: "color8",
49   - color1: "#fd4138",
50   - color2: "#e3736e"
51   - }
52   -];
53   -
54   -const SkinChangeModal = props => {
55   - const { skinChangeModalVisible, handleCancel } = props;
56   - const [currentSkin, setCurrentSkin] = useState(
57   - localStorage.getItem("xly-skin") || "default"
58   - );
59   - const oldSkin = useRef(null);
60   - useEffect(() => {
61   - // getComputedStyle(oBody).getPropertyValue('--xly-login-header-logo')
62   - const oBody = document.querySelector("body");
63   - oldSkin.current = oBody.getAttribute("data-skin");
64   - }, []);
65   -
66   - const handleCancelSelf = () => {
67   - const oBody = document.querySelector("body");
68   - oBody.setAttribute("data-skin", oldSkin.current);
69   - handleCancel();
70   - };
71   -
72   - const handleOk = () => {
73   - localStorage.setItem("xly-skin", currentSkin);
74   - handleCancel();
75   - };
76   -
77   - const handleChooseSkin = ({ name }) => {
78   - setCurrentSkin(name);
79   - const oBody = document.querySelector("body");
80   - oBody.setAttribute("data-skin", name);
81   - };
82   -
83   - return skinChangeModalVisible ? (
84   - <AntdDraggableModal
85   - title={"主题肤色"}
86   - visible={skinChangeModalVisible}
87   - width={600}
88   - onOk={handleOk}
89   - onCancel={handleCancelSelf}
90   - >
91   - <div className={styles.skinChangeModal}>
92   - {skinList.map(item => {
93   - const { color1, color2, name } = item;
94   - return (
95   - <div
96   - className="skinChangeOption"
97   - onClick={() => {
98   - handleChooseSkin(item);
99   - }}
100   - >
101   - <div className="skinChangeOptionLeft">
102   - <div
103   - className="skinChangeOptionColor2"
104   - style={{ background: color2 }}
105   - />
106   - </div>
107   - <div className="skinChangeOptionRight">
108   - <div
109   - className="skinChangeOptionColor1"
110   - style={{ background: color1 }}
111   - />
112   - {currentSkin === name ? (
113   - <div className="skinChangeChecked">✓</div>
114   - ) : (
115   - ""
116   - )}
117   - </div>
118   - </div>
119   - );
120   - })}
121   - </div>
122   - </AntdDraggableModal>
123   - ) : (
124   - ""
125   - );
126   -};
127   -
128   -export default SkinChangeModal;