Browse Source

fe-01 初始化react17项目

master
Chunxian Zhang 2 years ago
parent
commit
9a1304dcf6
5 changed files with 1588 additions and 617 deletions
  1. +1509
    -559
      lazy-timer-fe/package-lock.json
  2. +28
    -12
      lazy-timer-fe/package.json
  3. +37
    -28
      lazy-timer-fe/src/App.css
  4. +9
    -11
      lazy-timer-fe/src/index.css
  5. +5
    -7
      lazy-timer-fe/src/index.tsx

+ 1509
- 559
lazy-timer-fe/package-lock.json
File diff suppressed because it is too large
View File


+ 28
- 12
lazy-timer-fe/package.json View File

@ -1,19 +1,24 @@
{
"name": "lazy-timer-fe",
"name": "project_syncfusion_dashboard",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.3.0",
"@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.5.2",
"@types/node": "^16.11.56",
"@types/react": "^18.0.17",
"@types/react-dom": "^18.0.6",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"typescript": "^4.7.4",
"@syncfusion/ej2": "^19.4.48",
"@syncfusion/ej2-react-calendars": "^19.4.48",
"@syncfusion/ej2-react-charts": "^19.4.50",
"@syncfusion/ej2-react-dropdowns": "^19.4.52",
"@syncfusion/ej2-react-grids": "^19.4.50",
"@syncfusion/ej2-react-inputs": "^19.4.52",
"@syncfusion/ej2-react-kanban": "^19.4.48",
"@syncfusion/ej2-react-popups": "^19.4.52",
"@syncfusion/ej2-react-richtexteditor": "^19.4.50",
"@syncfusion/ej2-react-schedule": "^19.4.50",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-icons": "^4.3.1",
"react-router-dom": "^6.2.1",
"react-scripts": "5.0.0",
"typescript": "^4.5.5",
"web-vitals": "^2.1.4"
},
"scripts": {
@ -39,5 +44,16 @@
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"autoprefixer": "^10.4.2",
"eslint": "^8.9.0",
"eslint-config-airbnb": "^19.0.4",
"eslint-plugin-import": "^2.25.4",
"eslint-plugin-jsx-a11y": "^6.5.1",
"eslint-plugin-react": "^7.28.0",
"eslint-plugin-react-hooks": "^4.3.0",
"postcss": "^8.4.6",
"tailwindcss": "^3.0.19"
}
}

+ 37
- 28
lazy-timer-fe/src/App.css View File

@ -1,38 +1,47 @@
.App {
text-align: center;
}
@import url('https://cdn.syncfusion.com/ej2/material.css');
.App-logo {
height: 40vmin;
pointer-events: none;
.sidebar {
box-shadow: rgb(113 122 131 / 11%) 0px 7px 30px 0px;
}
@media (prefers-reduced-motion: no-preference) {
.App-logo {
animation: App-logo-spin infinite 20s linear;
.nav-item,
.navbar {
z-index: 10000;
}
@media screen and (max-width:800px) {
.sidebar{
z-index: 10000000;
}
}
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
.e-dlg-center-center, .e-quick-popup-wrapper.e-device{
z-index: 1000000 !important;
}
.App-link {
color: #61dafb;
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-thumb {
background-color: rgb(216, 216, 216);
border-radius: 40px;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
/* color-picker style */
#preview {
background: transparent
url('https://ej2.syncfusion.com/react/demos/src/color-picker/images/pen.png')
no-repeat;
display: inline-block;
height: 80px;
margin: 10px 0;
min-width: 300px;
max-width: 600px;
background-color: #008000;
}
.e-input-group:not(.e-float-icon-left), .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-warning:not(.e-float-icon-left), .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left){
border: none;
}

+ 9
- 11
lazy-timer-fe/src/index.css View File

@ -1,13 +1,11 @@
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
body{
margin: 0;
padding:0;
font-family: "Open Sans", sans-serif;
}
@tailwind base;
@tailwind components;
@tailwind utilities;

+ 5
- 7
lazy-timer-fe/src/index.tsx View File

@ -1,16 +1,14 @@
import React from 'react';
import ReactDOM from 'react-dom/client';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import App from './App'
import reportWebVitals from './reportWebVitals';
const root = ReactDOM.createRoot(
document.getElementById('root') as HTMLElement
);
root.render(
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>
</React.StrictMode>,
document.getElementById('root')
);
// If you want to start measuring performance in your app, pass a function

Loading…
Cancel
Save