小程序开发：动态面板的应用与实现

动态面板（dynamic panel）是微信小程序中的一种组件，它可以在用户操作时改变其内容。这种特性使得小程序能够提供丰富的交互体验，并满足不同场景下的需求。下面我将详细介绍动态面板的应用与实现。

一、动态面板的应用场景

1. 列表展示

• 场景描述：例如，一个电商小程序可能需要展示商品的详细信息，如价格、库存等。当用户点击某个商品时，该商品的信息可以动态更新，显示更多的图片或者详情页链接。
• 代码示例：在`wxml`文件中使用``包裹商品信息，并通过`wx:for`循环绑定数据。在`js`文件中通过`this.setData({...})`设置数据。

2. 表单填写

• 场景描述：比如一个预约服务小程序需要用户填写个人信息，系统根据用户填写的内容自动填充到表单中。
• 代码示例：在`wxml`文件中使用``或``绑定表单字段，并在`onchange`事件中使用`setData()`方法更新表单数据。</li></ul><p><h4>3. 进度条</h4></p><ul><li><strong>场景描述</strong>：某些任务需要用户等待，此时可以使用进度条来显示当前进度。</li><li><strong>代码示例</strong>：在`wxml`文件中使用`<progress>`组件显示进度，并在`onloadstart`事件中使用`setData()`方法更新进度值。</li></ul><h3>二、动态面板的实现方法</h3><p><h4>1. 使用v-for循环</h4></p><ul><li><strong>原理</strong>：在`wxml`文件中使用`<view>`包裹需要动态更新的数据。通过`v-for`指令遍历数组或对象，将数据绑定到每个子元素上。</li><li><strong>示例</strong>：</li></ul><p>```html</p><p><view v-for="item in items" :key="item.id">{{ item.name }}</view></p><p>```</p><p><h4>2. 使用watch和dataChanges</h4></p><ul><li><strong>原理</strong>：监听数据的变化，并在数据变化时更新视图。</li><li><strong>示例</strong>：</li></ul><p>```javascript</p><p>export default {</p><p>data() {</p><p>return {</p><p>items: ['item1', 'item2', 'item3'] // 假设这是数组</p><p style="text-align: center;"><img src="https://www.itangsoft.com/static/image/lazy.gif" class="lazy" original="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202501/01/1655447435.jpg" title="小程序开发：动态面板的应用与实现" alt="小程序开发：动态面板的应用与实现"/></p><p>};</p><p>},</p><p>watch: {</p><p>items(newVal, oldVal) {</p><p>console.log('items changed from', oldVal, 'to', newVal);</p><p>this.setData({ items: newVal }); // 更新数据</p><p>}</p><p>}</p><p>};</p><p>```</p><p><h4>3. 使用computed属性</h4></p><ul><li><strong>原理</strong>：通过计算表达式返回结果，然后使用这个结果作为视图的一部分。</li><li><strong>示例</strong>：</li></ul><p>```javascript</p><p>export default {</p><p>computed: {</p><p>progress() {</p><p>const total = 100;</p><p>const percentage = Math.round((this.count / total) * 100);</p><p>return { value: percentage, max: total };</p><p>}</p><p>}</p><p>};</p><p>```</p><h3>三、注意事项</h3><p>1. <strong>性能优化</strong>：避免频繁地更新视图，尽量使用计算属性或watch来实现数据绑定。</p><p>2. <strong>兼容性考虑</strong>：确保你的小程序兼容不同的设备和版本，避免因兼容性问题导致数据无法正确更新。</p><p>3. <strong>用户体验</strong>：合理使用动态面板，避免过度复杂或影响用户体验的操作。</p><p>总之，动态面板是微信小程序中非常实用的功能，它不仅可以丰富小程序的交互体验，还可以提高用户的使用满意度。通过上述的应用场景和实现方法的介绍，你可以更好地理解和应用动态面板。</p></div> </div> <div class="b20 c_b"> </div> <div class="tool"> <i class="like" onclick="Dlike(104, 1085714, 0);">点赞 <b id="like-104-1085714-0">0</b></i><i class="report" onclick="Dreport(104, 1085714, 0);">举报</i><i class="favorite" onclick="Dfavor(104, 1085714);">收藏 <b>0</b></i><a href="https://www.itangsoft.com/api/share.php?mid=104&itemid=1085714" target="_blank"><i class="share">分享 <b>0</b></i></a></div> <div class="news-statement mt20"> <div class="zxpd_pd"> <div class="zxpd_tit">免责声明</div> <dl class="fl-clr"> <dt>• </dt> <dd>本文内容部分来源于网络，版权归原作者所有，经本平台整理和编辑，仅供交流、学习和参考，不做商用。转载请联系授权，并注明原文出处：https://www.itangsoft.com/baike/show-1085714.html。 如若文中涉及有违公德、触犯法律的内容，一经发现，立即删除。涉及到版权或其他问题，请及时联系我们处理。 </dd> </dl> </div> </div> <div class="b20"> </div> <div class="b16 c_b" style="background:#F2F4FA;"> </div> <div class="head-txt"><span><a href="https://www.itangsoft.com/sell/">更多<i>></i></a></span><strong>热门产品</strong></div> <div class="information_detail_wdll information_detail_you_like information_detail_liuyan" style="margin:0px;"> <div class="information_detail_youLike_lb information_detail_youLike_lb1 swiper-container" style="margin-top:0px;padding:0px 35px;"> <div class="swiper-wrapper"> <div class="swiper-slide" title="蓝凌MK"> <a href="https://www.itangsoft.com/sell/show-6.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/134250471.png" alt="蓝凌MK" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-6.html" target="_blank" class="tit" title="蓝凌MK">蓝凌MK</a> </div> <div class="swiper-slide" title="帆软FineBI"> <a href="https://www.itangsoft.com/sell/show-15.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/123620211.png" alt="帆软FineBI" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-15.html" target="_blank" class="tit" title="帆软FineBI">帆软FineBI</a> </div> <div class="swiper-slide" title="简道云"> <a href="https://www.itangsoft.com/sell/show-13.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/122859191.png" alt="简道云" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-13.html" target="_blank" class="tit" title="简道云">简道云</a> </div> <div class="swiper-slide" title="纷享销客CRM"> <a href="https://www.itangsoft.com/sell/show-5.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/115624441.png" alt="纷享销客CRM" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-5.html" target="_blank" class="tit" title="纷享销客CRM">纷享销客CRM</a> </div> <div class="swiper-slide" title="悟空CRM"> <a href="https://www.itangsoft.com/sell/show-21.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202501/06/214735911.png" alt="悟空CRM" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-21.html" target="_blank" class="tit" title="悟空CRM">悟空CRM</a> </div> <div class="swiper-slide" title="钉钉"> <a href="https://www.itangsoft.com/sell/show-30.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/133020341.png" alt="钉钉" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-30.html" target="_blank" class="tit" title="钉钉">钉钉</a> </div> <div class="swiper-slide" title="金蝶云星空"> <a href="https://www.itangsoft.com/sell/show-29.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/132911681.png" alt="金蝶云星空" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-29.html" target="_blank" class="tit" title="金蝶云星空">金蝶云星空</a> </div> <div class="swiper-slide" title="蓝凌EKP"> <a href="https://www.itangsoft.com/sell/show-8.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/15/174320891.png" alt="蓝凌EKP" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-8.html" target="_blank" class="tit" title="蓝凌EKP">蓝凌EKP</a> </div> <div class="swiper-slide" title="用友YonBIP"> <a href="https://www.itangsoft.com/sell/show-25.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/131647171.png" alt="用友YonBIP" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-25.html" target="_blank" class="tit" title="用友YonBIP">用友YonBIP</a> </div> <div class="swiper-slide" title="致远互联A8"> <a href="https://www.itangsoft.com/sell/show-11.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/15/184926841.png" alt="致远互联A8" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-11.html" target="_blank" class="tit" title="致远互联A8">致远互联A8</a> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> <div class="b20"> </div> <div class="b16 c_b" style="background:#F2F4FA;"> </div> <div class="head-txt"><span><a href="https://www.itangsoft.com/baike/list-1542.html">更多<i>></i></a></span><strong>同类知识</strong></div> <div class="related"><table width="100%"> <tr><td width="50%"><a href="https://www.itangsoft.com/baike/show-1172907.html" title="AI绘制网格图形：创新技术提升设计效率">• AI绘制网格图形：创新技术提升设计效率</a></td> <td width="50%"><a href="https://www.itangsoft.com/baike/show-1172897.html" title="探索微商城与小程序定制的核心价值">• 探索微商城与小程序定制的核心价值</a></td> </tr><tr><td width="50%"><a href="https://www.itangsoft.com/baike/show-1172894.html" title="AI软件打造国字艺术：创新技术重塑汉字之美">• AI软件打造国字艺术：创新技术重塑汉字之美</a></td> <td width="50%"><a href="https://www.itangsoft.com/baike/show-1172881.html" title="软件开发语言指南：了解主流开发工具的语言选择">• 软件开发语言指南：了解主流开发工具的语言选择</a></td> </tr><tr><td width="50%"><a href="https://www.itangsoft.com/baike/show-1172876.html" title="普通人想开发软件：挑战与机遇并存">• 普通人想开发软件：挑战与机遇并存</a></td> <td width="50%"><a href="https://www.itangsoft.com/baike/show-1172860.html" title="软件数据丢失：找回丢失数据的可能性分析">• 软件数据丢失：找回丢失数据的可能性分析</a></td> </tr><tr><td width="50%"><a href="https://www.itangsoft.com/baike/show-1172855.html" title="Golang：探索Go语言开发网站的可能性">• Golang：探索Go语言开发网站的可能性</a></td> <td width="50%"><a href="https://www.itangsoft.com/baike/show-1172852.html" title="蓝牙应用开发指南：从构思到部署的完整流程">• 蓝牙应用开发指南：从构思到部署的完整流程</a></td> </tr><tr><td width="50%"><a href="https://www.itangsoft.com/baike/show-1172844.html" title="开发简易管理软件，选用哪种编程语言？">• 开发简易管理软件，选用哪种编程语言？</a></td> <td width="50%"><a href="https://www.itangsoft.com/baike/show-1172843.html" title="办公系统开发：构建高效办公环境的关键步骤">• 办公系统开发：构建高效办公环境的关键步骤</a></td> </tr></table> </div> </div> <div class="content_right f_kz_xh_f fr" style="background: #ffffff"> <div class="head-sub"><strong>推荐产品</strong> <span><a href="https://www.itangsoft.com/sell/">更多<i>></i></a></span> </div> <div class="list-thumb"> <table width="100%"> <tr><td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-1.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/113151651.png" width="145" height="145" alt="唯智TMS"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-1.html" title="唯智TMS">唯智TMS</a></li></ul></td> <td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-6.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/134250471.png" width="145" height="145" alt="蓝凌MK"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-6.html" title="蓝凌MK">蓝凌MK</a></li></ul></td> </tr><tr><td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-13.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/122859191.png" width="145" height="145" alt="简道云"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-13.html" title="简道云">简道云</a></li></ul></td> <td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-5.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/115624441.png" width="145" height="145" alt="纷享销客CRM"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-5.html" title="纷享销客CRM">纷享销客CRM</a></li></ul></td> </tr><tr><td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-7.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202501/06/213208541.png" width="145" height="145" alt="蓝凌低代码"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-7.html" title="蓝凌低代码">蓝凌低代码</a></li></ul></td> <td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-15.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/123620211.png" width="145" height="145" alt="帆软FineBI"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-15.html" title="帆软FineBI">帆软FineBI</a></li></ul></td> </tr></table> </div> <div class="b16 c_b" style="background:#F2F4FA;"> </div> <div class="head-sub"><strong>最新知识</strong></div> <div class="list-txt"><ul> <li><a href="https://www.itangsoft.com/baike/show-1172950.html" title="内镜追踪管理系统：精准追溯与高效管理">内镜追踪管理系统：精准追溯与高效管理</a></li> <li><a href="https://www.itangsoft.com/baike/show-1172949.html" title="内镜追溯系统软件 - 提高医疗安全与效率的解决方案">内镜追溯系统软件 - 提高医疗安全与效率的解决方案</a></li> <li><a href="https://www.itangsoft.com/baike/show-1172948.html" title="电子合同代签服务：如何寻找专业代签平台？">电子合同代签服务：如何寻找专业代签平台？</a></li> <li><a href="https://www.itangsoft.com/baike/show-1172947.html" title="SAAS产品本地化部署什么意思">SAAS产品本地化部署什么意思</a></li> <li><a href="https://www.itangsoft.com/baike/show-1172946.html" title="微派小程序SaaS平台：一键搭建，轻松运营您的专属小程序">微派小程序SaaS平台：一键搭建，轻松运营您的专属小程序</a></li> <li><a href="https://www.itangsoft.com/baike/show-1172945.html" title="微派SAAS系统：企业级应用的高效解决方案">微派SAAS系统：企业级应用的高效解决方案</a></li> <li><a href="https://www.itangsoft.com/baike/show-1172944.html" title="微派SAAS小程序，一键连接WiFi，随时随地畅享网络">微派SAAS小程序，一键连接WiFi，随时随地畅享网络</a></li> <li><a href="https://www.itangsoft.com/baike/show-1172943.html" title="探索SaaS产品类型：覆盖多个领域的解决方案">探索SaaS产品类型：覆盖多个领域的解决方案</a></li> <li><a href="https://www.itangsoft.com/baike/show-1172942.html" title="本地化SaaS工具：实现软件全球化部署与优化">本地化SaaS工具：实现软件全球化部署与优化</a></li> <li><a href="https://www.itangsoft.com/baike/show-1172941.html" title="本地化部署与SaaS竖井模式的挑战与策略">本地化部署与SaaS竖井模式的挑战与策略</a></li> </ul> </div> <div class="b20"> </div> <div class="b16 c_b" style="background:#F2F4FA;"> </div> <div class="head-sub"><strong>点击排行</strong></div> <div class="list-rank"><ul> <li><span class="f_r">31542</span><em>1</em><a href="https://www.itangsoft.com/baike/show-53738.html" title="黑科网用什么软件可以看,探索黑科网：必备软件一览">黑科网用什么软件可以看,探索黑科网：必备软件一览</a></li> <li><span class="f_r">8378</span><em>2</em><a href="https://www.itangsoft.com/baike/show-211202.html" title="国内知名的针刺推拿教学测定系统">国内知名的针刺推拿教学测定系统</a></li> <li><span class="f_r">6836</span><em>3</em><a href="https://www.itangsoft.com/baike/show-177008.html" title="2023年蓝奏云软件库最新链接分享">2023年蓝奏云软件库最新链接分享</a></li> <li><span class="f_r">5785</span><i>4</i><a href="https://www.itangsoft.com/baike/show-37438.html" title="政府oa办公电子邮箱如何设置,政府OA办公电子邮箱设置指南">政府oa办公电子邮箱如何设置,政府OA办公电子邮箱设置指南</a></li> <li><span class="f_r">5466</span><i>5</i><a href="https://www.itangsoft.com/baike/show-176960.html" title="蓝奏云软件库合集2024骑士助手">蓝奏云软件库合集2024骑士助手</a></li> <li><span class="f_r">4803</span><i>6</i><a href="https://www.itangsoft.com/baike/show-884837.html" title="日用百货批发进货渠道大全，轻松采购！">日用百货批发进货渠道大全，轻松采购！</a></li> <li><span class="f_r">3709</span><i>7</i><a href="https://www.itangsoft.com/baike/show-113413.html" title="怎么删除ai汪仔,如何彻底移除AI汪仔软件？">怎么删除ai汪仔,如何彻底移除AI汪仔软件？</a></li> <li><span class="f_r">3405</span><i>8</i><a href="https://www.itangsoft.com/baike/show-176959.html" title="蓝奏云软件库合集2023骑士助手">蓝奏云软件库合集2023骑士助手</a></li> <li><span class="f_r">2976</span><i>9</i><a href="https://www.itangsoft.com/baike/show-77669.html" title="免费查公司软件推荐：无需付费，轻松获取企业信息">免费查公司软件推荐：无需付费，轻松获取企业信息</a></li> <li><span class="f_r">2964</span><i>10</i><a href="https://www.itangsoft.com/baike/show-205465.html" title="如何申请ai账号邮箱，申请AI账号邮箱步骤指南">如何申请ai账号邮箱，申请AI账号邮箱步骤指南</a></li> </ul></div> <div class="b20"> </div> </div> </div> </div> <script type="text/javascript" src="https://www.itangsoft.com/static/script/content.js?v=1158dc9602"></script><div class="b10" id="footb"></div> <div class="footer"> <div class="w1220 copyright_a clearfix"> <div class="lianjie clearfix"> <div class="net_nav"> <strong>数智客户</strong> <ul> <li> <a href="https://www.itangsoft.com/member/my.php?mid=6&action=add" target="_blank" rel="nofollow">发布需求</a> </li> <li> <a href="https://www.itangsoft.com/member/my.php?mid=10&action=add">我要提问</a> </li> <li> <a href="https://www.itangsoft.com/help/list-722.html" target="_blank" rel="nofollow">客户帮助</a> </li> <li> <a href="https://www.itangsoft.com/help/list-719.html" target="_blank" rel="nofollow">新人指南</a> </li> </ul> </div> <div class="net_nav"> <strong>服务企业</strong> <ul> <li> <a href="https://www.itangsoft.com/member/my.php?mid=5&action=add" target="_blank" rel="nofollow">发布产品</a> </li> <li> <a href="https://www.itangsoft.com/member/my.php?mid=16&action=add" target="_blank" rel="nofollow">发布服务</a> </li> <li> <a href="https://www.itangsoft.com/member/my.php?mid=103&action=add" target="_blank" rel="nofollow">发布方案</a> </li> <li> <a href="https://www.itangsoft.com/member/my.php?mid=102&action=add" target="_blank" rel="nofollow">发布案例</a> </li> </ul> </div> <div class="net_nav"> <strong>增值服务</strong> <ul> <li> <a href="https://www.itangsoft.com/member/grade.php" target="_blank" rel="nofollow">VIP 服务</a> </li> <li> <a href="https://www.itangsoft.com/spread/" target="_blank">排名推广</a> </li> <li> <a href="https://www.itangsoft.com/guestbook/" target="_blank">意见反馈</a> </li> <li> <a href="https://www.itangsoft.com/sitemap/" target="_blank">网站地图</a></li> </ul> </div> <div class="net_nav"> <strong>联系我们</strong> <div class="lianxi_box"> <p> <span>联系电话:</span> <a rel="nofollow">177-1642-7519</a> </p> <p> <span>联系邮箱:</span> <a href="mailto:service@itangsoft.com" rel="nofollow">service@itangsoft.com</a> </p> </div> </div> </div> <div class="erweima clearfix"> <div class="em_items fr xcx"> <div class="erweima_pic"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125305931.png" alt="小程序"></div> <strong>微信小程序</strong> <div class="big_em"> <img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125305931.png" alt="小程序"> <p>微信小程序</p> </div> </div> <div class="em_items fr gzh"> <div class="erweima_pic"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125248941.png" alt="公众号"></div> <strong>微信公众号</strong> <div class="big_em"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125248941.png" alt="公众号"> <p>微信公众号</p> </div> </div> <div class="em_items fr app"> <div class="erweima_pic"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125413611.png" alt="H5移动端"></div> <strong>H5移动端</strong> <div class="big_em"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125413611.png" alt="H5移动端"> <p>H5移动端</p> </div> </div> </div> </div> <div class="w1220 copyright_beian"> <div class="foot_page"> <a href="https://www.itangsoft.com/">网站首页</a>  |  <a href="https://www.itangsoft.com/about/index.html">关于我们</a>  |  <a href="https://www.itangsoft.com/about/contact.html">联系方式</a>  |  <a href="https://www.itangsoft.com/about/agreement.html">用户协议</a>  |  <a href="https://www.itangsoft.com/about/privacy.html">隐私政策</a>  |  <a href="https://www.itangsoft.com/about/copyright.html">版权声明</a>  |  <a href="https://www.itangsoft.com/sitemap/">网站地图</a>  |  <a href="https://www.itangsoft.com/spread/">排名推广</a>  |  <a href="https://www.itangsoft.com/ad/">广告服务</a>  |  <a href="https://www.itangsoft.com/gift/">积分换礼</a>  |  <a href="https://www.itangsoft.com/guestbook/">网站留言</a>  |  <a href="https://www.itangsoft.com/feed/">RSS订阅</a>  |  <a href="javascript:Dreport(104, 1085714, 0);">违规举报</a></div> <div id="copyright">©2019-2025 四川唐软科技集团股份公司 版权所有</div> <div class="clearfix"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2023013609号</a></div><div class="clearfix"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51015602000223" target="_blank" rel="nofollow"><img class="i-wano" src="https://www.itangsoft.com/static/image/i-wano.png" alt="" width="18" height="20"> 川公网安备51015602000223号</a></div></div> </div> <!--右侧浮动--> <div class="xuanfu_box" style="bottom: 140px; display: block;"> <div class="item item_rz" style="display: block;"> <div class="boxone"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon2_1.png" class="icon1"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon2_2.png" class="icon2"><p>入驻</p></div> <div class="boxtwo"> <p class="pone">企业入驻成功 可尊享多重特权</p> <p class="ptwo">入驻热线：177-1642-7519</p> <img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125703951.png"> <p class="pthree">企业微信客服</p> </div> </div> <div class="item item_kf" style="display: block;"> <div class="boxone"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon4_1.png" class="icon1"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon4_2.png" class="icon2"><p>客服</p></div> <div class="boxtwo"> <p class="ptwo">客服热线：177-1642-7519</p> <div class="kf_new"> <a target="_blank" href="//wpa.qq.com/msgrd?v=3&uin=441376248&site=qq&menu=yes" class="rb_qqtalk_btn rb_gradient">客服1</a><a target="_blank" href="//wpa.qq.com/msgrd?v=3&uin=441376248&site=qq&menu=yes" class="rb_qqtalk_btn rb_gradient">客服2</a><a target="_blank" href="//wpa.qq.com/msgrd?v=3&uin=441376248&site=qq&menu=yes" class="rb_qqtalk_btn rb_gradient">客服3</a></div> </div> </div> <div class="item item_qg" style="display: block;"> <div class="boxone"><img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon1_1.png" class="icon1"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon1_2.png" class="icon2"><p>小程序</p></div> <p class="qp">小程序更便捷的查找产品</p> <div class="boxtwo"> <p class="pone">为您提供专业帮买咨询服务</p> <img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125305931.png"> <p class="pthree">请用微信扫码</p> </div> </div> <div class="item item_lxkf" style="display: block;"> <div class="boxone"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon3_1.png" class="icon1"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon3_2.png" class="icon2"><p>公众号</p></div> <div class="boxtwo"> <p class="pone">微信公众号，收获商机</p> <img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125248941.png"> <p class="pthree">微信扫码关注</p> </div> </div> <div class="return_top"><span class="iconfontkz iconkz-shang"></span><p>顶部</p></div> </div><script type="text/javascript" src="https://www.itangsoft.com/static/js/foot.xh.js?v=1158dc9602"></script><script type="text/javascript" src="https://www.itangsoft.com/static/js/sticky.min.js?v=1158dc9602"></script><script type="text/javascript" src="https://www.itangsoft.com/static/js/sticky.xh.js?v=1158dc9602"></script><script type="text/javascript" src="https://www.itangsoft.com/static/js/swiper4.5.3/swiper.min.js?v=1158dc9602"></script><script type="text/javascript" src="https://www.itangsoft.com/static/js/common.xh.js?v=1158dc9602"></script><script type="text/javascript"> $(function(){ $('img').lazyload({ threshold :20, //event : "sporty", failurelimit : 20 }); var imgtimeout = setTimeout(function() { $("img").trigger("scroll") }, 800); Dhotxh();Dfixon(); }); </script> </body> </html><script type="text/javascript" src="https://www.itangsoft.com/static/js/article-show.js?v=1158dc9602"></script>