Skip to content

F
frontend
Commit 426dd49b authored by 熊成伟's avatar 熊成伟
Browse files
Options

debug

parent 6095eb88
Hide whitespace changes
Inline Side-by-side
Showing with 287 additions and 190 deletions
.idea/vcs.xml 0 → 100644
View file @ 426dd49b
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
\ No newline at end of file
.idea/workspace.xml
View file @ 426dd49b
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="a6d092de-b4f8-454d-99f5-4dac3ce112e5" name="Default Changelist" comment="" />
<list default="true" id="a6d092de-b4f8-454d-99f5-4dac3ce112e5" 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$/config-overrides.js" beforeDir="false" afterPath="$PROJECT_DIR$/config-overrides.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/Pages/Work/Work.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/Pages/Work/Work.jsx" afterDir="false" />
</list>
<ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" />
<ignored path="$PROJECT_DIR$/tmp/" />
......@@ -16,10 +20,10 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/components/WorkCard/index.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="199">
<caret line="21" column="19" selection-start-line="19" selection-start-column="16" selection-end-line="21" selection-end-column="19" />
<state relative-caret-position="175">
<caret line="7" column="43" selection-start-line="7" selection-start-column="43" selection-end-line="7" selection-end-column="43" />
<folding>
<element signature="e#0#26#0" expanded="true" />
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
......@@ -28,71 +32,32 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/components/WorkCard/CardItem.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="325">
<caret line="13" selection-start-line="13" selection-end-line="13" />
<folding>
<element signature="e#0#26#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/components/WorkCard/index.less">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="150">
<caret line="9" column="7" selection-start-line="9" selection-start-column="2" selection-end-line="9" selection-end-column="7" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/config-overrides.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-1800">
<caret line="3" column="43" selection-start-line="3" selection-start-column="43" selection-end-line="3" selection-end-column="43" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/src/index.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="225">
<caret line="9" selection-start-line="9" selection-end-line="9" />
<state relative-caret-position="284">
<caret line="16" column="76" selection-start-line="16" selection-start-column="76" selection-end-line="16" selection-end-column="76" />
<folding>
<element signature="e#0#26#0" expanded="true" />
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-51">
<caret line="11" column="18" selection-start-line="11" selection-start-column="11" selection-end-line="11" selection-end-column="18" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/Pages/Work/Work.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="300">
<caret line="12" column="21" selection-start-line="12" selection-start-column="21" selection-end-line="12" selection-end-column="21" />
<state relative-caret-position="73">
<caret line="12" column="38" selection-start-line="12" selection-start-column="38" selection-end-line="12" selection-end-column="38" />
<folding>
<element signature="e#0#26#0" expanded="true" />
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/src/components/TopSearch/index.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="250">
<caret line="10" column="47" selection-start-line="10" selection-start-column="47" selection-end-line="10" selection-end-column="47" />
<state relative-caret-position="375">
<caret line="15" column="38" selection-start-line="15" selection-start-column="29" selection-end-line="15" selection-end-column="38" />
<folding>
<element signature="e#0#26#0" expanded="true" />
</folding>
......@@ -101,19 +66,19 @@
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/components/TopSearch/index.less">
<entry file="file://$PROJECT_DIR$/src/components/WorkCard/index.less">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="250">
<caret line="10" column="18" selection-start-line="10" selection-start-column="1" selection-end-line="10" selection-end-column="18" />
<state relative-caret-position="720">
<caret line="49" column="21" selection-start-line="49" selection-start-column="1" selection-end-line="49" selection-end-column="21" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/index.css">
<entry file="file://$PROJECT_DIR$/src/components/TopNotice/index.less">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="225">
<caret line="9" selection-start-line="9" selection-end-line="9" />
<state relative-caret-position="200">
<caret line="8" column="21" lean-forward="true" selection-start-line="8" selection-start-column="21" selection-end-line="8" selection-end-column="21" />
</state>
</provider>
</entry>
......@@ -133,15 +98,24 @@
<find>create-react-app</find>
<find>siz</find>
<find>favicon</find>
<find>props</find>
<find>card-box</find>
<find>autoprefixer</find>
<find>override</find>
<find>px</find>
<find>fileLoaderMatcher</find>
<find>props</find>
<find>iconAdd</find>
<find>addClick</find>
</findStrings>
<replaceStrings>
<replace>this.props</replace>
<replace>props</replace>
<replace>addCommon</replace>
</replaceStrings>
</component>
<component name="Git.Settings">
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
</component>
<component name="IdeDocumentHistory">
<option name="CHANGED_PATHS">
<list>
......@@ -153,7 +127,6 @@
<option value="$PROJECT_DIR$/src/components/TodoCard/index.less" />
<option value="$PROJECT_DIR$/src/Pages/Notice/Notice.jsx" />
<option value="$PROJECT_DIR$/src/components/TopNotice/index.jsx" />
<option value="$PROJECT_DIR$/src/components/TopNotice/index.less" />
<option value="$PROJECT_DIR$/src/router.js" />
<option value="$PROJECT_DIR$/src/components/TodoCard/index.jsx" />
<option value="$PROJECT_DIR$/src/components/TopTabs/index.less" />
......@@ -166,13 +139,14 @@
<option value="$PROJECT_DIR$/src/layout/Footer.jsx" />
<option value="$PROJECT_DIR$/src/Pages/Communicate/Communicate.jsx" />
<option value="$PROJECT_DIR$/src/components/TopSearch/index.less" />
<option value="$PROJECT_DIR$/src/components/TopSearch/index.jsx" />
<option value="$PROJECT_DIR$/src/Pages/Work/Work.jsx" />
<option value="$PROJECT_DIR$/src/components/WorkCard/CardItem.jsx" />
<option value="$PROJECT_DIR$/src/index.js" />
<option value="$PROJECT_DIR$/config-overrides.js" />
<option value="$PROJECT_DIR$/src/components/TopNotice/index.less" />
<option value="$PROJECT_DIR$/src/components/WorkCard/index.less" />
<option value="$PROJECT_DIR$/src/components/WorkCard/CardItem.jsx" />
<option value="$PROJECT_DIR$/src/components/WorkCard/index.jsx" />
<option value="$PROJECT_DIR$/config-overrides.js" />
<option value="$PROJECT_DIR$/src/index.js" />
<option value="$PROJECT_DIR$/src/Pages/Work/Work.jsx" />
<option value="$PROJECT_DIR$/src/components/TopSearch/index.jsx" />
</list>
</option>
</component>
......@@ -182,6 +156,9 @@
<option name="width" value="681" />
<option name="height" value="768" />
</component>
<component name="ProjectLevelVcsManager" settingsEditedManually="true">
<ConfirmationsSetting value="1" id="添加" />
</component>
<component name="ProjectView">
<navigator proportions="" version="1">
<foldersAlwaysOnTop value="true" />
......@@ -211,6 +188,13 @@
<item name="src" type="462c0819:PsiDirectoryNode" />
<item name="components" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
<item name="components" type="462c0819:PsiDirectoryNode" />
<item name="TopNotice" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" />
......@@ -218,6 +202,13 @@
<item name="components" type="462c0819:PsiDirectoryNode" />
<item name="TopSearch" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
<item name="components" type="462c0819:PsiDirectoryNode" />
<item name="WorkCard" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" />
......@@ -281,15 +272,16 @@
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1591238943411</updated>
<workItem from="1591238945654" duration="23971000" />
<workItem from="1591238945654" duration="32617000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="23971000" />
<option name="totallyTimeSpent" value="32617000" />
</component>
<component name="ToolWindowManager">
<frame x="-8" y="-8" width="1382" height="784" extended-state="6" />
<editor active="true" />
<layout>
<window_info id="npm" side_tool="true" />
<window_info id="Favorites" side_tool="true" />
......@@ -366,13 +358,6 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/components/TopNotice/index.less">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="25">
<caret line="1" column="14" lean-forward="true" selection-start-line="1" selection-start-column="14" selection-end-line="1" selection-end-column="14" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/components/TopNotice/index.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="225">
......@@ -474,88 +459,106 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/components/TopSearch/index.less">
<entry file="file://$PROJECT_DIR$/src/Pages/Communicate/Communicate.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="250">
<caret line="10" column="18" selection-start-line="10" selection-start-column="1" selection-end-line="10" selection-end-column="18" />
<state relative-caret-position="50">
<caret line="2" column="50" selection-start-line="2" selection-start-column="50" selection-end-line="2" selection-end-column="50" />
<folding>
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/components/TopSearch/index.jsx">
<entry file="file://$PROJECT_DIR$/build/static/css/main.653da357.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="250">
<caret line="10" column="47" selection-start-line="10" selection-start-column="47" selection-end-line="10" selection-end-column="47" />
<folding>
<element signature="e#0#26#0" expanded="true" />
</folding>
<state>
<caret column="313" selection-start-column="311" selection-end-column="313" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/Pages/Communicate/Communicate.jsx">
<entry file="file://$PROJECT_DIR$/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="50">
<caret line="2" column="50" selection-start-line="2" selection-start-column="50" selection-end-line="2" selection-end-column="50" />
<folding>
<element signature="e#0#39#0" expanded="true" />
</folding>
<state relative-caret-position="200">
<caret line="8" column="12" selection-start-line="8" selection-start-column="5" selection-end-line="8" selection-end-column="12" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/Pages/Work/Work.jsx">
<entry file="file://$PROJECT_DIR$/src/index.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="300">
<caret line="12" column="21" selection-start-line="12" selection-start-column="21" selection-end-line="12" selection-end-column="21" />
<state relative-caret-position="225">
<caret line="9" selection-start-line="9" selection-end-line="9" />
<folding>
<element signature="e#0#26#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/components/WorkCard/index.jsx">
<entry file="file://$PROJECT_DIR$/config-overrides.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="199">
<caret line="21" column="19" selection-start-line="19" selection-start-column="16" selection-end-line="21" selection-end-column="19" />
<state relative-caret-position="50">
<caret line="20" column="24" selection-start-line="20" selection-start-column="24" selection-end-line="20" selection-end-column="24" />
<folding>
<element signature="e#0#26#0" expanded="true" />
<element signature="e#526#1590#0" />
<element signature="e#1658#2677#0" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/components/WorkCard/CardItem.jsx">
<entry file="file://$PROJECT_DIR$/src/components/TopSearch/index.less">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="325">
<caret line="13" selection-start-line="13" selection-end-line="13" />
<folding>
<element signature="e#0#26#0" expanded="true" />
</folding>
<state relative-caret-position="250">
<caret line="10" column="18" selection-start-line="10" selection-start-column="1" selection-end-line="10" selection-end-column="18" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/components/WorkCard/index.less">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="150">
<caret line="9" column="7" selection-start-line="9" selection-start-column="2" selection-end-line="9" selection-end-column="7" />
<state relative-caret-position="720">
<caret line="49" column="21" selection-start-line="49" selection-start-column="1" selection-end-line="49" selection-end-column="21" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/package.json">
<entry file="file://$PROJECT_DIR$/src/components/TopNotice/index.less">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-51">
<caret line="11" column="18" selection-start-line="11" selection-start-column="11" selection-end-line="11" selection-end-column="18" />
<state relative-caret-position="200">
<caret line="8" column="21" lean-forward="true" selection-start-line="8" selection-start-column="21" selection-end-line="8" selection-end-column="21" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/config-overrides.js">
<entry file="file://$PROJECT_DIR$/src/components/WorkCard/index.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-1800">
<caret line="3" column="43" selection-start-line="3" selection-start-column="43" selection-end-line="3" selection-end-column="43" />
<state relative-caret-position="175">
<caret line="7" column="43" selection-start-line="7" selection-start-column="43" selection-end-line="7" selection-end-column="43" />
<folding>
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/index.js">
<entry file="file://$PROJECT_DIR$/src/Pages/Work/Work.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="225">
<caret line="9" selection-start-line="9" selection-end-line="9" />
<state relative-caret-position="73">
<caret line="12" column="38" selection-start-line="12" selection-start-column="38" selection-end-line="12" selection-end-column="38" />
<folding>
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/components/WorkCard/CardItem.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="284">
<caret line="16" column="76" selection-start-line="16" selection-start-column="76" selection-end-line="16" selection-end-column="76" />
<folding>
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/components/TopSearch/index.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="375">
<caret line="15" column="38" selection-start-line="15" selection-start-column="29" selection-end-line="15" selection-end-column="38" />
<folding>
<element signature="e#0#26#0" expanded="true" />
</folding>
......
config-overrides.js
View file @ 426dd49b
const { injectBabelPlugin, getLoader } = require('react-app-rewired');
const {override} = require("customize-cra")
const path = require("path")
const rewirePostcss = require('react-app-rewire-postcss');
const px2rem = require('postcss-px2rem')
const fileLoaderMatcher = function (rule) {
return rule.loader && rule.loader.indexOf(`file-loader`) != -1;
}
......@@ -13,6 +17,15 @@ module.exports = function override(config, env) {
style: true, // use less for customized theme
}], config);
config = rewirePostcss(config,{
plugins: () => [
px2rem({
remUnit: 37.5,
exclude:/node-modules/
})
],
});
// customize theme
config.module.rules[1].oneOf.unshift(
{
......@@ -28,10 +41,6 @@ module.exports = function override(config, env) {
ident: 'postcss',
plugins: () => [
require('postcss-flexbugs-fixes'),
px2rem({
remUnit: 37.5,
exclude: /node-modules/
}),
autoprefixer({
browsers: [
'>1%',
......
src/Components/TopNotice/index.less
View file @ 426dd49b
.search-notice-box{
width: 100%;
height: 43.5px;
margin-bottom: 2px;
margin-bottom: 1px;
display: flex;
align-items: center;
}
......
src/Components/TopSearch/index.jsx
View file @ 426dd49b
......@@ -3,12 +3,17 @@ import {SearchBar, Icon} from 'antd-mobile'
import './index.less'
const Index = () => {
const Index = (props) => {
const topSearch = (val) => {
const input = document.getElementsByClassName("top-single-search").value;
console.log(val)
// props.onSearch(val)
}
return (
<div className="search-box">
<Icon type="search" size="xs" className="search-svg"/>
{/*<SearchBar/>*/}
<input className="top-single-search" placeholder="请输入关键字搜索" />
<input onChange={topSearch} className="top-single-search" placeholder="请输入关键字搜索" />
</div>
);
};
......
src/Components/WorkCard/CardItem.jsx
View file @ 426dd49b
import React from 'react';
import React, {Component} from 'react';
import './index.less'
const CardItem = (peops) => {
return (
<div className="card-item">
<div className="card-item-content">
<div className="card-item-content-img">
<img src={peops.data.icon} style={{ width: 35, height: 35 }} alt="" />
</div>
<div className="card-item-content-title">
{peops.data.text}
</div>
class CardItem extends Component {
state = {
addStatus: false
}
componentWillReceiveProps(nextProps, nextContext) {
if (this.props.addStatus !== nextProps.addStatus) {
this.setState({ addStatus: this.props.addStatus });
}
}
render() {
const {data, addCommon} = this.props;
return (
<div className="card-content" onClick={() => data.iconAdd ? addCommon() : null }>
{data.text && (
<div>
<div className="card-content-img">
<img src={data.icon} className="card-content-img-svg" alt="" />
</div>
<div className="card-content-title">
{data.text}
</div>
</div>
)}
</div>
</div>
);
};
);
}
}
export default CardItem;
src/Components/WorkCard/index.jsx
View file @ 426dd49b
import React from 'react';
import React, {Component} from 'react';
import {Grid} from 'antd-mobile'
import './index.less'
import CardItem from './CardItem'
const data = Array.from(new Array(7)).map((_val, i) => ({
icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
text: `name${i}`,
}));
const Index = () => {
const empty = data.length % 3;
empty > 0 && data.push({}, {})
return (
<div>
<div className="work-card-title">
11111
</div>
<div className="work-card-body">
{data.map(item => (
<CardItem data={item}/>
))}
class Index extends Component {
render() {
const {title, type, addStatus, addCommon} = this.props
const emptyIcon = type === 'edit' ? {
text: '添加常用', icon: '', iconAdd: true
} : {};
//测试数据
const data = Array.from(new Array(7)).map((_val, i) => ({
icon: 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png',
text: `name${i}`,
}));
const empty = data.length % 3;
empty === 0 && data.push(emptyIcon, {}, {});
empty === 1 && data.push(emptyIcon, {});
empty === 2 && data.push(emptyIcon);
return (
<div>
<div className="work-card-title">
{title}
</div>
<div className="work-card-body">
{data.map((item, index) => (
<CardItem
key={index}
data={item}
addStatus={addStatus}
addCommon={addCommon}
/>
))}
</div>
</div>
{/*<Grid*/}
{/*data={data}*/}
{/*columnNum={3}*/}
{/*renderItem={dataItem => (*/}
{/*<div style={{ padding: '12.5px' }}>*/}
{/*<img src={dataItem.icon} style={{ width: 35, height: 35 }} alt="" />*/}
{/*<div style={{ color: '#323232', fontSize: 13, marginTop: 18 }}>*/}
{/*收文管理*/}
{/*</div>*/}
{/*</div>*/}
{/*)}*/}
{/*/>*/}
</div>
);
};
);
}
}
export default Index;
src/Components/WorkCard/index.less
View file @ 426dd49b
......@@ -2,25 +2,54 @@
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
//justify-content: center;
align-items: center;
//background: #ffffff;
}
.card-item{
width: 33.33%;
position: relative;
.work-card-title{
line-height: 43px;
border-radius: 6px 6px 0 0;
padding-left: 20px;
background: #ffffff;
margin-bottom: 1px;
color: rgba(50, 50, 50, 0.6);
}
.card-item-content{
padding: 26px 0;
.card-content{
width: 114px;
height: 114px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px salmon solid;
background: #ffffff;
margin-bottom: 1px;
//border: 1px solid rgba(38, 104, 255, 0.1);
}
.card-item-content-img{
margin-bottom: 14px;
.work-card-body > .card-content:nth-child(3n + 2){
margin-left: 1px;
}
.work-card-body > .card-content:nth-child(3n + 3){
margin-left: 1px;
}
.work-card-body > .card-content:last-child{
border-radius: 0 0 6px 0;
}
.work-card-body > .card-content:nth-last-child(3){
border-radius: 0 0 0 6px;
}
.card-content:active{
background: yellow;
}
.card-item-content-title{
.card-content-img{
width: 35px;
height: 35px;
margin-bottom: 14px;
}
.card-content-img-svg{
width: 35px;
height: 35px;
}
.card-content-title{
}
src/Pages/Work/Work.jsx
View file @ 426dd49b
import React from 'react';
import React, {Component} from 'react';
import {WhiteSpace} from "antd-mobile";
import TopSearch from '../../components/TopSearch'
import WorkCard from '../../components/WorkCard'
const Work = () => {
return (
<div>
<WhiteSpace/>
<TopSearch/>
<WhiteSpace/>
<WorkCard/>
</div>
);
};
class Work extends Component {
state = {
addStatus: false
};
commonEdit = () => {
const {addStatus} = this.state;
this.setState({addStatus: !addStatus})
};
workSearch = (val) => {
console.log(val.target)
}
render() {
const {addStatus} = this.props
return (
<div>
<WhiteSpace/>
<TopSearch onSearch={this.workSearch}/>
<WhiteSpace/>
<WorkCard
type="edit"
title="常用板块"
addCommon={this.commonEdit}
addStatus={addStatus}
/>
<WhiteSpace/>
<WorkCard
title="事物管理"
addCommon={this.commonEdit}
addStatus={addStatus}
/>
</div>
);
}
}
export default Work;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment