update
This commit is contained in:
parent
9d93a8ec37
commit
b95f6abdcc
|
|
@ -25,6 +25,8 @@
|
||||||
Learn how to configure a non-root public URL by running `npm run build`.
|
Learn how to configure a non-root public URL by running `npm run build`.
|
||||||
-->
|
-->
|
||||||
<title>银泰</title>
|
<title>银泰</title>
|
||||||
|
<meta name="keywords" content="银泰,银泰集团,银泰商业,银泰百货,银泰城,银泰中心,银泰百货股份有限公司" />
|
||||||
|
<meta name="description" content="银泰集团是中国领先的商业地产开发商和运营商,致力于打造高品质的商业综合体和购物中心,为消费者提供优质的购物、娱乐和休闲体验。" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||||
|
|
|
||||||
|
|
@ -43,7 +43,7 @@ const app = {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 新闻列表
|
// 新闻列表
|
||||||
getNewsList(params: Params & { title?: string, category_id?: string }) {
|
getNewsList(params: Params & { title?: string, category_id?: string, pinned?: string }) {
|
||||||
return requests({
|
return requests({
|
||||||
url: "/yt/api/news",
|
url: "/yt/api/news",
|
||||||
method: "get",
|
method: "get",
|
||||||
|
|
|
||||||
|
|
@ -123,10 +123,9 @@ export default function TopTabs({ data, activeIndex, setActiveIndex, className }
|
||||||
)} */}
|
)} */}
|
||||||
<div ref={containerRef} className={styles.topTabsTabs}
|
<div ref={containerRef} className={styles.topTabsTabs}
|
||||||
>
|
>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
ref={scrollRef}
|
ref={scrollRef}
|
||||||
className={`${styles.topTabsTabsScroll} ${data.tabItems.length < 4 ? styles.topTabsTabsScrollCenter : ''}`}
|
className={`${styles.topTabsTabsScroll} ${data.tabItems.length <= 4 ? styles.topTabsTabsScrollCenter : ''}`}
|
||||||
>
|
>
|
||||||
{data.tabItems.map((item, index) => (
|
{data.tabItems.map((item, index) => (
|
||||||
<div
|
<div
|
||||||
|
|
|
||||||
|
|
@ -72,7 +72,7 @@
|
||||||
|
|
||||||
.topTabsTabsScrollCenter {
|
.topTabsTabsScrollCenter {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 8.125rem;
|
gap: 8.125rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topTabsBottomLine {
|
.topTabsBottomLine {
|
||||||
|
|
|
||||||
|
|
@ -420,7 +420,7 @@
|
||||||
margin: 0 0 0.5rem;
|
margin: 0 0 0.5rem;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
height: 4.375rem;
|
height: 4.375rem;
|
||||||
max-width: 37.5rem;
|
max-width: 30vw;
|
||||||
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-line-clamp: 2;
|
-webkit-line-clamp: 2;
|
||||||
|
|
|
||||||
|
|
@ -34,7 +34,7 @@ export default function Home() {
|
||||||
<Banner
|
<Banner
|
||||||
title={banner?.title ?? ""}
|
title={banner?.title ?? ""}
|
||||||
desc={<span style={{ fontSize: '2.125rem' }}>{banner?.content}</span>}
|
desc={<span style={{ fontSize: '2.125rem' }}>{banner?.content}</span>}
|
||||||
backgroundImage={banner?.backgroundImage }
|
backgroundImage={banner?.backgroundImage}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{/* Commercial */}
|
{/* Commercial */}
|
||||||
|
|
@ -82,7 +82,7 @@ export default function Home() {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function News({data}: any) {
|
function News({ data }: any) {
|
||||||
const locale = useStore((s) => s.locale);
|
const locale = useStore((s) => s.locale);
|
||||||
const categoryList = useStore((s) => s.categoryList);
|
const categoryList = useStore((s) => s.categoryList);
|
||||||
const [newsData, setNewsData] = useState<any[]>([]);
|
const [newsData, setNewsData] = useState<any[]>([]);
|
||||||
|
|
@ -97,7 +97,11 @@ function News({data}: any) {
|
||||||
|
|
||||||
const handleVideoPlay = () => {
|
const handleVideoPlay = () => {
|
||||||
if (videoRef.current) {
|
if (videoRef.current) {
|
||||||
videoRef.current.play();
|
try {
|
||||||
|
videoRef.current.play();
|
||||||
|
} catch (err) {
|
||||||
|
console.log('---video play error', err)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
@ -109,7 +113,7 @@ function News({data}: any) {
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleSearch = useCallback((category_id: any) => {
|
const handleSearch = useCallback((category_id: any) => {
|
||||||
appApi.getNewsList({ page: 1, size: 6, sort: "create_time DESC", category_id }).then((res) => {
|
appApi.getNewsList({ page: 1, size: 6, sort: "weight DESC", pinned: "1", category_id }).then((res) => {
|
||||||
const data = res.data.items.map((item: any) => {
|
const data = res.data.items.map((item: any) => {
|
||||||
return {
|
return {
|
||||||
id: item.id,
|
id: item.id,
|
||||||
|
|
@ -174,7 +178,7 @@ function News({data}: any) {
|
||||||
<span className={styles.newsItemDate}>{locale.startsWith("zh")
|
<span className={styles.newsItemDate}>{locale.startsWith("zh")
|
||||||
? dateFormat(item.date, "yyyy年MM月dd日")
|
? dateFormat(item.date, "yyyy年MM月dd日")
|
||||||
: dateFormat(item.date, "yyyy-MM-dd")
|
: dateFormat(item.date, "yyyy-MM-dd")
|
||||||
}</span>
|
}</span>
|
||||||
<ArrowRightOutlined className={styles.newsItemArrowIcon} style={{ fontSize: '12px' }} />
|
<ArrowRightOutlined className={styles.newsItemArrowIcon} style={{ fontSize: '12px' }} />
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@ export default function NewsPublic() {
|
||||||
const [searchValue, setSearchValue] = useState("");
|
const [searchValue, setSearchValue] = useState("");
|
||||||
const handleSearch = useCallback(() => {
|
const handleSearch = useCallback(() => {
|
||||||
appApi.getNewsList({
|
appApi.getNewsList({
|
||||||
page, size, sort: "create_time DESC", title: searchValue,
|
page, size, sort: "weight DESC", title: searchValue,
|
||||||
category_id: categoryId,
|
category_id: categoryId,
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
const data = res.data.items.map((item: any) => {
|
const data = res.data.items.map((item: any) => {
|
||||||
|
|
|
||||||
|
|
@ -48,7 +48,7 @@ export default function Search() {
|
||||||
size,
|
size,
|
||||||
title: searchKeyword,
|
title: searchKeyword,
|
||||||
category_id: categoryId,
|
category_id: categoryId,
|
||||||
sort: "create_time DESC",
|
sort: "weight DESC",
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
setSearched(true);
|
setSearched(true);
|
||||||
const data = res.data.items.map((item: any) => {
|
const data = res.data.items.map((item: any) => {
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@ export default function Foundation() {
|
||||||
}, [newsList, locale])
|
}, [newsList, locale])
|
||||||
const getNewsList = useCallback(() => {
|
const getNewsList = useCallback(() => {
|
||||||
appApi.getNewsList({
|
appApi.getNewsList({
|
||||||
page: 1, size: 1000, sort: "create_time DESC",
|
page: 1, size: 1000, sort: "weight DESC",
|
||||||
category_id: String(categoryList?.find((item: any) => item.name.includes('【银泰公益基金会】公益传播'))?.id ?? ''),
|
category_id: String(categoryList?.find((item: any) => item.name.includes('【银泰公益基金会】公益传播'))?.id ?? ''),
|
||||||
}).then((res: any) => {
|
}).then((res: any) => {
|
||||||
setNewsList(res.data.items.map((item: any) => {
|
setNewsList(res.data.items.map((item: any) => {
|
||||||
|
|
|
||||||
|
|
@ -46,7 +46,7 @@ export default function Sustainability() {
|
||||||
appApi.getNewsList({
|
appApi.getNewsList({
|
||||||
page: 1,
|
page: 1,
|
||||||
size: 8,
|
size: 8,
|
||||||
sort: "create_time DESC",
|
sort: "weight DESC",
|
||||||
category_id: String(categoryList?.find((item: any) => item.name.includes('【可持续发展】社会责任案例集'))?.id ?? ''),
|
category_id: String(categoryList?.find((item: any) => item.name.includes('【可持续发展】社会责任案例集'))?.id ?? ''),
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
const items = res.data.items.map((item: any) => {
|
const items = res.data.items.map((item: any) => {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue