model

doc/UI设计稿.drawio

@@ -0,0 +1,218 @@
+<mxfile host="Electron" modified="2024-04-27T17:14:55.371Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/24.2.5 Chrome/120.0.6099.109 Electron/28.1.0 Safari/537.36" etag="-Yz8EyxEn3i5ZriOGAKg" version="24.2.5" type="device">
+  <diagram name="Page-1" id="5348f1db-0dfa-24cf-5d06-2057accb5106">
+    <mxGraphModel dx="3679" dy="1418" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1.5" pageWidth="826" pageHeight="1169" background="none" math="0" shadow="0">
+      <root>
+        <mxCell id="0" style=";html=1;" />
+        <mxCell id="1" style=";html=1;" parent="0" />
+        <mxCell id="55dd390204d0f602-3" value="" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#08585C;gradientColor=none;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="980" y="280" width="1319" height="1280" as="geometry" />
+        </mxCell>
+        <mxCell id="55dd390204d0f602-1" value="卖货前端" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#333333;gradientColor=none;fontFamily=Helvetica;fontSize=30;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="980" y="210" width="1319" height="70" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-1" value="" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#08585C;gradientColor=none;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="-160" y="275" width="880" height="1280" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-2" value="主播后台" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#333333;gradientColor=none;fontFamily=Helvetica;fontSize=30;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="-160" y="210" width="880" height="65" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-3" value="" style="ellipse;whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=#FEF15B;strokeWidth=4;fillColor=none;gradientColor=none;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="-99" y="345" width="200" height="200" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-4" value="" style="ellipse;whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#F49731;gradientColor=none;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="-84" y="360" width="170" height="170" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-5" value="" style="endArrow=none;html=1;dashed=1;dashPattern=1 1;labelBackgroundColor=none;strokeColor=#F49731;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;strokeWidth=16;" parent="1" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="-90.41176470588232" y="575" as="sourcePoint" />
+            <mxPoint x="669" y="575" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-6" value="候选商品名 1&amp;nbsp;" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#F49731;gradientColor=none;fontFamily=Helvetica;fontSize=30;fontColor=#FFFFFF;align=center;fontStyle=1" parent="1" vertex="1">
+          <mxGeometry x="-119" y="280" width="240" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-7" value="商品特性 1&lt;div&gt;商品特性 2&lt;br&gt;&lt;/div&gt;&lt;div&gt;商品特性 3&lt;br&gt;&lt;/div&gt;&lt;div&gt;商品特性 4&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;" style="text;spacingTop=-5;fillColor=#ffffff;whiteSpace=wrap;html=1;align=left;fontSize=14;fontFamily=Helvetica;fillColor=none;strokeColor=none;rounded=0;shadow=0;dashed=0;fontColor=#FEF15B;" parent="1" vertex="1">
+          <mxGeometry x="121" y="360" width="100" height="75" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-8" value="" style="ellipse;whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=#FEF15B;strokeWidth=4;fillColor=none;gradientColor=none;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="450" y="645" width="200" height="200" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-9" value="" style="ellipse;whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#F49731;gradientColor=none;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="465" y="660" width="170" height="170" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-10" value="" style="endArrow=none;html=1;dashed=1;dashPattern=1 1;labelBackgroundColor=none;strokeColor=#F49731;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;strokeWidth=16;" parent="1" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="-90.41176470588243" y="895" as="sourcePoint" />
+            <mxPoint x="669" y="895" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-11" value="商品名&amp;nbsp;2" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#F49731;gradientColor=none;fontFamily=Helvetica;fontSize=30;fontColor=#FFFFFF;align=center;fontStyle=1" parent="1" vertex="1">
+          <mxGeometry x="25" y="635" width="240" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-12" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." style="text;spacingTop=-5;fillColor=#ffffff;whiteSpace=wrap;html=1;align=left;fontSize=14;fontFamily=Helvetica;fillColor=none;strokeColor=none;rounded=0;shadow=0;dashed=0;fontColor=#FEF15B;" parent="1" vertex="1">
+          <mxGeometry x="-120" y="715" width="535" height="130" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-13" value="" style="ellipse;whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=#FEF15B;strokeWidth=4;fillColor=none;gradientColor=none;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="-105" y="965" width="200" height="200" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-14" value="" style="ellipse;whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#F49731;gradientColor=none;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="-90" y="980" width="170" height="170" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-15" value="" style="endArrow=none;html=1;dashed=1;dashPattern=1 1;labelBackgroundColor=none;strokeColor=#F49731;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;strokeWidth=16;" parent="1" edge="1">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="-95.41176470588243" y="1215.0000000000002" as="sourcePoint" />
+            <mxPoint x="664" y="1215.0000000000002" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-16" value="商品名&amp;nbsp;3" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#F49731;gradientColor=none;fontFamily=Helvetica;fontSize=30;fontColor=#FFFFFF;align=center;fontStyle=1" parent="1" vertex="1">
+          <mxGeometry x="295" y="955" width="240" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-17" value="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." style="text;spacingTop=-5;fillColor=#ffffff;whiteSpace=wrap;html=1;align=left;fontSize=14;fontFamily=Helvetica;fillColor=none;strokeColor=none;rounded=0;shadow=0;dashed=0;fontColor=#FEF15B;" parent="1" vertex="1">
+          <mxGeometry x="150" y="1035" width="535" height="130" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-22" value="" style="shape=mxgraph.signs.transportation.anchor_2;html=1;fillColor=#FFFFFF;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;rounded=0;shadow=0;dashed=0;fontFamily=Helvetica;fontSize=14;fontColor=#FEF15B;" parent="1" vertex="1">
+          <mxGeometry x="-46" y="395" width="94" height="98" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-23" value="" style="shape=mxgraph.signs.transportation.airplane_3;html=1;fillColor=#FFFFFF;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;rounded=0;shadow=0;dashed=0;fontFamily=Helvetica;fontSize=14;fontColor=#FEF15B;" parent="1" vertex="1">
+          <mxGeometry x="501" y="696" width="97" height="98" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-24" value="" style="shape=mxgraph.signs.transportation.train_2;html=1;fillColor=#FFFFFF;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;rounded=0;shadow=0;dashed=0;fontFamily=Helvetica;fontSize=14;fontColor=#FEF15B;" parent="1" vertex="1">
+          <mxGeometry x="-38" y="1015" width="66" height="99" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-27" value="说明书" style="shape=note;whiteSpace=wrap;html=1;backgroundOutline=1;darkOpacity=0.05;size=18;" parent="1" vertex="1">
+          <mxGeometry x="130" y="455" width="60" height="65" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-28" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.containers.userFemale;strokeColor=#666666;strokeColor2=#008cff;" parent="1" vertex="1">
+          <mxGeometry x="1469" y="320" width="100" height="100" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-31" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.buttons.multiButton;fillColor=#008cff;strokeColor=#666666;mainText=;subText=;" parent="1" vertex="1">
+          <mxGeometry x="360" y="1308" width="139" height="47.5" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-32" value="新增" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.anchor;fontSize=16;fontColor=#ffffff;fontStyle=1;whiteSpace=wrap;" parent="IgfqY3sl1hPke0pUORlP-31" vertex="1">
+          <mxGeometry y="14.25" width="139" height="19" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-35" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.navigation.scrollBar;strokeColor=#999999;barPos=49.727;fillColor2=#99ddff;strokeColor2=none;direction=north;" parent="1" vertex="1">
+          <mxGeometry x="685" y="315" width="25" height="880" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-36" value="Line 1" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.text.textBox;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;whiteSpace=wrap;strokeColor=#666666;mainText=" parent="1" vertex="1">
+          <mxGeometry x="1594" y="320" width="605" height="180" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-37" value="Line 1" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.text.textBox;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;whiteSpace=wrap;strokeColor=#666666;mainText=" parent="1" vertex="1">
+          <mxGeometry x="1459" y="1460" width="691" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-38" value="发送" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.buttons.button;strokeColor=#666666;fontColor=#ffffff;mainText=;buttonStyle=round;fontSize=17;fontStyle=1;fillColor=#008cff;whiteSpace=wrap;" parent="1" vertex="1">
+          <mxGeometry x="2169" y="1455" width="100" height="50" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-39" value="" style="shape=actor;whiteSpace=wrap;html=1;" parent="1" vertex="1">
+          <mxGeometry x="2229" y="535" width="40" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-40" value="Line 1" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.text.textBox;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;whiteSpace=wrap;strokeColor=#666666;mainText=" parent="1" vertex="1">
+          <mxGeometry x="1679" y="537.5" width="530" height="55" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-41" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.containers.userFemale;strokeColor=#666666;strokeColor2=#008cff;" parent="1" vertex="1">
+          <mxGeometry x="1459" y="630" width="100" height="100" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-42" value="Line 1" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.text.textBox;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;whiteSpace=wrap;strokeColor=#666666;mainText=" parent="1" vertex="1">
+          <mxGeometry x="1584" y="660" width="530" height="55" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-43" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.containers.userFemale;strokeColor=#666666;strokeColor2=#008cff;" parent="1" vertex="1">
+          <mxGeometry x="1459" y="840" width="100" height="100" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-44" value="Line 1" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.text.textBox;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;whiteSpace=wrap;strokeColor=#666666;mainText=" parent="1" vertex="1">
+          <mxGeometry x="1584" y="870" width="530" height="55" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-45" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.containers.userFemale;strokeColor=#666666;strokeColor2=#008cff;" parent="1" vertex="1">
+          <mxGeometry x="1459" y="1040" width="100" height="100" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-46" value="Line 1" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.text.textBox;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;whiteSpace=wrap;strokeColor=#666666;mainText=" parent="1" vertex="1">
+          <mxGeometry x="1584" y="1070" width="530" height="55" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-47" value="" style="shape=actor;whiteSpace=wrap;html=1;" parent="1" vertex="1">
+          <mxGeometry x="2239" y="760" width="40" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-48" value="Line 1" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.text.textBox;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;whiteSpace=wrap;strokeColor=#666666;mainText=" parent="1" vertex="1">
+          <mxGeometry x="1689" y="762.5" width="530" height="55" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-49" value="" style="shape=actor;whiteSpace=wrap;html=1;" parent="1" vertex="1">
+          <mxGeometry x="2239" y="970" width="40" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-50" value="Line 1" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.text.textBox;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;whiteSpace=wrap;strokeColor=#666666;mainText=" parent="1" vertex="1">
+          <mxGeometry x="1689" y="972.5" width="530" height="55" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-51" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.buttons.multiButton;fillColor=#008cff;strokeColor=#666666;mainText=;subText=;" parent="1" vertex="1">
+          <mxGeometry x="437.5" y="290" width="225" height="50" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-52" value="还有【倒计时】下一个产品" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.anchor;fontSize=16;fontColor=#ffffff;fontStyle=1;whiteSpace=wrap;" parent="IgfqY3sl1hPke0pUORlP-51" vertex="1">
+          <mxGeometry y="15" width="224.99999999999994" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-53" value="一段时间不说话，主播自己继续介绍，或者自动插入一个额随机问题" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.text.stickyNote2;fontColor=#666666;mainText=;fontSize=17;whiteSpace=wrap;fillColor=#ffffcc;strokeColor=#F62E00;" parent="1" vertex="1">
+          <mxGeometry x="-420" y="530" width="200" height="200" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-67" value="+" style="shape=ext;double=1;rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
+          <mxGeometry x="-80" y="1305" width="60" height="56" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-55" value="名称" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;align=right;spacingRight=2;fontColor=#666666;" parent="1" vertex="1">
+          <mxGeometry x="-10" y="1306.5" width="50" height="18" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-56" value="[email protected]" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;fillColor=#ffffff;rSize=0;fontColor=#666666;align=left;spacingLeft=3;strokeColor=#999999;" parent="1" vertex="1">
+          <mxGeometry x="40" y="1306.5" width="170" height="18" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-57" value="亮点" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;align=right;spacingRight=2;fontColor=#666666;" parent="1" vertex="1">
+          <mxGeometry x="-10" y="1341.5" width="50" height="18" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-58" value="Greeting" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;fillColor=#ffffff;rSize=0;fontColor=#666666;align=left;spacingLeft=3;strokeColor=#999999;" parent="1" vertex="1">
+          <mxGeometry x="40" y="1341.5" width="170" height="18" as="geometry" />
+        </mxCell>
+        <UserObject label="图片" placeholders="1" name="Variable" id="IgfqY3sl1hPke0pUORlP-68">
+          <mxCell style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;overflow=hidden;" parent="1" vertex="1">
+            <mxGeometry x="-90" y="1368" width="80" height="20" as="geometry" />
+          </mxCell>
+        </UserObject>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-69" value="+" style="shape=ext;double=1;rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
+          <mxGeometry x="240" y="1305" width="50" height="46" as="geometry" />
+        </mxCell>
+        <UserObject label="附件" placeholders="1" name="Variable" id="IgfqY3sl1hPke0pUORlP-70">
+          <mxCell style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;overflow=hidden;" parent="1" vertex="1">
+            <mxGeometry x="225" y="1358" width="80" height="20" as="geometry" />
+          </mxCell>
+        </UserObject>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-73" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.buttons.multiButton;fillColor=#008cff;strokeColor=#666666;mainText=;subText=;" parent="1" vertex="1">
+          <mxGeometry x="221" y="1485" width="139" height="47.5" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-74" value="开始卖货" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.anchor;fontSize=16;fontColor=#ffffff;fontStyle=1;whiteSpace=wrap;" parent="IgfqY3sl1hPke0pUORlP-73" vertex="1">
+          <mxGeometry y="14.25" width="139" height="19" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-76" value="" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;" parent="1" vertex="1">
+          <mxGeometry x="980" y="280" width="440" height="1275" as="geometry" />
+        </mxCell>
+        <mxCell id="55dd390204d0f602-22" value="目前讲解" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#F49731;gradientColor=none;fontFamily=Helvetica;fontSize=30;fontColor=#FFFFFF;align=center;fontStyle=1" parent="1" vertex="1">
+          <mxGeometry x="1070" y="320" width="240" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-30" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.forms.colorPicker;chosenColor=#aaddff;" parent="1" vertex="1">
+          <mxGeometry x="1030" y="400" width="320" height="300" as="geometry" />
+        </mxCell>
+        <mxCell id="55dd390204d0f602-19" value="" style="ellipse;whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=#FEF15B;strokeWidth=4;fillColor=none;gradientColor=none;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="1090" y="450" width="200" height="200" as="geometry" />
+        </mxCell>
+        <mxCell id="55dd390204d0f602-20" value="" style="ellipse;whiteSpace=wrap;html=1;rounded=0;shadow=0;dashed=0;strokeColor=none;strokeWidth=4;fillColor=#F49731;gradientColor=none;fontFamily=Helvetica;fontSize=100;fontColor=#FFFFFF;align=center;" parent="1" vertex="1">
+          <mxGeometry x="1105" y="465" width="170" height="170" as="geometry" />
+        </mxCell>
+        <mxCell id="55dd390204d0f602-27" value="" style="shape=mxgraph.signs.transportation.taxi;html=1;fillColor=#FFFFFF;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;rounded=0;shadow=0;dashed=0;fontFamily=Helvetica;fontSize=14;fontColor=#FEF15B;" parent="1" vertex="1">
+          <mxGeometry x="1141" y="503" width="98" height="94" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-34" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.misc.shoppingCart;strokeColor=#999999;" parent="1" vertex="1">
+          <mxGeometry x="1330" y="1440" width="50" height="50" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-81" value="&lt;table border=&quot;1&quot; width=&quot;100%&quot; height=&quot;100%&quot; cellpadding=&quot;4&quot; style=&quot;width:100%;height:100%;border-collapse:collapse;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th align=&quot;center&quot;&gt;&lt;b&gt;信息&lt;/b&gt;&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;特点1&lt;br&gt;特点2&lt;br&gt;特点3&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;详细说明&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;" style="text;html=1;whiteSpace=wrap;strokeColor=none;fillColor=none;overflow=fill;" parent="1" vertex="1">
+          <mxGeometry x="1040" y="730" width="320" height="400" as="geometry" />
+        </mxCell>
+        <mxCell id="IgfqY3sl1hPke0pUORlP-83" value="&amp;lt;- 返回后台" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
+          <mxGeometry x="1040" y="1444" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="AKyox7KAoAFHJxYDL7ck-1" value="&lt;h1 style=&quot;margin-top: 0px;&quot;&gt;TODO&lt;/h1&gt;&lt;p&gt;每个人登录加个名字输入【记录到品牌方】，然后显示总商品数和品牌方的数量&lt;/p&gt;" style="text;html=1;whiteSpace=wrap;overflow=hidden;rounded=0;" vertex="1" parent="1">
+          <mxGeometry x="-400" y="385" width="180" height="120" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>

doc/digital_human/README.md

@@ -0,0 +1,134 @@
+# ComfyUI 使用文档
+
+## 工作流
+
+如果您已经有 ComfyUI 的环境，可以直接使用我的工作流：
+
+<p align="center">
+  <img src="./streamer-sales-lelemiao-workflow-v1.0.png" alt="Demo gif" >
+</p>
+
+
+## 功能点
+
+我的 Workflow 具有以下功能点：
+
+- 生成人像图
+- DW Pose 生成骨骼图
+- ControlNet 控制人物姿态
+- AnimateDiff 生成视频
+- 插帧提升帧率
+- 提升分辨率
+
+## 环境搭建
+
+```bash
+git clone https://github.com/comfyanonymous/ComfyUI.git
+pip install -r requirements.txt
+```
+
+测试安装
+
+```bash
+cd ComfyUI
+python main.py
+```
+
+## 模型下载
+
+执行脚本 `python download_models.py` 即可下载本项目需要用到的全部权重
+
+## 插件安装
+
+1. 首先需要手动拉取下【插件管理器】
+
+```bash
+cd ComfyUI/custom_nodes
+git clone https://github.com/ltdrdata/ComfyUI-Manager.git
+```
+
+2. 重启 ComfyUI
+
+3. 刷新页面，点击右下角 【管理器】->【安装缺失节点】即可。
+
+以下是我用到的插件：
+
+|            插件名             |            用途            |
+| :---------------------------: | :------------------------: |
+| AIGODLIKE-COMFYUI-TRANSLATION |          中文翻译          |
+|  ComfyUI-Advanced-ControlNet  |  ContralNet 工具包升级版   |
+|  ComfyUI-AnimateDiff-Evolved  |    AnimateDiff 动画生成    |
+|       ComfyUI-Crystools       |        机器资源监控        |
+|    ComfyUI-Custom-Scripts     |          模型管理          |
+|  ComfyUI-Frame-Interpolation  |            插帧            |
+|      ComfyUI-Impact-Pack      |                            |
+|        ComfyUI-Manager        |     插件管理器（必备）     |
+|   ComfyUI-VideoHelperSuite    |         视频加载器         |
+|       ComfyUI_FizzNodes       |                            |
+|    ComfyUI_IPAdapter_plus     |     IPAdapter 风格迁移     |
+| comfyui-portrait-master-zh-cn | 人物生成中文提示词辅助工具 |
+|   comfyui-workspace-manager   |        工作流管理器        |
+|    comfyui_controlnet_aux     |     ContralNet 工具包      |
+|   comfyui_segment_anything    |         SAM 工具包         |
+|      sdxl_prompt_styler       |        SDXL 工具包         |
+
+## Workflow 详解
+
+### 1. 生成人像图
+
+<p align="center">
+  <img src="./images/comfyui-1.png" alt="workflow" >
+</p>
+
+首先我们来说下基本的文生图流程，首先加入 sd checkpoint ，和 vae 模型，vae 可选，但 sd 是必须的，如果觉得我这个模型不好，可以自行去 c站 找大佬微调好的模型，
+
+填写好正向词和反向词，接个 Ksampler 就可以生成人像了
+
+### 2. DW Pose 生成骨骼图 & ControlNet 控制人物姿态
+
+<p align="center">
+  <img src="./images/comfyui-2.png" alt="workflow" >
+</p>
+
+人物生成好了，下一步要生成特定的动作的话，有时候语言很难描述，我们需要借助 controlnet 来结合  pose 的姿态图来让 sd 生成特定动作的任务，这就是左下角的作用
+
+### 3. AnimateDiff 生成视频
+
+<p align="center">
+  <img src="./images/comfyui-3.png" alt="workflow" >
+</p>
+
+这两块搞好之后，可以看到任务以特定的动作生成了，下面，我们加入动作，用到的算法是 Animatediff 简单的串起来，就可以了
+
+### 4. 插帧提升帧率
+
+<p align="center">
+  <img src="./images/comfyui-4.png" alt="workflow" >
+</p>
+
+我们把生成的图片合成为视频，原始是 8帧，我们对它进行一个插帧，让视频更加丝滑，这就是右上角的功能
+
+### 5. 提升分辨率
+
+<p align="center">
+  <img src="./images/comfyui-5.png" alt="workflow" >
+</p>
+
+因为 SD 1.5 默认的输出是 512 x 512，我们还要做个 scale ，让分辨率高一点，这就是右下角的功能。
+
+## 配置视频路径
+
+生成好了 mp4 我们就可以修改下配置 [web_configs](../../utils/web_configs.py#L78) 中的 `DIGITAL_HUMAN_VIDEO_PATH` 参数，后续就会用这个视频来生成口型了。
+
+```diff
+- DIGITAL_HUMAN_VIDEO_PATH: str = r"./doc/digital_human/lelemiao_digital_human_video.mp4"
++ DIGITAL_HUMAN_VIDEO_PATH: str = r"新生成的 mp4 路径"
+```
+
+
+## 开发参考网站
+
+- 模型下载网站：C站：https://civitai.com
+- 提示词网站：https://promlib.com/
+- 工作流：https://openart.ai/workflows/home
+- 插件排行：https://www.nodecafe.org/

doc/digital_human/digital_human_video.mp4

@@ -0,0 +1 @@
+/root/digital_human_video.mp4

doc/digital_human/download_models.py

@@ -0,0 +1,91 @@
+import os
+
+os.environ["HF_ENDPOINT"] = "https://hf-mirror.com"
+from huggingface_hub import hf_hub_download
+
+COMFYUI_PATH = r"/path/to/ComfyUI"
+
+# ==============================================
+#                官方 SD 权重
+# ==============================================
+hf_hub_download(
+    repo_id="stabilityai/stable-diffusion-xl-base-1.0",
+    filename="sd_xl_base_1.0.safetensors",
+    local_dir=rf"{COMFYUI_PATH}/models/checkpoints",
+)
+
+hf_hub_download(
+    repo_id="runwayml/stable-diffusion-v1-5",
+    filename="v1-5-pruned.safetensors",
+    local_dir=rf"{COMFYUI_PATH}/models/checkpoints",
+)
+
+# ==============================================
+#                AnimateDiff 权重
+# ==============================================
+for animatediff_model in ["mm_sd_v15_v2.ckpt", "mm_sdxl_v10_beta.ckpt", "v3_sd15_mm.ckpt"]:
+    hf_hub_download(
+        repo_id="guoyww/animatediff",
+        filename=animatediff_model,
+        local_dir=rf"{COMFYUI_PATH}/models/animatediff_models",
+    )
+
+for animatediff_model in ["temporaldiff-v1-animatediff.safetensors"]:
+    hf_hub_download(
+        repo_id="CiaraRowles/TemporalDiff",
+        filename=animatediff_model,
+        local_dir=rf"{COMFYUI_PATH}/models/animatediff_models",
+    )
+
+for lora_model in [
+    "v2_lora_PanLeft.ckpt",
+    "v2_lora_PanRight.ckpt",
+    "v2_lora_RollingAnticlockwise.ckpt",
+    "v2_lora_RollingClockwise.ckpt",
+    "v2_lora_TiltDown.ckpt",
+    "v2_lora_TiltUp.ckpt",
+    "v2_lora_ZoomIn.ckpt",
+    "v2_lora_ZoomOut.ckpt",
+]:
+    hf_hub_download(
+        repo_id="guoyww/animatediff",
+        filename=lora_model,
+        local_dir=rf"{COMFYUI_PATH}/models/animatediff_motion_lora",
+    )
+
+# ==============================================
+#                ControlNet 权重
+# ==============================================
+for controlnet_model in ["control_v11p_sd15_openpose.pth", "control_v11f1p_sd15_depth.pth", "control_v11p_sd15_seg.pth"]:
+    hf_hub_download(
+        repo_id="lllyasviel/ControlNet-v1-1",
+        filename=controlnet_model,
+        local_dir=rf"{COMFYUI_PATH}/models/controlnet",
+    )
+
+# ==============================================
+#                   SAM 权重
+# ==============================================
+for sam_model in ["groundingdino_swinb_cogcoor.pth", "GroundingDINO_SwinB.cfg.py"]:
+    hf_hub_download(
+        repo_id="ShilongLiu/GroundingDINO",
+        filename=sam_model,
+        local_dir=rf"{COMFYUI_PATH}/models/grounding-dino/",
+    )
+
+# ==============================================
+#                   IP-Adapter 权重
+# ==============================================
+for ip_adapter_model in ["models/ip-adapter-plus_sd15.safetensors"]:
+    hf_hub_download(
+        repo_id="h94/IP-Adapter",
+        filename=ip_adapter_model,
+        local_dir=rf"{COMFYUI_PATH}/models/ipadapter",
+    )
+
+for ip_adapter_clip_model in ["models/image_encoder/model.safetensors"]:
+    hf_hub_download(
+        repo_id="h94/IP-Adapter",
+        filename=ip_adapter_clip_model,
+        local_dir=rf"{COMFYUI_PATH}/models/clip_vision/",
+    )