qiuchenfan
/
news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

grassroots dynamics

This commit is contained in:
jinsir 2025-11-18 21:11:12 +08:00
parent b477d75218
commit b5e0ebeb3a
2 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/body/GrassrootsDynamics.tsx
View File

@ -3,14 +3,8 @@ import List from '../list/List';
export default function GrassrootsDynamics() {
return (
<div className="flex bg-white rounded-2xl shadow-xl overflow-hidden">
{/* 左边图片 */}
<div className="flex bg-white rounded-2xl shadow-xl overflow-hidden mx-auto w-4/5">
<div className="w-2/5 bg-pink-50 p-6 flex flex-col items-center justify-center relative">
{/* 装饰图形 */}
<div className="absolute top-4 left-4 w-16 h-16 bg-blue-500 rounded-full opacity-80"></div>
<div className="absolute bottom-4 right-4 w-20 h-20 bg-blue-500 rounded-full opacity-80"></div>
{/* 图片 */}
<div className="w-full h-64 flex items-center justify-center overflow-hidden rounded-lg">
<img
src="/images/carousel-1.jpg"
@ -21,7 +15,7 @@ export default function GrassrootsDynamics() {
</div>
{/* 右边列表 */}
<div className="w-3/5 bg-blue-100 text-white p-6">
<div className="w-3/5 bg-blue-200 text-white p-6">
<List />
</div>
</div>

2
app/components/list/NewsList.tsx
View File

@ -32,7 +32,7 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
// 使用新闻数据渲染列表
const NewsList: React.FC = () => {
return (
<div className="bg-gray-100 p-6 rounded-lg shadow-md">
<div className="bg-gray-100 p-6 rounded-lg shadow-md w-4/5 mx-auto">
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
{/* 科技新闻 */}
<div className="bg-white p-6 rounded-lg shadow-sm">