会员中心学习时间不显示天

Merge pull request !3 from 白书科技/fix/0922

package.json

@@ -28,9 +28,11 @@
   "devDependencies": {
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
+    "@vitejs/plugin-legacy": "^4.1.1",
     "@vitejs/plugin-react-swc": "^3.0.0",
     "rollup-plugin-gzip": "^3.1.0",
     "sass": "^1.59.3",
+    "terser": "^5.19.4",
     "typescript": "^4.9.3",
     "vite": "^4.2.0"
   }

src/main.scss

@@ -1,5 +1,3 @@
-@import "./assets/iconfont/iconfont.css";
-
 body {
   margin: 0;
 }

src/main.tsx

@@ -2,6 +2,7 @@ import ReactDOM from "react-dom/client";
 import { Provider } from "react-redux";
 import store from "./store";
 import { BrowserRouter } from "react-router-dom";
+import "./assets/iconfont/iconfont.css";
 import "./main.scss";
 import App from "./App";
 import AutoScorllTop from "./AutoTop";

src/pages/member/index.tsx

@@ -22,10 +22,8 @@ const MemberPage = () => {
       url: "",
     },
   ]);
-  const [learnTodayDay, setLearnTodayDay] = useState(0);
   const [learnTodayHour, setLearnTodayHour] = useState(0);
   const [learnTodayMin, setLearnTodayMin] = useState(0);
-  const [learnTotalDay, setLearnTotalDay] = useState(0);
   const [learnTotalHour, setLearnTotalHour] = useState(0);
   const [learnTotalMin, setLearnTotalMin] = useState(0);
   const user = useSelector((state: any) => state.loginUser.value.user);
@@ -60,19 +58,17 @@ const MemberPage = () => {
       setStats(res.data.stats);
       let todayData = studyTimeFormat(res.data.stats.today_learn_duration);
       if (todayData) {
-        setLearnTodayDay(todayData[0]);
+        setLearnTodayHour(todayData[0]);
-        setLearnTodayHour(todayData[1]);
+        setLearnTodayMin(todayData[1]);
-        setLearnTodayMin(todayData[2]);
+        if (todayData[1] === 0 && todayData[2] > 0) {
-        if (todayData[2] === 0 && todayData[3] > 0) {
           setLearnTodayMin(1);
         }
       }
       let totalData = studyTimeFormat(res.data.stats.learn_duration);
       if (totalData) {
-        setLearnTotalDay(totalData[0]);
+        setLearnTotalHour(totalData[0]);
-        setLearnTotalHour(totalData[1]);
+        setLearnTotalMin(totalData[1]);
-        setLearnTotalMin(totalData[2]);
+        if (totalData[1] === 0 && totalData[2] > 0) {
-        if (totalData[2] === 0 && totalData[3] > 0) {
           setLearnTodayMin(1);
         }
       }
@@ -191,11 +187,6 @@ const MemberPage = () => {
         <div className={styles["stats-content"]}>
           <div className={styles["stat-item"]}>
             <span className={styles["time"]}>
-              {learnTodayDay > 0 && (
-                <>
-                  <strong>{learnTodayDay} </strong>天
-                </>
-              )}
               <strong> {learnTodayHour} </strong>时
               <strong> {learnTodayMin} </strong>分
             </span>
@@ -203,11 +194,6 @@ const MemberPage = () => {
           </div>
           <div className={styles["stat-item"]}>
             <span className={styles["time"]}>
-              {learnTotalDay > 0 && (
-                <>
-                  <strong>{learnTotalDay} </strong>天
-                </>
-              )}
               <strong> {learnTotalHour} </strong>时
               <strong> {learnTotalMin} </strong>分
             </span>

src/utils/index.ts

@@ -54,7 +54,6 @@ export function changeAppUrl(str: string) {
 export function studyTimeFormat(dateStr: number) {
   var d = moment.duration(dateStr / 1000, "seconds");
   let value = [];
-  value.push(Math.floor(d.asDays()));
   value.push(d.hours());
   value.push(d.minutes());
   value.push(d.seconds());

vite.config.ts

@@ -1,13 +1,22 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import gzipPlugin from "rollup-plugin-gzip";
+import legacy from "@vitejs/plugin-legacy";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   server: {
     host: "0.0.0.0",
   },
-  plugins: [react()],
+  plugins: [
+    react(),
+    legacy({
+      targets: ["chrome 52"],
+      additionalLegacyPolyfills: ["regenerator-runtime/runtime"],
+      renderLegacyChunks: true,
+      modernPolyfills: true,
+    }),
+  ],
   build: {
     rollupOptions: {
       plugins: [gzipPlugin()],