+
+
+
+
+
diff --git a/src/render/AppRouter.tsx b/src/render/AppRouter.tsx
new file mode 100644
index 0000000..60c73e0
--- /dev/null
+++ b/src/render/AppRouter.tsx
@@ -0,0 +1,58 @@
+import { HashRouter as Router, Switch, Redirect, Route, Link } from "react-router-dom"
+import React, { Fragment } from "react"
+
+import { pageList } from "@/plugins/pageHoc"
+
+import Layout from "@/views/Layout"
+
+import Auth from "@/ui/Auth"
+import routes, { Loading } from "./route"
+
+function LoadWrapper(props: any) {
+ if (props.isLazy) {
+ const LoadingComp=props.loading?props.loading: ()=>
+ 这是一个标题
+
+ );
+}
diff --git a/src/render/components/Loading/Bubbles.module.scss b/src/render/components/Loading/Bubbles.module.scss
new file mode 100644
index 0000000..262436c
--- /dev/null
+++ b/src/render/components/Loading/Bubbles.module.scss
@@ -0,0 +1,120 @@
+
+ .bg-bubbles {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+
+ z-index: 1;
+
+ li {
+ position: absolute;
+ list-style: none;
+ display: block;
+ width: 40px;
+ height: 40px;
+ background-color: rgba(255, 255, 255, 0.15);
+ bottom: -160px;
+
+ -webkit-animation: square 25s infinite;
+ animation: square 25s infinite;
+
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+
+ &:nth-child(1) {
+ left: 10%;
+ }
+
+ &:nth-child(2) {
+ left: 20%;
+
+ width: 80px;
+ height: 80px;
+
+ animation-delay: 2s;
+ animation-duration: 17s;
+ }
+
+ &:nth-child(3) {
+ left: 25%;
+ animation-delay: 4s;
+ }
+
+ &:nth-child(4) {
+ left: 40%;
+ width: 60px;
+ height: 60px;
+
+ animation-duration: 22s;
+
+ background-color: rgba(255, 255, 255, 0.25);
+ }
+
+ &:nth-child(5) {
+ left: 70%;
+ }
+
+ &:nth-child(6) {
+ left: 80%;
+ width: 120px;
+ height: 120px;
+
+ animation-delay: 3s;
+ background-color: rgba(255, 255, 255, 0.2);
+ }
+
+ &:nth-child(7) {
+ left: 32%;
+ width: 160px;
+ height: 160px;
+
+ animation-delay: 7s;
+ }
+
+ &:nth-child(8) {
+ left: 55%;
+ width: 20px;
+ height: 20px;
+
+ animation-delay: 15s;
+ animation-duration: 40s;
+ }
+
+ &:nth-child(9) {
+ left: 25%;
+ width: 10px;
+ height: 10px;
+
+ animation-delay: 2s;
+ animation-duration: 40s;
+ background-color: rgba(255, 255, 255, 0.3);
+ }
+
+ &:nth-child(10) {
+ left: 90%;
+ width: 160px;
+ height: 160px;
+
+ animation-delay: 11s;
+ }
+ }
+ }
+
+ @-webkit-keyframes square {
+ 0% {
+ transform: translateY(0);
+ }
+ 100% {
+ transform: translateY(-700px) rotate(600deg);
+ }
+ }
+ @keyframes square {
+ 0% {
+ transform: translateY(0);
+ }
+ 100% {
+ transform: translateY(-700px) rotate(600deg);
+ }
+ }
diff --git a/src/render/components/Loading/Bubbles.tsx b/src/render/components/Loading/Bubbles.tsx
new file mode 100644
index 0000000..32a69ce
--- /dev/null
+++ b/src/render/components/Loading/Bubbles.tsx
@@ -0,0 +1,18 @@
+import React from "react"
+import style from "./Bubbles.module.scss"
+export default function () {
+ return (
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+)
diff --git a/src/render/index.html b/src/render/index.html
new file mode 100644
index 0000000..8cf9ba4
--- /dev/null
+++ b/src/render/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Lodeing.22..
+
+let delay =
+ (Comp: any, duration = 1000) =>
+ () =>
+ new PromiseError
,
+ })
+ })
+ )
+
+export default [
+ {
+ path: "/about",
+ component: lazy(() => import("@/views/About")),
+ exact: false,
+ meta: {
+ auth: false,
+ },
+ loading: () =>
+ 你还有没有登陆好吧！
+
+ {/* */}
+
+ )
+ }
+ }
+}
+
+export default Auth
diff --git a/src/render/views/About/index.tsx b/src/render/views/About/index.tsx
new file mode 100644
index 0000000..d6cd057
--- /dev/null
+++ b/src/render/views/About/index.tsx
@@ -0,0 +1,27 @@
+import React from "react"
+import { useLocation, Route, Switch, useHistory } from "react-router-dom"
+
+function Test() {
+ return test
+}
+
+export default function About(props: any) {
+ let history = useHistory()
+ // let location = useLocation()
+ function back(){
+ console.log(1231);
+
+ history.goBack()
+ }
+ return (
+
+
+
+
+ )
+}
diff --git a/src/render/views/Auth/Page404.tsx b/src/render/views/Auth/Page404.tsx
new file mode 100644
index 0000000..782c96b
--- /dev/null
+++ b/src/render/views/Auth/Page404.tsx
@@ -0,0 +1,10 @@
+import React from "react"
+import { NavLink } from "react-router-dom"
+
+export default function Page404() {
+ return (
+ back()}>阿萨 阿松大asdasd
+ 22{props.children}{location.href}
+ sadsa
+sadsa
+
+ 阿松大asddadsa
+
+ )
+}
diff --git a/src/render/views/Float/index.module.scss b/src/render/views/Float/index.module.scss
new file mode 100644
index 0000000..332ceb9
--- /dev/null
+++ b/src/render/views/Float/index.module.scss
@@ -0,0 +1,10 @@
+.view-float {
+ width: 100px;
+ height: 25px;
+ line-height: 25px;
+ background-color: #fff;
+ position: fixed;
+ overflow: auto;
+ user-select: none;
+ border: 1px solid red;
+}
diff --git a/src/render/views/Float/index.tsx b/src/render/views/Float/index.tsx
new file mode 100644
index 0000000..35b87a8
--- /dev/null
+++ b/src/render/views/Float/index.tsx
@@ -0,0 +1,43 @@
+import React, { MouseEventHandler, useEffect } from "react"
+import electron from "@/plugins/electron"
+import style from "./index.module.scss"
+import { useLocation, Route, Switch, useHistory } from "react-router-dom"
+
+export default function Float(props: any) {
+ useEffect(() => {
+ // let win = electron.remote.getCurrentWindow()
+ let biasX = 0
+ let biasY = 0
+ document.addEventListener("mousedown", function (e) {
+ switch (e.button) {
+ case 0:
+ biasX = e.x
+ biasY = e.y
+ document.addEventListener("mousemove", moveEvent)
+ break
+ case 2:
+ electron.ipcRenderer.send("createSuspensionMenu")
+ break
+ }
+ })
+
+ document.addEventListener("mouseup", function () {
+ biasX = 0
+ biasY = 0
+ document.removeEventListener("mousemove", moveEvent)
+ })
+
+ function moveEvent(e: any) {
+ electron.ipcRenderer.send('@float:setPosition', e.screenX - biasX, e.screenY - biasY)
+ // win.setPosition(e.screenX - biasX, e.screenY - biasY)
+ }
+ }, [])
+ function dblclick(e: MouseEventHandler dblclick(e)}>
+ 悬浮窗
+
+ )
+}
diff --git a/src/render/views/Home/index.tsx b/src/render/views/Home/index.tsx
new file mode 100644
index 0000000..08eb200
--- /dev/null
+++ b/src/render/views/Home/index.tsx
@@ -0,0 +1,49 @@
+import { addTodo, removeTodo } from "@/store/action/todo"
+import React, { FormEvent, useRef, useContext } from "react"
+import { connect } from "react-redux"
+import { NavLink } from "react-router-dom"
+
+export interface HomeProps {
+ add(text: string): void
+ todo: ITodo[]
+ remove(id: number): void
+}
+
+function Home(props: HomeProps) {
+ const { todo, add, remove } = props
+ const inputRef = useRef
+ 首页
+关于
+登录
+Float
+
+ )
+}
+
+const mapStateToProps = (state: any) => {
+ return {
+ todo: state.todo,
+ }
+}
+
+const mapDispatchToProps = (dispatch: any) => ({
+ add: (text: string) => dispatch(addTodo(text)),
+ remove: (id: string | number) => dispatch(removeTodo(id)),
+})
+
+export default connect(mapStateToProps, mapDispatchToProps)(Home)
diff --git a/src/render/views/Layout/index.tsx b/src/render/views/Layout/index.tsx
new file mode 100644
index 0000000..21460e6
--- /dev/null
+++ b/src/render/views/Layout/index.tsx
@@ -0,0 +1,16 @@
+import React, { ReactElement } from "react"
+import { useLocation } from "react-router-dom"
+
+// interface IProps {
+// render(): ReactElement
+// }
+
+export default function (props: any) {
+ return (
+ +
+
+
+
+ 
+
+
+
+
+ )
+}
diff --git a/src/render/views/Login/Test.tsx b/src/render/views/Login/Test.tsx
new file mode 100644
index 0000000..3afe615
--- /dev/null
+++ b/src/render/views/Login/Test.tsx
@@ -0,0 +1,9 @@
+import React from "react";
+
+export default function(){
+ return (
+
+
+
+ saadsadsaddddddddddddddddd
+
+ )
+}
\ No newline at end of file
diff --git a/src/render/views/Login/index.module.scss b/src/render/views/Login/index.module.scss
new file mode 100644
index 0000000..b4e2f73
--- /dev/null
+++ b/src/render/views/Login/index.module.scss
@@ -0,0 +1,107 @@
+@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300);
+
+$color: #53e3a6;
+.login.page {
+ font-family: "Source Sans Pro", sans-serif;
+ color: white;
+ font-weight: 300;
+ .wrapper {
+ background: #50a3a2;
+ background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
+ background: -moz-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
+ background: -o-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
+ background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);
+
+ position: absolute;
+ top: 50%;
+ left: 0;
+ width: 100%;
+ height: 400px;
+ margin-top: -200px;
+ overflow: hidden;
+
+ &.form-success {
+ form {
+ opacity: 0;
+ pointer-events: none;
+ }
+ .container {
+ h1 {
+ transform: translateY(85px);
+ }
+ }
+ }
+ }
+
+ .container {
+ max-width: 600px;
+ margin: 0 auto;
+ padding: 80px 0;
+ height: 400px;
+ text-align: center;
+
+ h1 {
+ font-size: 40px;
+ transition-duration: 1s;
+ transition-timing-function: ease-in-put;
+ font-weight: 200;
+ }
+ }
+
+ form {
+ padding: 20px 0;
+ position: relative;
+ z-index: 2;
+ transition: opacity 0.5s linear;
+
+ input {
+ display: block;
+ appearance: none;
+ outline: 0;
+ border: 1px solid rgba(255, 255, 255, 0.4);
+ background-color: rgba(255, 255, 255, 0.2);
+ width: 250px;
+
+ border-radius: 3px;
+ padding: 10px 15px;
+ margin: 0 auto 10px auto;
+ display: block;
+ text-align: center;
+ font-size: 18px;
+
+ color: white;
+
+ transition-duration: 0.25s;
+ font-weight: 300;
+
+ &:hover {
+ background-color: rgba(255, 255, 255, 0.4);
+ }
+
+ &:focus {
+ background-color: white;
+ width: 300px;
+
+ color: $color;
+ }
+ }
+
+ button {
+ appearance: none;
+ outline: 0;
+ background-color: white;
+ border: 0;
+ padding: 10px 15px;
+ color: $color;
+ border-radius: 3px;
+ width: 250px;
+ cursor: pointer;
+ font-size: 18px;
+ transition-duration: 0.25s;
+
+ &:hover {
+ background-color: rgb(245, 247, 249);
+ }
+ }
+ }
+}
diff --git a/src/render/views/Login/index.tsx b/src/render/views/Login/index.tsx
new file mode 100644
index 0000000..de93f4d
--- /dev/null
+++ b/src/render/views/Login/index.tsx
@@ -0,0 +1,53 @@
+import React, { useRef } from "react"
+import cn from "classnames"
+import style from "./index.module.scss"
+import { useLocation, Route, Switch } from "react-router-dom"
+import { useState } from "react"
+import Bubbles from "@/components/Loading/Bubbles"
+import { Trans, Translation, useTranslation } from "react-i18next"
+
+export default function Login(props: any) {
+ const [isSuccess, setIsSuccess] = useState(false)
+ const [usename, setUsername] = useState("23")
+ const [password, setPassword] = useState("")
+ const { t ,i18n} = useTranslation()
+
+ function clickLogin(event: any) {
+ event.preventDefault()
+
+ setIsSuccess(true)
+ setTimeout(() => {
+ setUsername('')
+ setPassword('')
+ setIsSuccess(false)
+ }, 2000)
+ }
+
+ return (
+
+
+
+ )
+}
diff --git a/src/render/vite-env.d.ts b/src/render/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/render/vite-env.d.ts
@@ -0,0 +1 @@
+///
+
+
+ {t =>
+
+
+ {t('home')}阿松大
+{usename}
+{password}
+home
+ {t('home')}
}
+
+
+
+
+
+