Django HTML±íµ¥ÊµÏÖÄÚÁª°´Å¥ÓëÐÞ¸´Ä£Ì¬¿ò²¼¾Ö³åÍ»ÍêÕû·½°¸

ÏÂÃæÏÈ˵½áÂÛ£¬ÔÙϸ²ð½â¾ö·½°¸¡£

³¤ÆÚÎȶ¨¸üеÄÔܾ¢×ÊÔ´£º >>>µã´ËÁ¢¼´²é¿´<<<

ºËÐÄÐÞ¸´£º±ê×¼ input-group Óëģ̬¿ò¶ÀÁ¢·ÅÖÃ

ÕýÈ·×ö·¨£ºÓñê×¼ input-group °ü¹üÊäÈë¿ò + °´Å¥

Bootstrap ÒªÇó .input-group ±ØÐëÖ±½Ó°ü¹ü £¨»ò /</code>£©£¬ËùÓÐ×ÓÔªËØ£¨Èç <code>.input-group-text</code> »ò <code>.input-group-btn</code>£©±ØÐ뻥Ϊ<strong>ͬ¼¶Ðֵܽڵã</strong>£¬²»ÄÜǶÌ׶îÍâµÄÈÝÆ÷¡ª¡ªÄãÔ­À´µÄ´úÂëÀïÖ±½Ó°Ñ <code><a></code> ¶ªÔÚ <code>.input-group</code> ÀïÃ棬ȴûÓаü½ø <code>.input-group-append</code>£¬¶øÇÒ <code><svg></code> µÄ³ß´çҲû×öÊÊÅ䣬×ÔÈ»»á³öÎÊÌâ¡£</p> <p>ͬʱ£¬<strong>ģ̬¿ò¾ø¶Ô²»ÄÜǶÌ×ÔÚ±íµ¥ÄÚ²¿»òÍø¸ñÁУ¨<code>.col-*</code>£©ÖÐ</strong>£¬ËüÓ¦¸Ã×÷Ϊ¶ÀÁ¢µÄ¶¥¼¶ÔªËØ£¬·ÅÔÚÒ³Ãæ×îµ×²¿£¬½ôÌù <code></body></code> ֮ǰ¡£·ñÔòBootstrapµÄflex²¼¾ÖÁ÷ºÍ¸¡¶¯¼ÆË㶼»á±»Ëü¸ãÂÒ¡£</p> <p>ÐÞÕýºóµÄºËÐÄ´úÂë´óÖ³¤ÕâÑù£¨Ö»Õ¹Ê¾Type×ֶΣ¬ÆäËû×Ö¶ÎÀàÍÆ£©£º</p> <pre class="brush:php;toolbar:false;"><!-- ÕýÈ·£ºinput-group ¹æ·¶½á¹¹ --> <div class="col-md-3"> <label for="{{ form.Type.id_for_label }}" class="form-label">Type</label> <div class="input-group"> {% render_field form.Type class="form-control" placeholder="Type" aria-label="Type input" %} <!-- ʹÓà .input-group-text °ü¹üͼ±ê°´Å¥£¨ÍƼö£© --> <span class="input-group-text bg-white border-start-0 p-0"> <a href="#" class="text-decoration-none text-dark" data-bs-toggle="modal" data-bs-target="#typeRecordModal"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6 6 0 1 0-1.577-.857l-6.24 3.122a6 6 0 1 0 2.057.882l6.24-3.12z"/> </svg> </a> </span> </div> </div></pre> <blockquote> <p>¹Ø¼üÒªµã£º</p> <ul> <li>È¥µôÔ­ <code><div class="input-group"></code> ÄÚ²¿ <code><a></code> ÍâÃæÄDzãÈßÓàµÄ <code><div></code>£»</li> <li>°Ñͼ±êÁ´½Ó·Å½ø <code>.input-group-text</code> ÈÝÆ÷£¬ÕâÑùÊÓ¾õ¶ÔÆëºÍµã»÷ÇøÓò¶¼ºÏÀí£»</li> <li><code><svg></code> ¼ÓÉÏ <code>class="bi bi-search"</code>£¨¸üÓïÒ廯£©£¬<code>href</code> ¸ÄÓà <code>href="#"</code> ·ÀÖ¹Ìøת£»</li> <li>ËùÓÐ <code>data-bs-*</code> ÊôÐÔÕվɣ¬Bootstrap 5+ ÍêÈ«Ö§³Ö¡£</li> </ul> </blockquote> <h2>³£¼û´íÎó¸ùÔ´Óë¹æ±Ü²ßÂÔ</h2> <h3> ´íÎó¸ùÔ´·ÖÎöÓë¹æ±Ü²ßÂÔ</h3> <table class="has-fixed-layout" cellpadding="0" cellspacing="0" border="1" bordercolor="#eee" style="width:100%;" align="center"> <thead> <tr> <th style="text-align:left;padding:8px 12px;">ÎÊÌâ</th> <th style="text-align:left;padding:8px 12px;">Ô­Òò</th> <th style="text-align:left;padding:8px 12px;">½â¾ö·½°¸</th> </tr> </thead> <tbody> <tr> <td style="padding:8px 12px;"><strong>°´Å¥Ï³Á</strong></td> <td style="padding:8px 12px;"><code><a></code> ĬÈÏ <code>display: inline</code>£¬µ«±» <code>.input-group</code> ÄÚ²¿µÄ flex ²¼¾ÖºöÂÔÁË£»»òÕ߸¸¼¶ <code>.col-md-3</code> ûÆôÓà flex ¶ÔÆë¡£</td> <td style="padding:8px 12px;">Óñê×¼ <code>.input-group + .input-group-text</code>£¬±ðÔÙÓÃ×Ô¶¨Ò帡¶¯»òCSS¡£</td> </tr> <tr> <td style="padding:8px 12px;"><strong>ģ̬¿òÆÆ»µ²¼¾Ö</strong></td> <td style="padding:8px 12px;"><code><div class="modal"></code> ±»ÈûÔÚ <code>.col-md-3</code> ÀïÃ棬³ÉÁËÍø¸ñÏ´¥·¢ÁË flex äÖȾ£¬»¹Õ¼Óÿռ䡣</td> <td style="padding:8px 12px;"><strong>°ÑÕû¸ö <code><div class="modal"></code> ÒƵ½ <code></form></code> Ö®ºó¡¢<code></div></code> ֮ǰ£¬Ò²¾ÍÊÇ¿¨Æ¬ÄÚÈÝÇøµÄĩβ£»×î¼Ñʵ¼ùÊǷŵ½ <code></body></code> Ç°Ãæ¡£</strong></td> </tr> </tbody> </table> <p>ÍƼöµÄģ̬¿ò·ÅÖÃλÖã¨ÔÚ <code>{% block content %}</code> ĩ⣩£º</p> <pre class="brush:php;toolbar:false;"><!-- Modal ¶¨Òå ¡ª¡ª ¶ÀÁ¢ÓÚ±íµ¥½á¹¹£¬ÖÃÓÚÒ³Ãæ×îµ×²¿ --> <div class="modal fade" id="typeRecordModal" tabindex="-1" aria-labelledby="recordModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="recordModalLabel">Add New Type</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form id="typeFormModal" method="post"> {% csrf_token %} <div class="mb-3"> <label for="{{ formtype.Type.id_for_label }}" class="form-label">Type</label> {% render_field formtype.Type class="form-control" %} </div> <div class="mb-3"> <label for="{{ formtype.Type_Desc.id_for_label }}" class="form-label">Description</label> {% render_field formtype.Type_Desc class="form-control" placeholder="Enter description" %} </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button> <button type="submit" form="typeFormModal" class="btn btn-primary">Save Type</button> </div> </div> </div> </div></pre> <blockquote> <p> ×¢ÒâÊÂÏ</p> <ul> <li>²»ÒªÔÚģ̬¿òÀïÖظ´ <code><form class="row g-4"></code> ¡ª¡ª ¼ò½àµÄ <code>form</code> ¾ÍÐУ¬Bootstrap ±íµ¥Õ¤¸ñÔÚģ̬¿òÀïÈÝÒ×ʧЧ£»</li> <li>Óà <code>form="typeFormModal"</code> ÈÃÍⲿ°´Å¥Ìá½»Ö¸¶¨±íµ¥£¬Ê¡µÃд JS °ó¶¨£»</li> <li>È·±£ <code>formtype</code> ÔÚÊÓͼÀïÒѾ­ÕýÈ·´«ÈëÉÏÏÂÎÄ£¨±ÈÈç <code>context['formtype'] = TypeForm()</code>£©£»</li> <li>ËùÓÐ <code>id_for_label</code> Ìæ´úÓ²±àÂëµÄ <code>for="inputType"</code>£¬±£ÕÏ Django ±íµ¥ ID µÄÒ»ÖÂÐÔ¡£</li> </ul> </blockquote> <h2>×îÖÕÑéÖ¤½¨Òé</h2> <ol> <li><strong>´ò¿ªä¯ÀÀÆ÷¿ª·¢Õß¹¤¾ß</strong>£ºÈ·ÈÏ <code>.input-group</code> µÄ <code>display: flex</code> ÉúЧÁË£¬²¢ÇÒ×ÓÔªËØ <code>flex: 1 1 0%</code>£¨ÊäÈë¿ò£©ºÍ <code>flex: 0 0 auto</code>£¨Í¼±êÇøÓò£©µÄ¿í¶È·ÖÅäÕýÈ·¡£</li> <li><strong>×öÒ»ÏÂÏìӦʽ²âÊÔ</strong>£ºÔÚ md ¼°ÒÔ϶ϵã¼ì²éÊÇ·ñ»¹Äܱ£³ÖÄÚÁª¡£Bootstrap ĬÈÏ <code>.input-group</code> ÔÚСÆÁÏ»á×Ô¶¯¶Ñµþ£¬Èç¹ûÏëÇ¿ÖÆˮƽÅÅÁУ¬¾Í¼ÓÉÏ <code>flex-nowrap</code> Àà¡£</li> <li><strong>ģ̬¿ò´¥·¢²âÊÔ</strong>£ºµã»÷ͼ±êºó£¬¿ØÖÆ̨²»Äܱ¨ <code>Uncaught TypeError</code>£¬¶øÇÒģ̬¿ò±³¾°ÕÚÕÖ£¨<code>.modal-backdrop</code>£©µÃÕý³£äÖȾ³öÀ´¡£</li> </ol> <p>×ܵÄÀ´¿´£¬Ö»ÒªÑϸñ×ñÑ­ Bootstrap ×é¼þ¹æ·¶£¬°Ñģ̬¿òµÄ DOM λÖýâñÔÙ½èÖú Django µÄ <code>widget_tweaks</code> ×öÓïÒ廯äÖȾ£¬¾ÍÄÜÒ»ÀÍÓÀÒݵؽâ¾ö±íµ¥ÄÚÁªºÍ²¼¾Ö±ÀÀ£µÄÎÊÌ⡪¡ªÍêÈ«²»ÐèÒª¶îÍâд CSS£¬Ò²²»ÓÃÅö JavaScript¡£</p> </div> <div class="mnxDqzcMsg"> <b></b> <p>ÏÀÓÎÏ··¢²¼´ËÎĽöΪÁË´«µÝÐÅÏ¢£¬²»´ú±íÏÀÓÎÏ·ÍøÕ¾ÈÏͬÆä¹Ûµã»ò֤ʵÆäÃèÊö</p> <div class="clear"></div> </div> </div> <!-- Ïà¹ØÏÂÔØ È¡1¸ö --> <!-- Ïà¹Ø¹¥ÂÔ --> <div class="mnxDqzcBox"> <div class="mnxPhbTitle"> <b></b> <h2>Ïà¹Ø¹¥ÂÔ</h2> <em><a href="/newslist/918_1.html" title="¸ü¶à"><i>¸ü¶à</i><b></b></a></em> <div class="clear"></div> </div> <div class="mnxZxtjBox"> <ul class="mnxZxglList"> <li> <a href="/article/547249/" title="΢ÈíÆì½¢ Win11 ±Ê¼Ç±¾ Surface Laptop 8 Æع⣺10 Ô·¢²¼¡¢æçÁú X2 оƬ" class="aBlack">΢ÈíÆì½¢ Win11 ±Ê¼Ç±¾ Surface Laptop 8 Æع⣺10 Ô·¢²¼¡¢æçÁú X2 оƬ</a> <span></span> <div class="clear"></div> </li> <li> <a href="/article/543779/" title="3 ¸öÔÂÐÂÔö 500 Íò£¬Î¢Èí GitHub Copilot ÀÛ¼ÆÓû§Í»ÆÆ 2000 Íò" class="aBlack">3 ¸öÔÂÐÂÔö 500 Íò£¬Î¢Èí GitHub Copilot ÀÛ¼ÆÓû§Í»ÆÆ 2000 Íò</a> <span></span> <div class="clear"></div> </li> <li> <a href="/article/543680/" title="΢Èí·¢²¼ DragonV2.1 Ä£ÐÍ£ºAI ת¼ÓïÒô¸ü×ÔÈ»£¬µ¥´Ê´íÎóÂÊƽ¾ùϽµ 12.8%¡¢Ö§³ÖºÏ³É³¬ 100 ÖÖÓïÑÔ" class="aBlack">΢Èí·¢²¼ DragonV2.1 Ä£ÐÍ£ºAI ת¼ÓïÒô¸ü×ÔÈ»£¬µ¥´Ê´íÎóÂÊƽ¾ùϽµ 12.8%¡¢Ö§³ÖºÏ³É³¬ 100 ÖÖÓïÑÔ</a> <span></span> <div class="clear"></div> </li> <li> <a href="/article/543568/" title="¹ØÁª GPT-5£ºÎ¢Èí Copilot ²âÊÔ¡°ÖÇÄÜ¡±Ä£Ê½£¬»ùÓÚÈÎÎñ¶¯Ì¬µ÷Õû AI ˼¿¼Ê±¼ä" class="aBlack">¹ØÁª GPT-5£ºÎ¢Èí Copilot ²âÊÔ¡°ÖÇÄÜ¡±Ä£Ê½£¬»ùÓÚÈÎÎñ¶¯Ì¬µ÷Õû AI ˼¿¼Ê±¼ä</a> <span></span> <div class="clear"></div> </li> <li> <a href="/article/543183/" title="¡¾ITÖ®¼Ò¿ªÏ䡿΢Èí 2025 ÄêȫРSurface Pro 12 Ó¢´ç¶þºÏһƽ°åͼÉÍ£º¼ò½àÉÌÎñ¸ßÑÕÖµ" class="aBlack">¡¾ITÖ®¼Ò¿ªÏ䡿΢Èí 2025 ÄêȫРSurface Pro 12 Ó¢´ç¶þºÏһƽ°åͼÉÍ£º¼ò½àÉÌÎñ¸ßÑÕÖµ</a> <span></span> <div class="clear"></div> </li> <li> <a href="/article/543039/" title="΢Èí Xbox ½«ÔÚ 2025 ¿Æ¡ÓÎÏ·Õ¹Æô¶¯»ªË¶ ROG Xbox Ally ÕÆ»úÊ״ι«¿ªÊÔÍæ" class="aBlack">΢Èí Xbox ½«ÔÚ 2025 ¿Æ¡ÓÎÏ·Õ¹Æô¶¯»ªË¶ ROG Xbox Ally ÕÆ»úÊ״ι«¿ªÊÔÍæ</a> <span></span> <div class="clear"></div> </li> </ul> </div> </div> <div class="mnxDqzcBox"> <div class="mnxPhbTitle"> <b></b> <h2>ͬÀà¸üÐÂ</h2> <em><a href="/newslist/918_1.html" title="¸ü¶à"><i>¸ü¶à</i><b></b></a></em> <div class="clear"></div> </div> <ul class="mnxSplbList"> <li> <span> <a href="/article/996850/" title="NN¶Ò»»CDKEYÖ¸ÄÏ"><img src="https://img.xiayx.com/uploadfile/news/202607316a6c83f443dcc..jpg" alt="NN¶Ò»»CDKEYÖ¸ÄÏ" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a> </span> <dl> <dt><a href="/article/996850/" title="NN¶Ò»»CDKEYÖ¸ÄÏ" class="aBlack">NN¶Ò»»CDKEYÖ¸ÄÏ</a></dt> </dl> </li> <li> <span> <a href="/article/996825/" title="MATLAB»æÖÆdy2yÂö³åÏìÓ¦"><img src="https://img.xiayx.com/uploadfile/news/202607316a6c81a8ab40d..jpg" alt="MATLAB»æÖÆdy2yÂö³åÏìÓ¦" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a> </span> <dl> <dt><a href="/article/996825/" title="MATLAB»æÖÆdy2yÂö³åÏìÓ¦" class="aBlack">MATLAB»æÖÆdy2yÂö³åÏìÓ¦</a></dt> </dl> </li> <li> <span> <a href="/article/996809/" title="EViews VARÄ£Ðͽ¨Ä£²½ÖèÏê½â"><img src="https://img.xiayx.com/uploadfile/news/202607316a6c804549ee3..jpg" alt="EViews VARÄ£Ðͽ¨Ä£²½ÖèÏê½â" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a> </span> <dl> <dt><a href="/article/996809/" title="EViews VARÄ£Ðͽ¨Ä£²½ÖèÏê½â" class="aBlack">EViews VARÄ£Ðͽ¨Ä£²½ÖèÏê½â</a></dt> </dl> </li> <li> <span> <a href="/article/996808/" title="ÒôÀÖ±äÉùµ÷ËÙÒ»¼üÇл»"><img src="https://img.xiayx.com/uploadfile/news/202607316a6c803e0894b..jpg" alt="ÒôÀÖ±äÉùµ÷ËÙÒ»¼üÇл»" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a> </span> <dl> <dt><a href="/article/996808/" title="ÒôÀÖ±äÉùµ÷ËÙÒ»¼üÇл»" class="aBlack">ÒôÀÖ±äÉùµ÷ËÙÒ»¼üÇл»</a></dt> </dl> </li> <li> <span> <a href="/article/996787/" title="ѧ¶ø˼һ¶ÔÒ»Ô¤Ô¼Á÷³ÌÖ¸ÄÏ"><img src="https://img.xiayx.com/uploadfile/news/202607316a6c7ea225731..jpg" alt="ѧ¶ø˼һ¶ÔÒ»Ô¤Ô¼Á÷³ÌÖ¸ÄÏ" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a> </span> <dl> <dt><a href="/article/996787/" title="ѧ¶ø˼һ¶ÔÒ»Ô¤Ô¼Á÷³ÌÖ¸ÄÏ" class="aBlack">ѧ¶ø˼һ¶ÔÒ»Ô¤Ô¼Á÷³ÌÖ¸ÄÏ</a></dt> </dl> </li> <li> <span> <a href="/article/996786/" title="Ubuntu 14.04 Cairo-Dockͼ±êÌø¶¯ÅäÖÃ"><img src="https://img.xiayx.com/uploadfile/news/202607316a6c7e9b966ed..jpg" alt="Ubuntu 14.04 Cairo-Dockͼ±êÌø¶¯ÅäÖÃ" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a> </span> <dl> <dt><a href="/article/996786/" title="Ubuntu 14.04 Cairo-Dockͼ±êÌø¶¯ÅäÖÃ" class="aBlack">Ubuntu 14.04 Cairo-Dockͼ±êÌø¶¯ÅäÖÃ</a></dt> </dl> </li> <div class="clear"></div> </ul> </div> <div class="mnxDqzcBox"> <div class="mnxPhbTitle"> <b></b> <h2>ÈÈÓÎÍƼö</h2> <em><a href="/sy/" title="¸ü¶à"><i>¸ü¶à</i><b></b></a></em> <div class="clear"></div> </div> <ul class="mnxSyyxList"> <li> <span><a href="/xiazai/902144362.html" title="DreamStudio"><img src="https://img.xiayx.com/uploadfile/info/20260630/1782787849669912.jpg" alt="DreamStudio" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a></span> <div class="mnxSyyxCont"> <dl> <dt><a href="/xiazai/902144362.html" title="DreamStudio" class="aBlack">DreamStudio</a></dt> <dd class="cont1">Android/ <i>|</i> <a href="/xiazai/1048_1/" title="AI»æͼ" class="bBlack">AI»æͼ</a></dd> <dd>2026-06-30</dd> </dl> <em><a href="/xiazai/902144362.html" title="ÏÂÔØ">ÏÂÔØ</a></em> <div class="clear"></div> </div> <div class="clear"></div> </li> <li> <span><a href="/xiazai/902144361.html" title="Pixlr"><img src="https://img.xiayx.com/uploadfile/info/20260630/1782787989689086.png" alt="Pixlr" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a></span> <div class="mnxSyyxCont"> <dl> <dt><a href="/xiazai/902144361.html" title="Pixlr" class="aBlack">Pixlr</a></dt> <dd class="cont1">Android/ <i>|</i> <a href="/xiazai/1048_1/" title="AI»æͼ" class="bBlack">AI»æͼ</a></dd> <dd>2026-06-30</dd> </dl> <em><a href="/xiazai/902144361.html" title="ÏÂÔØ">ÏÂÔØ</a></em> <div class="clear"></div> </div> <div class="clear"></div> </li> <li> <span><a href="/xiazai/902144360.html" title="Playground AI"><img src="https://img.xiayx.com/uploadfile/info/20260630/1782788078809028.png" alt="Playground AI" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a></span> <div class="mnxSyyxCont"> <dl> <dt><a href="/xiazai/902144360.html" title="Playground AI" class="aBlack">Playground AI</a></dt> <dd class="cont1">Android/ <i>|</i> <a href="/xiazai/1048_1/" title="AI»æͼ" class="bBlack">AI»æͼ</a></dd> <dd>2026-06-30</dd> </dl> <em><a href="/xiazai/902144360.html" title="ÏÂÔØ">ÏÂÔØ</a></em> <div class="clear"></div> </div> <div class="clear"></div> </li> <li> <span><a href="/xiazai/902144359.html" title="Adobe Firefly"><img src="https://img.xiayx.com/uploadfile/info/20260630/1782788340724269.png" alt="Adobe Firefly" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a></span> <div class="mnxSyyxCont"> <dl> <dt><a href="/xiazai/902144359.html" title="Adobe Firefly" class="aBlack">Adobe Firefly</a></dt> <dd class="cont1">Android/ <i>|</i> <a href="/xiazai/1048_1/" title="AI»æͼ" class="bBlack">AI»æͼ</a></dd> <dd>2026-06-30</dd> </dl> <em><a href="/xiazai/902144359.html" title="ÏÂÔØ">ÏÂÔØ</a></em> <div class="clear"></div> </div> <div class="clear"></div> </li> <li> <span><a href="/xiazai/902144358.html" title="Canva AI"><img src="https://img.xiayx.com/uploadfile/info/20260630/1782788417338107.png" alt="Canva AI" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a></span> <div class="mnxSyyxCont"> <dl> <dt><a href="/xiazai/902144358.html" title="Canva AI" class="aBlack">Canva AI</a></dt> <dd class="cont1">Android/ <i>|</i> <a href="/xiazai/1048_1/" title="AI»æͼ" class="bBlack">AI»æͼ</a></dd> <dd>2026-06-30</dd> </dl> <em><a href="/xiazai/902144358.html" title="ÏÂÔØ">ÏÂÔØ</a></em> <div class="clear"></div> </div> <div class="clear"></div> </li> <li> <span><a href="/xiazai/902144357.html" title="Ideogram"><img src="https://img.xiayx.com/uploadfile/info/20260630/1782788497796805.png" alt="Ideogram" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a></span> <div class="mnxSyyxCont"> <dl> <dt><a href="/xiazai/902144357.html" title="Ideogram" class="aBlack">Ideogram</a></dt> <dd class="cont1">Android/ <i>|</i> <a href="/xiazai/1048_1/" title="AI»æͼ" class="bBlack">AI»æͼ</a></dd> <dd>2026-06-30</dd> </dl> <em><a href="/xiazai/902144357.html" title="ÏÂÔØ">ÏÂÔØ</a></em> <div class="clear"></div> </div> <div class="clear"></div> </li> <li> <span><a href="/xiazai/902144356.html" title="Leonardo AI"><img src="https://img.xiayx.com/uploadfile/info/20260630/17827885894097.jpg" alt="Leonardo AI" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a></span> <div class="mnxSyyxCont"> <dl> <dt><a href="/xiazai/902144356.html" title="Leonardo AI" class="aBlack">Leonardo AI</a></dt> <dd class="cont1">Android/ <i>|</i> <a href="/xiazai/1048_1/" title="AI»æͼ" class="bBlack">AI»æͼ</a></dd> <dd>2026-06-30</dd> </dl> <em><a href="/xiazai/902144356.html" title="ÏÂÔØ">ÏÂÔØ</a></em> <div class="clear"></div> </div> <div class="clear"></div> </li> <li> <span><a href="/xiazai/902144355.html" title="Stable Diffusion"><img src="https://img.xiayx.com/uploadfile/info/20260630/1782788859817029.png" alt="Stable Diffusion" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /></a></span> <div class="mnxSyyxCont"> <dl> <dt><a href="/xiazai/902144355.html" title="Stable Diffusion" class="aBlack">Stable Diffusion</a></dt> <dd class="cont1">Android/ <i>|</i> <a href="/xiazai/1048_1/" title="AI»æͼ" class="bBlack">AI»æͼ</a></dd> <dd>2026-06-30</dd> </dl> <em><a href="/xiazai/902144355.html" title="ÏÂÔØ">ÏÂÔØ</a></em> <div class="clear"></div> </div> <div class="clear"></div> </li> </ul> </div> <div class="mnxDqzcBox2"> <div class="mnxPhbTitle"> <b></b> <h2>¾«²ÊרÌâ</h2> <em><a href="/zhuanti/bb_1/" title="¸ü¶à"><i>¸ü¶à</i><b></b></a></em> <div class="clear"></div> </div> <ul class="mnxJcztList"> <li> <a href="/zhuanti/404232/" title="´úºÅð°" class="aWhite"> <img src="/upload/20230516/168420084782584.jpg" alt="´úºÅð°" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /> <span>´úºÅð°</span> </a> </li> <li> <a href="/zhuanti/396555/" title="¶¼ÊÇÈËÇéÊÀ¹Ê" class="aWhite"> <img src="/upload/20230428/1682647396684343.jpg" alt="¶¼ÊÇÈËÇéÊÀ¹Ê" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /> <span>¶¼ÊÇÈËÇéÊÀ¹Ê</span> </a> </li> <li> <a href="/zhuanti/391309/" title="¶ìѼɱ" class="aWhite"> <img src="/upload/20230421/1682054340389332.png" alt="¶ìѼɱ" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /> <span>¶ìѼɱ</span> </a> </li> <li> <a href="/zhuanti/389498/" title="ÂֻزèËÁ" class="aWhite"> <img src="/upload/20230517/1684288431506773.png" alt="ÂֻزèËÁ" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /> <span>ÂֻزèËÁ</span> </a> </li> <li> <a href="/zhuanti/388632/" title="ÎÒºÍÎҵĴóѧ" class="aWhite"> <img src="/upload/20230421/1682056161739328.png" alt="ÎÒºÍÎҵĴóѧ" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /> <span>ÎÒºÍÎҵĴóѧ</span> </a> </li> <li> <a href="/zhuanti/387989/" title="ã¶×ÓÅÜ¿á" class="aWhite"> <img src="/upload/20230420/1681954517272978.png" alt="ã¶×ÓÅÜ¿á" onerror="this.src='/style/style2022/mob/mobimages/moren/236_132.png'" /> <span>ã¶×ÓÅÜ¿á</span> </a> </li> <div class="clear"></div> </ul> </div> </div> <!--Ö÷Ìå end--> <!--µ×²¿--> <div class="mnxFoot"> <div class="mnxFootMenu"> <div class="mnxFootMenuIn"> <a href="/game/988_1/" title="ÊÖÓÎ">ÊÖÓÎ</a> <a href="/zhuanti/bb_1" title="רÌâ">רÌâ</a> <a href="/newslist/825_1.html" title="¹¥ÂÔ">¹¥ÂÔ</a> <a href="/xiazai/938_1/" title="AppÏÂÔØ">AppÏÂÔØ</a> <a href="/newslist/1004_1.html" style="color:#303133;">web3</a> <div class="clear"></div> </div> </div> <div class="mnxFootFan"> <div class="mnxFootFanIn"> <a href="/" title="·µ»ØÊ×Ò³">·µ»ØÊ×Ò³</a> <a href="#" title="»Øµ½¶¥²¿">»Øµ½¶¥²¿</a> <div class="clear"></div> </div> </div> <div class="mnxFootMsg"> <dl> <dt>ÏæICP±¸14008430ºÅ-1 Ï湫Íø°²±¸ 43070302000280ºÅ</dt> <dd>All Rights Reserved </dd> </dl> <dl> <dt>±¾Õ¾Îª·ÇÓ¯ÀûÍøÕ¾£¬²»½ÓÊÜÈκιã¸æ¡£±¾Õ¾ËùÓÐÈí¼þ£¬¶¼ÓÉÍøÓÑ</dt> <dd>ÉÏ´«£¬ÈçÓÐÇÖ·¸ÄãµÄ°æȨ£¬Çë·¢Óʼþ¸øxiayx666@163.com</dd> </dl> <dl> <dt>µÖÖƲ»Á¼É«Çé¡¢·´¶¯¡¢±©Á¦ÓÎÏ·¡£×¢Òâ×ÔÎÒ±£»¤£¬½÷·ÀÊÜÆ­Éϵ±¡£</dt> <dd>ÊʶÈÓÎÏ·ÒæÄÔ£¬³ÁÃÔÓÎÏ·ÉËÉí¡£ºÏÀí°²ÅÅʱ¼ä£¬ÏíÊܽ¡¿µÉú»î¡£</dd> </dl> </div> </div> <script src="https://style.xiayx.com/js/jumbpc.js?v=20260710" type="text/javascript"></script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?075ab887d0dd167df1a8b41de83e8c61"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!--µ×²¿ end--> </div> </body> </html>