談蓝色
10 months ago
26 changed files with 8567 additions and 1447 deletions
-
78frontend/index.html
-
8109frontend/package-lock.json
-
3frontend/package.json
-
0frontend/public/img/bj.png
-
0frontend/public/img/chimg.png
-
2frontend/src/App.jsx
-
10frontend/src/components/EmbeddingSelection/OllamaOptions/index.jsx
-
12frontend/src/components/LLMSelection/OllamaLLMOptions/index.jsx
-
2frontend/src/components/Modals/ManageWorkspace/Documents/UploadFile/FileUploadProgress/index.jsx
-
4frontend/src/components/Modals/Password/index.jsx
-
2frontend/src/components/SettingsSidebar/index.jsx
-
2frontend/src/components/Sidebar/index.jsx
-
26frontend/src/components/UserMenu/AccountModal/index.jsx
-
1frontend/src/pages/Admin/Section/index.jsx
-
29frontend/src/pages/DataAnalysis/DataAnalysis.css
-
129frontend/src/pages/DataAnalysis/index.jsx
-
2frontend/src/pages/Home/home.css
-
12frontend/src/pages/Home/index.jsx
-
123frontend/src/pages/ReportGeneration/ReportGeneration.css
-
36frontend/src/pages/ReportGeneration/index.jsx
-
123frontend/src/pages/Tendency/Tendency.css
-
257frontend/src/pages/Tendency/index.jsx
-
31frontend/src/pages/Yuqingfenxi/index.jsx
-
3frontend/src/utils/paths.js
-
1008package-lock.json
-
4package.json
@ -1,38 +1,50 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html lang="en"> |
<html lang="en"> |
||||
|
|
||||
<head> |
|
||||
<meta charset="UTF-8" /> |
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.png" /> |
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
||||
<title>琛海AI | 大模型私有化训练</title> |
|
||||
|
|
||||
<meta name="title" content="琛海AI | 大模型私有化训练"> |
|
||||
<meta name="description" content="琛海AI | 大模型私有化训练"> |
|
||||
|
|
||||
<!-- Facebook --> |
|
||||
<meta property="og:type" content="website"> |
|
||||
<meta property="og:url" content="https://anythingllm.com"> |
|
||||
<meta property="og:title" content="琛海AI | 大模型私有化训练"> |
|
||||
<meta property="og:description" content="琛海AI | 大模型私有化训练"> |
|
||||
<meta property="og:image" |
|
||||
content="https://raw.githubusercontent.com/Mintplex-Labs/anything-llm/master/images/promo.png"> |
|
||||
|
|
||||
<!-- Twitter --> |
|
||||
<meta property="twitter:card" content="summary_large_image"> |
|
||||
<meta property="twitter:url" content="https://anythingllm.com"> |
|
||||
<meta property="twitter:title" content="琛海AI | 大模型私有化训练"> |
|
||||
<meta property="twitter:description" content="琛海AI | 大模型私有化训练"> |
|
||||
<meta property="twitter:image" |
|
||||
content="https://raw.githubusercontent.com/Mintplex-Labs/anything-llm/master/images/promo.png"> |
|
||||
|
|
||||
<link rel="icon" href="/favicon.png" /> |
|
||||
<link rel="apple-touch-icon" href="/favicon.png" /> |
|
||||
</head> |
|
||||
|
|
||||
<body> |
|
||||
<div id="root" class="h-screen"></div> |
|
||||
<script type="module" src="/src/main.jsx"></script> |
|
||||
</body> |
|
||||
|
<head> |
||||
|
<meta charset="UTF-8" /> |
||||
|
<link rel="icon" type="image/svg+xml" href="/favicon.png" /> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
|
<title>琛海AI | 大模型私有化训练</title> |
||||
|
|
||||
|
<meta name="title" content="琛海AI | 大模型私有化训练"> |
||||
|
<meta name="description" content="琛海AI | 大模型私有化训练"> |
||||
|
|
||||
|
<!-- Facebook --> |
||||
|
<meta property="og:type" content="website"> |
||||
|
<meta property="og:url" content="https://anythingllm.com"> |
||||
|
<meta property="og:title" content="琛海AI | 大模型私有化训练"> |
||||
|
<meta property="og:description" content="琛海AI | 大模型私有化训练"> |
||||
|
<meta property="og:image" |
||||
|
content="https://raw.githubusercontent.com/Mintplex-Labs/anything-llm/master/images/promo.png"> |
||||
|
|
||||
|
<!-- Twitter --> |
||||
|
<meta property="twitter:card" content="summary_large_image"> |
||||
|
<meta property="twitter:url" content="https://anythingllm.com"> |
||||
|
<meta property="twitter:title" content="琛海AI | 大模型私有化训练"> |
||||
|
<meta property="twitter:description" content="琛海AI | 大模型私有化训练"> |
||||
|
<meta property="twitter:image" |
||||
|
content="https://raw.githubusercontent.com/Mintplex-Labs/anything-llm/master/images/promo.png"> |
||||
|
|
||||
|
<link rel="icon" href="/favicon.png" /> |
||||
|
<link rel="apple-touch-icon" href="/favicon.png" /> |
||||
|
|
||||
|
<style> |
||||
|
html, |
||||
|
body, |
||||
|
.light { |
||||
|
height: 100%; |
||||
|
margin: 0px; |
||||
|
padding: 0px; |
||||
|
font-family: '思源宋体 Light' !important; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<div id="root" class="h-screen"></div> |
||||
|
<script type="module" src="/src/main.jsx"></script> |
||||
|
</body> |
||||
|
|
||||
</html> |
</html> |
||||
8109
frontend/package-lock.json
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,123 @@ |
|||||
|
.box { |
||||
|
width: 100%; |
||||
|
min-height: 100vh; |
||||
|
padding: 10px 0; |
||||
|
background-color: #F7F7FC; |
||||
|
} |
||||
|
|
||||
|
.box1 { |
||||
|
width: 85%; |
||||
|
margin: 0 auto; |
||||
|
box-sizing: border-box; |
||||
|
display: grid; |
||||
|
grid-template-rows: 100px 1fr; |
||||
|
} |
||||
|
.head>div:first-child img{ |
||||
|
width: 35px; |
||||
|
height: 35px; |
||||
|
position: absolute; |
||||
|
top: 25px; |
||||
|
left: 140px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.search { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
margin: 10px 0; |
||||
|
} |
||||
|
|
||||
|
.search1 { |
||||
|
width: 40%; |
||||
|
position: relative; |
||||
|
box-shadow: 0 0 5px #CFCFCF; |
||||
|
border-radius: 50px; |
||||
|
} |
||||
|
|
||||
|
.search1 input { |
||||
|
width: 100%; |
||||
|
border-bottom-left-radius: 50px; |
||||
|
border-top-left-radius: 50px; |
||||
|
padding: 8px 0 8px 50px; |
||||
|
} |
||||
|
|
||||
|
.search1 input:focus { |
||||
|
outline: none; |
||||
|
border: 1px solid #1677FF; |
||||
|
} |
||||
|
|
||||
|
.search1 img { |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
position: absolute; |
||||
|
left: 10px; |
||||
|
top: 0; |
||||
|
bottom: 0; |
||||
|
margin: auto; |
||||
|
} |
||||
|
|
||||
|
.search button { |
||||
|
color: #fff; |
||||
|
background-color: #1677FF; |
||||
|
padding: 8px 30px 8px; |
||||
|
border-top-right-radius: 50px; |
||||
|
border-bottom-right-radius: 50px; |
||||
|
box-shadow: 0 0 5px #CFCFCF; |
||||
|
} |
||||
|
|
||||
|
.content { |
||||
|
width: 100%; |
||||
|
display: grid; |
||||
|
grid-template-columns: 1fr 1fr 1fr 1fr; |
||||
|
column-gap: 20px; |
||||
|
row-gap: 20px; |
||||
|
} |
||||
|
|
||||
|
.content2 { |
||||
|
display: grid; |
||||
|
grid-template-rows: 1fr 50px; |
||||
|
box-shadow: 0 0 2px #CFCFCF; |
||||
|
background-color: #fff; |
||||
|
border-radius: 10px; |
||||
|
} |
||||
|
|
||||
|
.content2_1 { |
||||
|
width: 95%; |
||||
|
display: grid; |
||||
|
grid-template-columns: 50px 1fr; |
||||
|
column-gap: 20px; |
||||
|
border-bottom: 1px solid #F0F0F5; |
||||
|
padding: 10px; |
||||
|
} |
||||
|
|
||||
|
.nr1 img { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.nr2 div:first-child { |
||||
|
font-size: 18px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.nr2 div:last-child { |
||||
|
color: #7E807C; |
||||
|
font-size: 14px; |
||||
|
padding: 5px 0; |
||||
|
} |
||||
|
|
||||
|
.content2_2 { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: right; |
||||
|
} |
||||
|
|
||||
|
.content2_2 button { |
||||
|
color: #645BFF; |
||||
|
background-color: #E6E9FF; |
||||
|
padding: 5px 10px; |
||||
|
margin-right: 20px; |
||||
|
border-radius: 5px; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,123 @@ |
|||||
|
.box { |
||||
|
width: 100%; |
||||
|
min-height: 100vh; |
||||
|
padding: 10px 0; |
||||
|
background-color: #F7F7FC; |
||||
|
} |
||||
|
|
||||
|
.box1 { |
||||
|
width: 85%; |
||||
|
margin: 0 auto; |
||||
|
box-sizing: border-box; |
||||
|
display: grid; |
||||
|
grid-template-rows: 100px 1fr; |
||||
|
} |
||||
|
.head>div:first-child img{ |
||||
|
width: 35px; |
||||
|
height: 35px; |
||||
|
position: absolute; |
||||
|
top: 25px; |
||||
|
left: 140px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.search { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
margin: 10px 0; |
||||
|
} |
||||
|
|
||||
|
.search1 { |
||||
|
width: 40%; |
||||
|
position: relative; |
||||
|
box-shadow: 0 0 5px #CFCFCF; |
||||
|
border-radius: 50px; |
||||
|
} |
||||
|
|
||||
|
.search1 input { |
||||
|
width: 100%; |
||||
|
border-bottom-left-radius: 50px; |
||||
|
border-top-left-radius: 50px; |
||||
|
padding: 8px 0 8px 50px; |
||||
|
} |
||||
|
|
||||
|
.search1 input:focus { |
||||
|
outline: none; |
||||
|
border: 1px solid #1677FF; |
||||
|
} |
||||
|
|
||||
|
.search1 img { |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
position: absolute; |
||||
|
left: 10px; |
||||
|
top: 0; |
||||
|
bottom: 0; |
||||
|
margin: auto; |
||||
|
} |
||||
|
|
||||
|
.search button { |
||||
|
color: #fff; |
||||
|
background-color: #1677FF; |
||||
|
padding: 8px 30px 8px; |
||||
|
border-top-right-radius: 50px; |
||||
|
border-bottom-right-radius: 50px; |
||||
|
box-shadow: 0 0 5px #CFCFCF; |
||||
|
} |
||||
|
|
||||
|
.content { |
||||
|
width: 100%; |
||||
|
display: grid; |
||||
|
grid-template-columns: 1fr 1fr 1fr 1fr; |
||||
|
column-gap: 20px; |
||||
|
row-gap: 20px; |
||||
|
} |
||||
|
|
||||
|
.content2 { |
||||
|
display: grid; |
||||
|
grid-template-rows: 1fr 50px; |
||||
|
box-shadow: 0 0 2px #CFCFCF; |
||||
|
background-color: #fff; |
||||
|
border-radius: 10px; |
||||
|
} |
||||
|
|
||||
|
.content2_1 { |
||||
|
width: 95%; |
||||
|
display: grid; |
||||
|
grid-template-columns: 50px 1fr; |
||||
|
column-gap: 20px; |
||||
|
border-bottom: 1px solid #F0F0F5; |
||||
|
padding: 10px; |
||||
|
} |
||||
|
|
||||
|
.nr1 img { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.nr2 div:first-child { |
||||
|
font-size: 18px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.nr2 div:last-child { |
||||
|
color: #7E807C; |
||||
|
font-size: 14px; |
||||
|
padding: 5px 0; |
||||
|
} |
||||
|
|
||||
|
.content2_2 { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: right; |
||||
|
} |
||||
|
|
||||
|
.content2_2 button { |
||||
|
color: #645BFF; |
||||
|
background-color: #E6E9FF; |
||||
|
padding: 5px 10px; |
||||
|
margin-right: 20px; |
||||
|
border-radius: 5px; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
@ -1,209 +1,76 @@ |
|||||
// import React, { useEffect, useRef } from 'react'; |
|
||||
import React, { useEffect, useState, useRef } from 'react'; |
import React, { useEffect, useState, useRef } from 'react'; |
||||
import '../DataAnalysis/DataAnalysis.css' |
|
||||
|
import './Tendency.css' |
||||
import sou from '../DataAnalysis/img/sou.png' |
import sou from '../DataAnalysis/img/sou.png' |
||||
import home from '../DataAnalysis/img/home.png' |
import home from '../DataAnalysis/img/home.png' |
||||
import tu1 from '../DataAnalysis/img/1.png' |
|
||||
import tu2 from '../DataAnalysis/img/2.png' |
|
||||
import tu3 from '../DataAnalysis/img/3.png' |
|
||||
import tu4 from '../DataAnalysis/img/4.png' |
|
||||
import tu5 from '../DataAnalysis/img/5.png' |
|
||||
import tu6 from '../DataAnalysis/img/6.png' |
|
||||
import tu7 from '../DataAnalysis/img/7.png' |
|
||||
import tu8 from '../DataAnalysis/img/8.png' |
|
||||
import tu9 from '../DataAnalysis/img/9.png' |
|
||||
import tu10 from '../DataAnalysis/img/10.png' |
|
||||
import tu11 from '../DataAnalysis/img/11.png' |
|
||||
import tu12 from '../DataAnalysis/img/12.png' |
|
||||
import tu13 from '../DataAnalysis/img/13.png' |
|
||||
import tu14 from '../DataAnalysis/img/14.png' |
|
||||
|
|
||||
function IframeComponent() { |
|
||||
// const iframeRef = useRef(null); |
|
||||
// |
|
||||
// useEffect(() => { |
|
||||
// if (iframeRef.current) { |
|
||||
// iframeRef.current.contentWindow.addEventListener('message', (event) => { |
|
||||
// console.log(11111, event.data); |
|
||||
// }); |
|
||||
// } |
|
||||
// |
|
||||
// return () => { |
|
||||
// if (iframeRef.current) { |
|
||||
// iframeRef.current.contentWindow.removeEventListener('message', (event) => { |
|
||||
// console.log('Received message:', event.data); |
|
||||
// }); |
|
||||
// } |
|
||||
// }; |
|
||||
// }, []); // 空依赖数组确保只运行一次清理操作 |
|
||||
// |
|
||||
// return ( |
|
||||
// <div> |
|
||||
// <iframe ref={iframeRef} src="https://example.com" className='w-[100%] h-screen'/>; |
|
||||
// </div> |
|
||||
// ) |
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
const [renderKey, setRenderKey] = useState(); |
|
||||
|
|
||||
const list = [ |
|
||||
{ |
|
||||
name: '趋势预测', |
|
||||
text: '利用机器学习算法对历史数据进行分析，预测未来一段时间内的数据变化趋势，如经济发展、人口流动、环境状况等。', |
|
||||
img: tu1 |
|
||||
}, |
|
||||
{ |
|
||||
name: '异常监测', |
|
||||
text: '自动检测数据中的异常值或突变点，提醒用户注意可能存在的问题或风险。', |
|
||||
img: tu2 |
|
||||
}, |
|
||||
{ |
|
||||
name: '指标监测', |
|
||||
text: '对关键指标进行实时监控，当指标达到预设阈值时，自动触发警报，确保管理层能迅速响应。', |
|
||||
img: tu3 |
|
||||
}, |
|
||||
// { |
|
||||
// name: '智能推送', |
|
||||
// text: '支持根据预设条件自动推送报告，确保相关人员及时获取报告信息', |
|
||||
// img: tu4 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '生态修复分析', |
|
||||
// text: '分析不同区域内环境治理前后生态指标', |
|
||||
// img: tu5 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '人才分析', |
|
||||
// text: '分析人才流动情况、就业情况、人才数量、性别占比、岗位数量、录用率等', |
|
||||
// img: tu6 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '教育资源分析', |
|
||||
// text: '分析教育资源的分布情况，评估教育公平性', |
|
||||
// img: tu7 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '医疗服务分析', |
|
||||
// text: '监测医疗服务数据，分析就诊率和疾病谱变化', |
|
||||
// img: tu8 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '医疗服务分析', |
|
||||
// text: '监测医疗服务数据，分析就诊率和疾病谱变化', |
|
||||
// img: tu9 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '社会救助统计分析', |
|
||||
// text: '统计辖区内各类型救助人员数量、补助款发放金额等数据，并对数据进行分析', |
|
||||
// img: tu10 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '项目进度跟踪', |
|
||||
// text: '实时显示项目的进度状态，对比计划与实际进度', |
|
||||
// img: tu11 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '风险预警与策略建议', |
|
||||
// text: '基于进度和资金流数据，智能预警潜在风险并提供应对策略', |
|
||||
// img: tu12 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '经济与社会效益分析', |
|
||||
// text: '分析项目的经济效益和社会效益，为决策提供数据支持', |
|
||||
// img: tu13 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '产业分析', |
|
||||
// text: '对新能源、盐碱化工等产业进行资源、市场、技术分析用户输入产业信息，系统自动进行分析并输出报告资源分析：评估产业所需的自然、人力资源市场分析：分析当前市场需求、竞争态势', |
|
||||
// img: tu14 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '专家咨询', |
|
||||
// text: '提供专家的联系方式和专业领域，供用户咨询。用户选择需要咨询的专家领域，系统列出相关专家', |
|
||||
// img: tu8 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '趋势研究报告', |
|
||||
// text: '提供产业发展趋势的研究报告。用户访问趋势研究系统，阅读最新的趋势报告', |
|
||||
// img: tu9 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '产学研合作对接', |
|
||||
// text: '搭建互动系统，促进企业、高校和科研机构之间的合作', |
|
||||
// img: tu10 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '政策优化', |
|
||||
// text: '根据人才数据的深度分析结果，提出具体的政策优化建议', |
|
||||
// img: tu11 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '人才发展跟踪', |
|
||||
// text: '搭建人才数据库，对人才的发展进行全面跟踪和评估，生成详细的发展报告', |
|
||||
// img: tu12 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '招商引资', |
|
||||
// text: '跟踪各招商引资项目的进度，评估其对经济的贡献，预测项目完成后对经济的潜在影响', |
|
||||
// img: tu13 |
|
||||
// }, |
|
||||
// { |
|
||||
// name: '智能客服', |
|
||||
// text: '智能识别问题并提供答案', |
|
||||
// img: tu14 |
|
||||
// }, |
|
||||
] |
|
||||
|
|
||||
useEffect(() => { |
|
||||
|
|
||||
}, []); |
|
||||
|
|
||||
const bindUrl = () =>{ |
|
||||
window.location = '/' |
|
||||
} |
|
||||
|
|
||||
return ( |
|
||||
<div className='box'> |
|
||||
<div className='box1'> |
|
||||
<div className='head'> |
|
||||
<div><img src={home} onClick={bindUrl} alt="" /></div> |
|
||||
<div className='search'> |
|
||||
<div className='search1'> |
|
||||
<img src={sou} alt="" /> |
|
||||
<input type="text" placeholder='请输入内容' /> |
|
||||
</div> |
|
||||
<button>搜索</button> |
|
||||
|
import tu1 from '../DataAnalysis/img/5.png' |
||||
|
import tu2 from '../DataAnalysis/img/8.png' |
||||
|
import tu3 from '../DataAnalysis/img/11.png' |
||||
|
|
||||
|
function Tendency() { |
||||
|
const [renderKey, setRenderKey] = useState(); |
||||
|
|
||||
|
const list = [ |
||||
|
{ |
||||
|
name: '趋势预测', |
||||
|
text: '利用机器学习算法对历史数据进行分析，预测未来一段时间内的数据变化趋势，如经济发展、人口流动、环境状况等。', |
||||
|
img: tu1 |
||||
|
}, |
||||
|
{ |
||||
|
name: '异常监测', |
||||
|
text: '自动检测数据中的异常值或突变点，提醒用户注意可能存在的问题或风险。', |
||||
|
img: tu2 |
||||
|
}, |
||||
|
{ |
||||
|
name: '指标监测', |
||||
|
text: '对关键指标进行实时监控，当指标达到预设阈值时，自动触发警报，确保管理层能迅速响应。', |
||||
|
img: tu3 |
||||
|
}, |
||||
|
] |
||||
|
|
||||
|
useEffect(() => { |
||||
|
|
||||
|
}, []); |
||||
|
|
||||
|
const bindUrl = () => { |
||||
|
window.location = '/' |
||||
|
} |
||||
|
|
||||
|
return ( |
||||
|
<div className='box'> |
||||
|
<div className='box1'> |
||||
|
<div className='head'> |
||||
|
<div><img src={home} onClick={bindUrl} alt="" /></div> |
||||
|
<div className='search'> |
||||
|
<div className='search1'> |
||||
|
<img src={sou} alt="" /> |
||||
|
<input type="text" placeholder='请输入内容' /> |
||||
</div> |
</div> |
||||
|
<button>搜索</button> |
||||
</div> |
</div> |
||||
<div className='content'> |
|
||||
{list.map((item, index) => ( |
|
||||
<div className='content2' key={index}> |
|
||||
<div className='content2_1'> |
|
||||
<div className='nr1'> |
|
||||
<img src={item.img} alt="" /> |
|
||||
</div> |
|
||||
<div className='nr2'> |
|
||||
<div>{item.name}</div> |
|
||||
<div>{item.text}</div> |
|
||||
</div> |
|
||||
|
</div> |
||||
|
<div className='content'> |
||||
|
{list.map((item, index) => ( |
||||
|
<div className='content2' key={index}> |
||||
|
<div className='content2_1'> |
||||
|
<div className='nr1'> |
||||
|
<img src={item.img} alt="" /> |
||||
</div> |
</div> |
||||
<div className='content2_2'> |
|
||||
<button>立即使用</button> |
|
||||
|
<div className='nr2'> |
||||
|
<div>{item.name}</div> |
||||
|
<div>{item.text}</div> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
))} |
|
||||
</div> |
|
||||
|
<div className='content2_2'> |
||||
|
<button>立即使用</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
))} |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
) |
|
||||
|
</div> |
||||
|
) |
||||
|
|
||||
|
|
||||
} |
} |
||||
|
|
||||
export default IframeComponent; |
|
||||
|
export default Tendency; |
||||
1008
package-lock.json
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
Write
Preview
Loading…
Cancel
Save
Reference in new issue