Skip to content

W
web
提交 74855ce3 作者: 翁进城
操作

图标恢复

上级 79a0da76
正在显示 包含 205 行增加 和 203 行删除
pages/home/waterfallFlowBody/index.tsx
import React from 'react'; import React from "react";
import {Space,Select,Button} from 'antd'; import { Space, Select, Button } from "antd";
import Image from 'next/image'; import Image from "next/image";
import {Box} from './styled'; import { Box } from "./styled";
import ContentBox from '~/components/contentBox'; import ContentBox from "~/components/contentBox";
import RotationChart from './components/rotationChart' import RotationChart from "./components/rotationChart";
import Map from './components/map'; import Map from "./components/map";
// import icon from './_assets/icon.png'; import icon from './assets/icon.png';
const icon = 'error' // const icon = "error";
export default function WaterfallFlowBody() { export default function WaterfallFlowBody() {
const onMoreChange = (value: string) => { const onMoreChange = (value: string) => {
console.log("更多", value); console.log("更多", value);
}; };
const title = [ const title = [
{ {
name:"无人机出租" name: "无人机出租",
} },
] ];
const leftDom = <div className='item'> const leftDom = (
<div className='item-title'> <div className="item">
<div className='item-left'> <div className="item-title">
<div className='item-left-icon'> <div className="item-left">
<Image src={icon} alt='#'/> <div className="item-left-icon">
</div> <Image src={icon} alt="#" />
<div className='item-left-label'>
无人机出租
</div> </div>
<div className="item-left-label">无人机出租</div>
</div>
<div>
<Select
placeholder="更多"
onChange={onMoreChange}
bordered={false}
dropdownMatchSelectWidth={false}
options={[
{ value: "jack", label: "Jack" },
{ value: "lucy", label: "Lucy" },
{ value: "Yiminghe", label: "yiminghe" },
{ value: "disabled", label: "Disabled", disabled: true },
]}
/>
</div>
</div> </div>
<div> <div className="item-body">
<Select <Space size={[10, 8]} wrap>
placeholder="更多" <div className="item-bubble">123123</div>
onChange={onMoreChange} <div className="item-bubble active">123123</div>
bordered={false} <div className="item-bubble">123123</div>
dropdownMatchSelectWidth={false} <div className="item-bubble active">123123</div>
options={[ <div className="item-bubble">123123</div>
{ value: "jack", label: "Jack" }, <div className="item-bubble">123123</div>
{ value: "lucy", label: "Lucy" }, <div className="item-bubble">123123</div>
{ value: "Yiminghe", label: "yiminghe" }, <div className="item-bubble">123123</div>
{ value: "disabled", label: "Disabled", disabled: true }, </Space>
]}
/>
</div> </div>
</div> </div>
<div className='item-body'> );
<Space size={[10, 8]} wrap>
<div className='item-bubble'>
123123
</div>
<div className='item-bubble active'>
123123
</div>
<div className='item-bubble'>
123123
</div>
<div className='item-bubble active'>
123123
</div>
<div className='item-bubble'>
123123
</div>
<div className='item-bubble'>
123123
</div>
<div className='item-bubble'>
123123
</div>
<div className='item-bubble'>
123123
</div>
</Space>
</div>
</div>
const rightDom = <div className='right-box-item right-item'> const rightDom = (
<div className="title"> <div className="right-box-item right-item">
asdasdas <div className="title">asdasdas</div>
</div>
<div className="body"> <div className="body">
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className="item-image">
<Image className='item-image' src={icon} alt='#'/> <Image className="item-image" src={icon} alt="#" />
</div> </div>
</div> </div>
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className="item-image">
<Image className='item-image' src={icon} alt='#'/> <Image className="item-image" src={icon} alt="#" />
</div> </div>
</div> </div>
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className="item-image">
<Image className='item-image' src={icon} alt='#'/> <Image className="item-image" src={icon} alt="#" />
</div> </div>
</div> </div>
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className="item-image">
<Image className='item-image' src={icon} alt='#'/> <Image className="item-image" src={icon} alt="#" />
</div> </div>
</div> </div>
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className="item-image">
<Image className='item-image' src={icon} alt='#'/> <Image className="item-image" src={icon} alt="#" />
</div> </div>
</div> </div>
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className="item-image">
<Image className='item-image' src={icon} alt='#'/> <Image className="item-image" src={icon} alt="#" />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
);
const rightDom2 = <div className='right-box-item right-item-second'> const rightDom2 = (
<div className="title"> <div className="right-box-item right-item-second">
asdasdas <div className="title">asdasdas</div>
</div>
<div className="body"> <div className="body">
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
<div className='label-top'> <div className="label-top">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='label-bottom'> <div className="label-bottom">123123</div>
123123 </div>
</div> <div className="item-right">
</div> <Button className="btn" size="small" type="primary">
<div className='item-right'> 申请合作
<Button className='btn' size='small' type="primary">申请合作</Button> </Button>
</div> </div>
</div> </div>
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
<div className='label-top'> <div className="label-top">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='label-bottom'> <div className="label-bottom">123123</div>
123123 </div>
</div> <div className="item-right">
</div> <Button className="btn" size="small" type="primary">
<div className='item-right'> 申请合作
<Button className='btn' size='small' type="primary">申请合作</Button> </Button>
</div> </div>
</div> </div>
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
<div className='label-top'> <div className="label-top">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='label-bottom'> <div className="label-bottom">123123</div>
123123 </div>
</div> <div className="item-right">
</div> <Button className="btn" size="small" type="primary">
<div className='item-right'> 申请合作
<Button className='btn' size='small' type="primary">申请合作</Button> </Button>
</div> </div>
</div> </div>
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
<div className='label-top'> <div className="label-top">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='label-bottom'> <div className="label-bottom">123123</div>
123123 </div>
</div> <div className="item-right">
</div> <Button className="btn" size="small" type="primary">
<div className='item-right'> 申请合作
<Button className='btn' size='small' type="primary">申请合作</Button> </Button>
</div> </div>
</div> </div>
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
<div className='label-top'> <div className="label-top">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='label-bottom'> <div className="label-bottom">123123</div>
123123 </div>
</div> <div className="item-right">
</div> <Button className="btn" size="small" type="primary">
<div className='item-right'> 申请合作
<Button className='btn' size='small' type="primary">申请合作</Button> </Button>
</div> </div>
</div> </div>
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
<div className='label-top'> <div className="label-top">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='label-bottom'> <div className="label-bottom">123123</div>
123123 </div>
</div> <div className="item-right">
</div> <Button className="btn" size="small" type="primary">
<div className='item-right'> 申请合作
<Button className='btn' size='small' type="primary">申请合作</Button> </Button>
</div> </div>
</div> </div>
<div className='body-item'> <div className="body-item">
<div className='item-label'> <div className="item-label">
<div className='label-top'> <div className="label-top">
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='label-bottom'> <div className="label-bottom">123123</div>
123123 </div>
</div> <div className="item-right">
</div> <Button className="btn" size="small" type="primary">
<div className='item-right'> 申请合作
<Button className='btn' size='small' type="primary">申请合作</Button> </Button>
</div> </div>
</div> </div>
</div>
</div>
);
</div>
</div>
return ( return (
<Box> <Box>
<ContentBox boxIndex={2} leftRenderDom={{columns:[{noFor:true,element:<RotationChart/>},{element:leftDom},{element:leftDom},{element:leftDom},{element:leftDom},{element:leftDom},{element:leftDom}]}} rightRenderDom={{columns:[{element:<Map/>},{element:rightDom},{element:rightDom2}]}}/> <ContentBox
boxIndex={2}
leftRenderDom={{
columns: [
{ noFor: true, element: <RotationChart /> },
{ element: leftDom },
{ element: leftDom },
{ element: leftDom },
{ element: leftDom },
{ element: leftDom },
{ element: leftDom },
],
}}
rightRenderDom={{
columns: [
{ element: <Map /> },
{ element: rightDom },
{ element: rightDom2 },
],
}}
/>
</Box> </Box>
) );
} }
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论