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-07-22 10:46:25 +08:00
parent cf6d539d59
commit 4f673d2a8f
3 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/scrollAD/ScrollAd.tsx
View File

@ -19,6 +19,7 @@ export default function ScrollAd(props:any) {
<div className="scrolling-ad-content"> <div className="scrolling-ad-content">
{props.ad} {props.ad}
{/* 广告11111111111111111111111112222222222222222222223333333333333 */}
</div> </div>
</div> </div>

4
src/components/scrollAD/scrollAd.css
View File

@ -12,10 +12,10 @@
} }
.scrolling-ad-content { .scrolling-ad-content {
font-size: 16px;
display: inline-block; display: inline-block;
padding-left: 100%; /* 确保广告从盒子外开始滚动 */ padding-left: 100%; /* 确保广告从盒子外开始滚动 */
animation: scrollLeft 10s linear infinite; /* 滚动动画，持续时间为10秒，线性匀速，无限循环 */ animation: scrollLeft 25s linear infinite; /* 滚动动画，持续时间为25秒，线性匀速，无限循环 */
} }
@keyframes scrollLeft { @keyframes scrollLeft {

9
src/route/index/Index.tsx
View File

@ -4,7 +4,7 @@ import { MouseEvent, Reducer, useEffect, useReducer, useState } from "react";
import { useNavigate, useSearchParams, Outlet } from "react-router-dom"; import { useNavigate, useSearchParams, Outlet } from "react-router-dom";
import { IMenuListItem, IMenuWithTopButton } from "../../interfaces/menu/IMenuWithTopButton.ts"; import { IMenuListItem, IMenuWithTopButton } from "../../interfaces/menu/IMenuWithTopButton.ts";
import MenuWithTopButton from "../../components/menu/MenuWithTopButton.tsx"; import MenuWithTopButton from "../../components/menu/MenuWithTopButton.tsx";
// import MenuWithBottomButtom from '../../components/menu/MenuWithBottomButton.tsx' import MenuWithBottomButtom from '../../components/menu/MenuWithBottomButton.tsx'
import MenuTreeWithTopButton from "../../components/menu/MenuTreeWithTopButton.tsx"; import MenuTreeWithTopButton from "../../components/menu/MenuTreeWithTopButton.tsx";
// import ListProj from "../../components/list/ListProj.tsx"; // import ListProj from "../../components/list/ListProj.tsx";
// import ListProjAgent from "../../components/list/ListProjAgent.tsx"; // import ListProjAgent from "../../components/list/ListProjAgent.tsx";
@ -233,7 +233,7 @@ export default function Index() {
setShowSearchBox(false) setShowSearchBox(false)
// setNewname(location.pathname) // setNewname(location.pathname)
setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: '编辑项目' }]) setPathArray([{ title: <Link to={'/home'}>首页 </Link> }, { title: '编辑项目' }])
} else if (location.pathname.includes('/proj-edit/step1')) { } else if (location.pathname.includes('/proj-edit/step1')) {
setNow('标题简介') setNow('标题简介')
setShowSearchBox(false) setShowSearchBox(false)
@ -388,7 +388,7 @@ export default function Index() {
list={agentMenu.list} list={agentMenu.list}
handleListItem={agentMenu.handleListItem} handleListItem={agentMenu.handleListItem}
/> */} /> */}
{/* <MenuWithBottomButtom <MenuWithBottomButtom
button={sellMenu.button} button={sellMenu.button}
list={sellMenu.list} list={sellMenu.list}
handleListItem={sellMenu.handleListItem} handleListItem={sellMenu.handleListItem}
@ -397,7 +397,7 @@ export default function Index() {
button={buyMenu.button} button={buyMenu.button}
list={buyMenu.list} list={buyMenu.list}
handleListItem={buyMenu.handleListItem} handleListItem={buyMenu.handleListItem}
/> */} />
</div> </div>
</div> </div>
<div className="right"> <div className="right">
@ -453,6 +453,7 @@ export default function Index() {
{ value: 'ALL', label: '全托管' }, { value: 'ALL', label: '全托管' },
]} ]}
defaultValue="" defaultValue=""
// placeholder={'选择类型'}
/> />
<div style={{ <div style={{
width: '253px', width: '253px',