样式修改

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

View File

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

View File

@ -333,7 +333,7 @@ export default function AiHelperMod(props: PropsType) {
// </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">
{modArray.length > 0 ?
<>

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">
{renderTextDom()}
<div className="aiText-top-btn" style={{ display: props.text ? 'block' : 'none' }}>