"use client";
import React, { useEffect, useState } from "react";
import Image from "next/image";
import axios from "axios";
export default function Features() {
const [data, setData] = useState(null);
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);
useEffect(() => {
async function fetchData() {
try {
setLoading(true);
const res = await axios.get("/api/get-component-data", {
params: { component_name: "Features" },
});
setData(res.data.data);
} catch (err) {
setError("获取Features数据失败");
} finally {
setLoading(false);
}
}
fetchData();
}, []);
if (loading) return Loading...
;
if (error) return null;
if (!data) return null;
// 主图
const mainImage = data.image || "/assets/img/photos/about2.jpg";
// 标题/副标题/描述
const title = data.title || "";
const subtitle = data.subtitle || "";
const description = data.description || "";
const icon = data.icon || "/files/icon.svg";
const htmlCode = data.html_code || "";
const buttonText = data.button_text || "MORE";
const buttonLink = data.button_link || "#";
// items 子表
// const items = data.items || [];
return (
{/* 左侧内容区 */}
{htmlCode ? (
) : (
)}
{title}
{/* 右侧图片区 */}