Tenlion/system-copyright-react
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
xixi 2024-08-19 11:00:01 +08:00
parent d3b043a68a
commit 25137ed168
3 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/ai/AiHelper.tsx
View File

@ -60,7 +60,7 @@ export default function AiHelper(props: PropsType) {
config: { config: {
params: { params: {
page: page, page: page,
rows: 10 rows: 20
} }
}, },
onSuccess(data: any) { onSuccess(data: any) {
@ -142,7 +142,7 @@ export default function AiHelper(props: PropsType) {
config: { config: {
params: { params: {
page: page, page: page,
rows: 10 rows: 20
} }
}, },
onSuccess({ data }) { onSuccess({ data }) {
@ -613,13 +613,13 @@ export default function AiHelper(props: PropsType) {
</div> </div>
</div> </div>
<div style={{ display: activeTab == '登录' ? 'block' : 'none' }}> <div style={{ display: activeTab == '登录' ? 'block' : 'none' }}>
<div style={{ height: `${height - 80}px`, overflow: 'auto', display: 'flex', justifyContent: 'flex-start', flexWrap: 'wrap', marginTop: 10 }}> <div style={{ height: `${height - 80}px`, overflow: 'auto', display: '', justifyContent: '', flexWrap: 'wrap', marginTop: 10 }}>
{ {
loginpageArray.map((item) => { loginpageArray.map((item) => {
const imgSrc = `${Axios.defaults?.baseURL}/route/file/v2/download/true/${item.previewImgs}`; const imgSrc = `${Axios.defaults?.baseURL}/route/file/v2/download/true/${item.previewImgs}`;
return ( return (
<div key={item.loginpageId} className={item.loginpageId == loginpageId ? 'page-img-select page-img-selected' : 'page-img-select'} <div key={item.loginpageId} className={item.loginpageId == loginpageId ? 'page-img-select page-img-selected' : 'page-img-select'}
style={{ marginRight: '10px', marginBottom: '10px', width: 265, height: 150, borderRadius: 15 }} style={{ marginRight: '10px', marginBottom: '10px', width: 210, height: 120, borderRadius: 15 }}
onClick={() => { onClick={() => {
setloginpageId(item.loginpageId) setloginpageId(item.loginpageId)
put({ put({
@ -645,7 +645,9 @@ export default function AiHelper(props: PropsType) {
<div className="page-img" > <div className="page-img" >
<Image <Image
src={imgSrc} src={imgSrc}
preview={false} width={265} height={150} preview={false}
width={210} height={120}
// width={265} height={135}
style={{ borderRadius: 15 }} /> style={{ borderRadius: 15 }} />
</div> </div>
<div className="page-title"> <div className="page-title">
@ -658,13 +660,14 @@ export default function AiHelper(props: PropsType) {
) )
}) })
} }
</div> </div>
<div className='pagination'> <div className='pagination'>
{/* defaultCurrent: 默认当前页数 total:数据总数 defaultPageSize:'页面显示几条' */} {/* defaultCurrent: 默认当前页数 total:数据总数 defaultPageSize:'页面显示几条' */}
<Pagination <Pagination
showSizeChanger={false} showSizeChanger={false}
defaultCurrent={1} total={total} defaultPageSize={10} onChange={(page) => { defaultCurrent={1} total={total} defaultPageSize={20} onChange={(page) => {
// console.log(page); // console.log(page);
// setPage(page) // setPage(page)
setloginpageArray([]) setloginpageArray([])
@ -675,13 +678,13 @@ export default function AiHelper(props: PropsType) {
</div> </div>
<div style={{ display: activeTab == '页面' ? 'block' : 'none' }}> <div style={{ display: activeTab == '页面' ? 'block' : 'none' }}>
<div style={{ height: `${height - 80}px`, overflow: 'auto', display: 'flex', justifyContent: 'flex-start', flexWrap: 'wrap', marginTop: 10 }}> <div style={{ height: `${height - 80}px`, overflow: 'auto', display: '', justifyContent: 'flex-start', flexWrap: 'wrap', marginTop: 10 }}>
{ {
pageImgArray.map((item) => { pageImgArray.map((item) => {
const imgSrc = `${Axios.defaults?.baseURL}/route/file/v2/download/true/${item.previewImgs}`; const imgSrc = `${Axios.defaults?.baseURL}/route/file/v2/download/true/${item.previewImgs}`;
return ( return (
<div key={item.loginpageId} className={item.codeTypePageId == codeTypePageId ? 'page-img-select page-img-selected' : 'page-img-select'} <div key={item.loginpageId} className={item.codeTypePageId == codeTypePageId ? 'page-img-select page-img-selected' : 'page-img-select'}
style={{ marginRight: '10px', marginBottom: '10px', width: 265, height: 135, borderRadius: 15 }} style={{ marginRight: '10px', marginBottom: '10px', width: 210, height: 120, borderRadius: 15 }}
onClick={() => { onClick={() => {
// setSelectedId(item.codeTypePageId) // setSelectedId(item.codeTypePageId)
// setSelectedImg(item.previewImgs) // setSelectedImg(item.previewImgs)
@ -707,7 +710,11 @@ export default function AiHelper(props: PropsType) {
<div className="page-img" > <div className="page-img" >
<Image <Image
src={imgSrc} src={imgSrc}
preview={false} width={265} height={135} style={{ borderRadius: 15 }} /> preview={false}
// width={265} height={135}
width={210} height={120}
style={{ borderRadius: 15 }} />
</div> </div>
<div className="page-title"> <div className="page-title">
<div className="checkbox"></div> <div className="checkbox"></div>
@ -723,7 +730,7 @@ export default function AiHelper(props: PropsType) {
{/* defaultCurrent: 默认当前页数 total:数据总数 defaultPageSize:'页面显示几条' */} {/* defaultCurrent: 默认当前页数 total:数据总数 defaultPageSize:'页面显示几条' */}
<Pagination <Pagination
showSizeChanger={false} showSizeChanger={false}
defaultCurrent={1} total={pageTotal} defaultPageSize={10} onChange={(page) => { defaultCurrent={1} total={pageTotal} defaultPageSize={20} onChange={(page) => {
console.log(page); console.log(page);
// setPage(page) // setPage(page)
setpageImgArray([]) setpageImgArray([])

2
src/components/ai/mod/AiHelperMod.tsx
View File

@ -333,7 +333,7 @@ export default function AiHelperMod(props: PropsType) {
// </Modal> // </Modal>
// </> // </>
<div style={{ height: `${height}px`, border: '1px solid #D5D5D5' }}> <div style={{ height: `${height}px`, border: '1px solid #D5D5D5',overflow:'auto' }}>
<div className="aiMod-top"> <div className="aiMod-top">
{modArray.length > 0 ? {modArray.length > 0 ?
<> <>

2
src/components/ai/text/AiHelperText.tsx
View File

@ -201,7 +201,7 @@ export default function AiHelperText(props: PropsType) {
<div className="aiText" style={{ height: `${height}px` }}> <div className="aiText" style={{ height: `${height}px`,overflow:'auto' }}>
<div className="aiText-top"> <div className="aiText-top">
{renderTextDom()} {renderTextDom()}
<div className="aiText-top-btn" style={{ display: props.text ? 'block' : 'none' }}> <div className="aiText-top-btn" style={{ display: props.text ? 'block' : 'none' }}>