Demo
/
react-demo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

add

master
npmrun 5 years ago
parent
3ebe790db9
commit
0a143d429a
8 changed files with 93 additions and 76 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 98
      .idea/workspace.xml
  2. 2
      config-overrides.js
  3. 11
      src/index.js
  4. 3
      src/ui/footer/footer.module.css
  5. 26
      src/ui/footer/index.js
  6. 15
      src/ui/header/index.js
  7. 8
      src/views/App.js
  8. 6
      src/views/App.scss

98
.idea/workspace.xml
View File

@ -1,20 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="BranchesTreeState">
<expand>
<path>
<item name="ROOT" type="e8cecc67:BranchNodeDescriptor" />
<item name="LOCAL_ROOT" type="e8cecc67:BranchNodeDescriptor" />
</path>
<path>
<item name="ROOT" type="e8cecc67:BranchNodeDescriptor" />
<item name="REMOTE_ROOT" type="e8cecc67:BranchNodeDescriptor" />
</path>
<path>
<item name="ROOT" type="e8cecc67:BranchNodeDescriptor" />
<item name="REMOTE_ROOT" type="e8cecc67:BranchNodeDescriptor" />
<item name="GROUP_NODE:origin" type="e8cecc67:BranchNodeDescriptor" />
</path>
</expand>
<select />
</component>
<component name="ChangeListManager">
<list default="true" id="9b17c4a1-b7df-4634-9e4b-b92fbf098d8e" name="Default Changelist" comment="init">
<change afterPath="$PROJECT_DIR$/.idea/codeStyles/Project.xml" afterDir="false" />
<change afterPath="$PROJECT_DIR$/.idea/compiler.xml" afterDir="false" />
<change afterPath="$PROJECT_DIR$/.idea/dbnavigator.xml" afterDir="false" />
<change afterPath="$PROJECT_DIR$/.idea/inspectionProfiles/Project_Default.xml" afterDir="false" />
<change afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" />
<change afterPath="$PROJECT_DIR$/config-overrides.js" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/assets/scss/_index.scss" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/ui/footer/index.js" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/App.js" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/App.scss" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/App.test.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.gitignore" beforeDir="false" afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" />
<list default="true" id="9b17c4a1-b7df-4634-9e4b-b92fbf098d8e" name="Default Changelist" comment="">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/index.js" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
@ -31,10 +38,11 @@
<option name="showLibraryContents" value="true" />
</component>
<component name="PropertiesComponent">
<property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
<property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
<property name="SHARE_PROJECT_CONFIGURATION_FILES" value="true" />
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="last_opened_file_path" value="$PROJECT_DIR$" />
<property name="last_opened_file_path" value="$PROJECT_DIR$/../forfun" />
<property name="node.js.detected.package.eslint" value="true" />
<property name="node.js.detected.package.standard" value="true" />
<property name="node.js.path.for.package.eslint" value="project" />
@ -108,8 +116,21 @@
<workItem from="1590551333219" duration="405000" />
<workItem from="1590645453678" duration="200000" />
<workItem from="1590645957967" duration="7000" />
<workItem from="1590645974027" duration="195000" />
<workItem from="1590645974027" duration="257000" />
<workItem from="1593268173284" duration="42000" />
<workItem from="1593268365536" duration="668000" />
<workItem from="1593481413899" duration="631000" />
<workItem from="1595132693166" duration="1590000" />
<workItem from="1595223355178" duration="11000" />
</task>
<task id="LOCAL-00001" summary="init">
<created>1590646177438</created>
<option name="number" value="00001" />
<option name="presentableId" value="LOCAL-00001" />
<option name="project" value="LOCAL" />
<updated>1590646177438</updated>
</task>
<option name="localTasksCounter" value="2" />
<servers />
</component>
<component name="TypeScriptGeneratedFilesManager">
@ -132,76 +153,45 @@
<option name="LAST_COMMIT_MESSAGE" value="init" />
</component>
<component name="WindowStateProjectService">
<state x="552" y="186" key="#ESLint" timestamp="1584543157816">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state x="552" y="186" key="#ESLint/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584543157816" />
<state x="552" y="165" key="#Plugins" timestamp="1590645979124">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state x="552" y="165" key="#Plugins/0.0.1920.1050@0.0.1920.1050" timestamp="1590645979124" />
<state x="521" y="122" key="CommitChangelistDialog2" timestamp="1590646164307">
<state x="521" y="122" key="CommitChangelistDialog2" timestamp="1590646176945">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state x="521" y="122" key="CommitChangelistDialog2/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584710870649" />
<state x="521" y="122" key="CommitChangelistDialog2/0.0.1920.1050@0.0.1920.1050" timestamp="1590646164307" />
<state x="521" y="122" key="CommitChangelistDialog2/0.0.1920.1050@0.0.1920.1050" timestamp="1590646176945" />
<state x="92" y="92" width="1736" height="866" key="DiffContextDialog" timestamp="1590646162197">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state x="92" y="92" width="1736" height="866" key="DiffContextDialog/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584711249157" />
<state x="92" y="92" key="DiffContextDialog/0.0.1920.1050@0.0.1920.1050" timestamp="1590646162197" />
<state x="740" y="282" key="FileChooserDialogImpl" timestamp="1584976805581">
<state x="740" y="282" key="FileChooserDialogImpl" timestamp="1593268382946">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state x="740" y="282" key="FileChooserDialogImpl/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584708875464" />
<state x="740" y="282" key="FileChooserDialogImpl/0.0.1920.1050@0.0.1920.1050" timestamp="1584976805581" />
<state x="740" y="282" key="FileChooserDialogImpl/0.0.1920.1050@0.0.1920.1050" timestamp="1593268382946" />
<state width="1877" height="134" key="GridCell.Tab.0.bottom" timestamp="1587289546942">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state width="1877" height="134" key="GridCell.Tab.0.bottom/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1587289546942" />
<state width="948" height="134" key="GridCell.Tab.0.bottom/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584699038654" />
<state width="1899" height="134" key="GridCell.Tab.0.bottom/0.0.1920.1050@0.0.1920.1050" timestamp="1584605051750" />
<state width="1877" height="134" key="GridCell.Tab.0.center" timestamp="1587289546942">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state width="1877" height="134" key="GridCell.Tab.0.center/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1587289546942" />
<state width="948" height="134" key="GridCell.Tab.0.center/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584699038654" />
<state width="1899" height="134" key="GridCell.Tab.0.center/0.0.1920.1050@0.0.1920.1050" timestamp="1584605051750" />
<state width="1877" height="134" key="GridCell.Tab.0.left" timestamp="1587289546941">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state width="1877" height="134" key="GridCell.Tab.0.left/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1587289546941" />
<state width="948" height="134" key="GridCell.Tab.0.left/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584699038654" />
<state width="1899" height="134" key="GridCell.Tab.0.left/0.0.1920.1050@0.0.1920.1050" timestamp="1584605051750" />
<state width="1877" height="134" key="GridCell.Tab.0.right" timestamp="1587289546942">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state width="1877" height="134" key="GridCell.Tab.0.right/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1587289546942" />
<state width="948" height="134" key="GridCell.Tab.0.right/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584699038654" />
<state width="1899" height="134" key="GridCell.Tab.0.right/0.0.1920.1050@0.0.1920.1050" timestamp="1584605051750" />
<state x="702" y="231" key="VCS.ChangeListViewerDialog" timestamp="1584711216863">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state x="702" y="231" key="VCS.ChangeListViewerDialog/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584711216863" />
<state x="652" y="352" key="com.intellij.ide.util.TipDialog" timestamp="1584683945424">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state x="652" y="352" key="com.intellij.ide.util.TipDialog/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584683945424" />
<state x="789" y="403" key="git4idea.rebase.GitRebaseDialog" timestamp="1584711217991">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state x="789" y="403" key="git4idea.rebase.GitRebaseDialog/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584711217991" />
<state x="761" y="431" key="git4idea.remote.GitConfigureRemotesDialog" timestamp="1590646089823">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state x="761" y="431" key="git4idea.remote.GitConfigureRemotesDialog/0.0.1920.1050@0.0.1920.1050" timestamp="1590646089823" />
<state x="771" y="430" key="git4idea.ui.GitResetDialog" timestamp="1584710900642">
<state x="552" y="257" key="Vcs.Push.Dialog.v2" timestamp="1590646185797">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state x="771" y="430" key="git4idea.ui.GitResetDialog/0.0.1920.1050/-1025.-2160.2560.1409@0.0.1920.1050" timestamp="1584710900642" />
<state x="143" y="233" width="672" height="678" key="search.everywhere.popup" timestamp="1584521888619">
<state x="552" y="257" key="Vcs.Push.Dialog.v2/0.0.1920.1050@0.0.1920.1050" timestamp="1590646185797" />
<state x="761" y="431" key="git4idea.remote.GitConfigureRemotesDialog" timestamp="1593481436110">
<screen x="0" y="0" width="1920" height="1050" />
</state>
<state x="143" y="233" width="672" height="678" key="search.everywhere.popup/0.0.1920.1050/1920.-252.2048.1122@0.0.1920.1050" timestamp="1584521888619" />
<state x="761" y="431" key="git4idea.remote.GitConfigureRemotesDialog/0.0.1920.1050@0.0.1920.1050" timestamp="1593481436110" />
</component>
</project>

2
config-overrides.js
View File

@ -23,7 +23,7 @@ module.exports = override(
}),
addWebpackModuleRule({
test: /\.scss$/,
loaders: ['style-loader', 'css-loader', 'sass-loader', {
loaders: ['style-loader', 'css-loader?modules', 'sass-loader', {
loader: 'sass-resources-loader',
options: {
resources: ['./src/assets/scss/_index.scss']

11
src/index.js
View File

@ -1,8 +1,5 @@
import React from 'react';
import ReactDOM from 'react-dom';
import App from '@/views/App.js';
ReactDOM.render(
<App />,
document.getElementById('root'));
import React from "react";
import ReactDOM from "react-dom";
import App from "@/views/App.js";
ReactDOM.render(<App />, document.getElementById("root"));

3
src/ui/footer/footer.module.css
View File

@ -0,0 +1,3 @@
.error {
background-color: red;
}

26
src/ui/footer/index.js
View File

@ -1,15 +1,17 @@
import React, {Component} from "react"
import React, { Component } from "react";
import styles from "./footer.module.css"; // 使用 CSS Modules 的方式引入
const classNames = require('classnames');
export default class Footer extends Component {
constructor(props) {
super(props);
console.log("fuck")
}
render() {
return (
<div className="footer" style={{color:"red"}}>gfhfg</div>
);
}
constructor(props) {
super(props);
console.log("fuck");
}
render() {
var myClass = classNames(styles.error); // => 'foo bar'
return <div className={myClass} style={{ color: "red" }}>gfhfg</div>;
}
}

15
src/ui/header/index.js
View File

@ -0,0 +1,15 @@
import React, {Component} from "react"
export default class Footer extends Component {
constructor(props) {
super(props);
console.log("fuck")
}
render() {
return (
<div className="header" style={{color:"red"}}>gfhfg</div>
);
}
}

8
src/views/App.js
View File

@ -1,7 +1,9 @@
import React, {Fragment} from 'react';
import Footer from "@/ui/footer"
import {Input, List, Popconfirm} from 'antd';
import "./App.scss"
import apap from "./App.scss"
console.log(apap);
const {Search} = Input;
@ -38,7 +40,8 @@ export default class App extends React.Component {
return (
<Fragment>
<Footer></Footer>
<div className="todolist__input">
sad
<div className={`${apap.todolist__input}`}>
<Search
allowClear
placeholder="input search text"
@ -48,6 +51,7 @@ export default class App extends React.Component {
onChange={e => this.setState({val: e.value})}
onSearch={this.onSearch}
/>
<div className={`${apap.test}`}>asdddddd</div>
</div>
<div className="todolist__item">

6
src/views/App.scss
View File

@ -2,7 +2,13 @@
$todo: todolist;
.#{$todo}__input{
margin: 20px;
.test{
color: aqua;
}
}
.#{$todo}__item{
margin: 20px;
>.test{
color: aqua;
}
}

Write Preview
Loading…
Cancel
Save