add
This commit is contained in:
parent
60f14bf858
commit
22e966225b
|
@ -134,6 +134,13 @@ export default function BaseSettingPage() {
|
||||||
<MultiAvatarUploader></MultiAvatarUploader>
|
<MultiAvatarUploader></MultiAvatarUploader>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</div>
|
</div>
|
||||||
|
<div className="p-2 grid grid-cols-8 gap-2 border-b">
|
||||||
|
<Form.Item
|
||||||
|
label="首页轮播图链接"
|
||||||
|
name={["appConfig", "slideLinks"]}>
|
||||||
|
|
||||||
|
</Form.Item>
|
||||||
|
</div>
|
||||||
{/* <div
|
{/* <div
|
||||||
className="p-2 border-b flex items-center justify-between"
|
className="p-2 border-b flex items-center justify-between"
|
||||||
style={{
|
style={{
|
||||||
|
|
|
@ -35,7 +35,7 @@ interface PlatformStat {
|
||||||
|
|
||||||
const HeroSection = () => {
|
const HeroSection = () => {
|
||||||
const carouselRef = useRef<CarouselRef>(null);
|
const carouselRef = useRef<CarouselRef>(null);
|
||||||
const { statistics, slides } = useAppConfig();
|
const { statistics, slides, slideLinks = [] } = useAppConfig();
|
||||||
const [countStatistics, setCountStatistics] = useState<number>(4);
|
const [countStatistics, setCountStatistics] = useState<number>(4);
|
||||||
const platformStats: PlatformStat[] = useMemo(() => {
|
const platformStats: PlatformStat[] = useMemo(() => {
|
||||||
return [
|
return [
|
||||||
|
@ -93,6 +93,9 @@ const HeroSection = () => {
|
||||||
slides.map((item, index) => (
|
slides.map((item, index) => (
|
||||||
<div key={index} className="relative h-[600px]">
|
<div key={index} className="relative h-[600px]">
|
||||||
<div
|
<div
|
||||||
|
onClick={() => {
|
||||||
|
// slideLinks?.[index];
|
||||||
|
}}
|
||||||
className="absolute inset-0 bg-cover bg-center transform transition-[transform,filter] duration-[2000ms] group-hover:scale-105 group-hover:brightness-110 will-change-[transform,filter]"
|
className="absolute inset-0 bg-cover bg-center transform transition-[transform,filter] duration-[2000ms] group-hover:scale-105 group-hover:brightness-110 will-change-[transform,filter]"
|
||||||
style={{
|
style={{
|
||||||
//backgroundImage: `url(https://s.cn.bing.net/th?id=OHR.GiantCuttlefish_ZH-CN0670915878_1920x1080.webp&qlt=50)`,
|
//backgroundImage: `url(https://s.cn.bing.net/th?id=OHR.GiantCuttlefish_ZH-CN0670915878_1920x1080.webp&qlt=50)`,
|
||||||
|
|
|
@ -40,6 +40,9 @@ export function useAppConfig() {
|
||||||
const slides = useMemo(() => {
|
const slides = useMemo(() => {
|
||||||
return baseSetting?.appConfig?.slides || [];
|
return baseSetting?.appConfig?.slides || [];
|
||||||
}, [baseSetting]);
|
}, [baseSetting]);
|
||||||
|
const slideLinks = useMemo(() => {
|
||||||
|
return baseSetting?.appConfig?.slideLinks || [];
|
||||||
|
}, [baseSetting]);
|
||||||
const statistics = useMemo(() => {
|
const statistics = useMemo(() => {
|
||||||
return (
|
return (
|
||||||
baseSetting?.appConfig?.statistics || {
|
baseSetting?.appConfig?.statistics || {
|
||||||
|
@ -59,6 +62,7 @@ export function useAppConfig() {
|
||||||
devDept,
|
devDept,
|
||||||
isLoading,
|
isLoading,
|
||||||
slides,
|
slides,
|
||||||
|
slideLinks,
|
||||||
statistics,
|
statistics,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -43,7 +43,8 @@ export interface BaseSetting {
|
||||||
appConfig?: {
|
appConfig?: {
|
||||||
splashScreen?: string;
|
splashScreen?: string;
|
||||||
devDept?: string;
|
devDept?: string;
|
||||||
slides?: [];
|
slides?: string[];
|
||||||
|
slideLinks?: string[];
|
||||||
statistics?: {
|
statistics?: {
|
||||||
reads?: number;
|
reads?: number;
|
||||||
courses?: number;
|
courses?: number;
|
||||||
|
|
Loading…
Reference in New Issue