Browse Source

*input搜索框加入图片及部分样式修改

release_0.0.1
wanyiwei 3 years ago
parent
commit
ce1b8102d0
  1. BIN
      web/client/assets/images/quanju/search.png
  2. 30
      web/client/src/sections/quanju/containers/footer/operation/left.js

BIN
web/client/assets/images/quanju/search.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

30
web/client/src/sections/quanju/containers/footer/operation/left.js

@ -1,4 +1,5 @@
import React, { useMemo, useState, useEffect } from 'react';
import { SearchOutlined } from '@ant-design/icons';
import { Col, Row, Input, Tree } from 'antd'
import Module from '../../public/module'
@ -144,21 +145,26 @@ const Left = () => {
<div style={{ display: 'flex', flexDirection: 'column', width: "23%", height: "100%", marginLeft: "1%" }}>
<Module style={style} title={"公交车辆信息"}>
<div style={{ width: '90%', height: '96', margin: '2% 5%', }}>
<Input
style={{
marginBottom: 8,
backgroundColor: 'rgba(0, 33, 99, 0.8)',
borderColor: 'rgba(10, 114, 255, 1)',
color: '#fff'
}}
// placeholder="Search"
onChange={onChange}
/>
<div style={{ border: '1px solid rgba(10, 114, 255, 1)', backgroundColor: 'rgba(10, 114, 255, 0.1)' }}>
<img src='assets/images/quanju/search.png' style={{ width: '5%', margin: '0 1.5% 1% 3.5%' }} />
<Input
style={{
width: '90%',
background: 'none',
backgroundColor: 'none',
color: 'rgba(216, 240, 255, 0.8)',
border: 'none',
boxShadow: 'none',
}}
placeholder="请输入车牌号"
onChange={onChange}
/>
</div>
<Tree
rootStyle={{
background: 'none',
borderColor: 'rgba(10, 114, 255, 1)',
color: '#fff'
borderColor: 'none',
color: 'rgba(255, 255, 255, 1)'
}}
onExpand={onExpand}
expandedKeys={expandedKeys}

Loading…
Cancel
Save