听说开源MiniCPM-V2.6的图片识别能力超过gpt4v了，怎么本地使用？
网友回复
我们通过一个例子来试试，通过ui截图生成html代码，这个是ui截图
1、这个MiniCPM-V-2_6理解ui截图生成的代码：https://huggingface.co/spaces/openbmb/MiniCPM-V-2_6
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>通用后台管理系统</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.header {
background-color: #007BFF;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
}
.logo {
font-size: 24px;
}
.menu {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}
.menu-item {
margin-right: 20px;
}
.main {
padding: 20px;
}
.section {
margin-bottom: 20px;
}
.section-title {
font-size: 18px;
margin-bottom: 10px;
}
.section-content {
display: flex;
}
.section-content .statistic {
flex-basis: 30%;
text-align: center;
}
.section-content .statistic h3 {
margin-top: 0;
}
.section-content .statistic p {
margin-top: 10px;
}
.section-content .chart {
flex-basis: 70%;
}
.section-content .chart img {
width: 100%;
}
.section-content .work-statistics {
display: flex;
justify-content: space-between;
}
.section-content .work-statistics .statistics {
flex-basis: 30%;
}
.section-content .work-statistics .statistics h3 {
margin-top: 0;
}
.section-content .work-statistics .statistics p {
margin-top: 10px;
}
.section-content .work-statistics .chart {
flex-basis: 70%;
}
.section-content .work-statistics .chart img {
width: 100%;
}
.section-content .user-evaluation {
display: flex;
justify-content: space-between;
}
.section-content .user-evaluation .user-profile {
flex-basis: 30%;
}
.section-content .user-evaluation .user-profile img {
width: 50px;
height: 50px;
}
.section-content .user-evaluation .user-profile .info {
margin-left: 20px;
}
.section-content .user-evaluation .user-profile .info h3 {
margin-top: 0;
}
.section-content .user-evaluation .user-profile .info p {
margin-top: 10px;
}
.section-content .user-evaluation .user-evaluation-info {
flex-basis: 70%;
}
.section-content .user-evaluation .user-evaluation-info h3 {
margin-top: 0;
}
.section-content .user-evaluation .user-evaluation-info p {
margin-top: 10px;
}
.footer {
background-color: #f9f9f9;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<div class="header">
<div class="logo">通用后台管理系统</div>
<div class="menu">
<a href="#">首页</a>
<a href="#">医生中心</a>
<a href="#">用户管理</a>
<a href="#">评测管理</a>
<a href="#">报告查询</a>
<a href="#">预约管理</a>
<a href="#">星表管理</a>
<a href="#">船舱数据</a>
<a href="#">预约排班</a>
<a href="#">问卷管理</a>
</div>
</div>
<div class="main">
<div class="section">
<div class="section-title">早安，韩修洁医生</div>
<div class="section-content">
<p>主任医师 联系电话：0551-123456 xxx社区医院</p>
</div>
</div>
<div class="section work-statistics">
<div class="section-title">工作统计</div>
<div class="section-content">
<div class="statistics">
<h3>累计已审核数</h3>
<p>4320人</p>
</div>
<div class="statistics">
<h3>本周审核数</h3>
<p>342人</p>
</div>
<div class="chart">
<img src="chart.png" alt="工作统计图表">
</div>
</div>
</div>
<div class="section user-evaluation">
<div class="section-title">测评用户</div>
<div class="section-content">
<div class="user-profile">
<img src="profile.jpg" alt="张丽丽">
<h3>张丽丽</h3>
<p>联系电话：18245625362</p>
<p>身份证：34012519930620</p>
</div>
<div class="user-evaluation-info">
<h3>婚姻状况：已婚</h3>
<p>安徽省合肥市高新区xxx小区18#101</p>
</div>
<div class="user-profile">
<img src="profile.jpg" alt="张丽丽">
<h3>张丽丽</h3>
<p>联系电话：18245625362</p>
<p>身份证：34012519930620</p>
</div>
<div class="user-evaluation-info">
<h3>婚姻状况：已婚</h3>
<p>安徽省合肥市高新区xxx小区...点击查看剩余70%
by ai世界
我知道答案，我要回答
私活外包
