微信小程序开发说明不断更新

前言

小程序已经流行了一段时间，各大厂商也推出了自己的小程序。很难想到前端。我们每天都要面对新的知识。如果我们不学习，我们就会落后。这些天，我们整理了公司的小程序项目，发现我们忘记了很多。所以从你的错误中吸取教训，写一些笔记供你参考。

1.进口

在这里，我认为有必要理解几个概念：导出、导出默认值和模块。require和import之间的区别。

上限代码：

//数据.js

让processForms=[｛…｝]

单元导出={

处理表单

}

//表单.js

从“./data.js”导入formData；

2.调试AppData

微信开发者中的应用工具AppData可以轻松查看当前数据更改

app数据

元件标签样式警告

组件样式警告

提示非常明显。机制问题应改为类

3.覆盖第三方零部件样式

目前，由于微信机制问题[范围考虑]，在自定义组件中调用第三方组件并重写组件样式是一个问题。目前有三种解决方案

1.修改第三方组件并抛出externalClasses[不推荐]

2.标签书写样式有效，但将报告上述组件标签样式警告[不推荐]

3.在页面上定义类并编写第三方组件样式是可行的

4.使用setData动态下标

官网介绍方式

changeItemInArray:函数（）{

//您可以使用这种方式修改danamic数据路径

this.set数据({

'数组[0]。text'：'更改的数据'

})

},

changeItemInObject:函数（）{

this.set数据({

'对象。text'：'已更改数据'

});

},

当我看到这一点时，我的第一反应是js的拼接，但它不起作用

this.set数据({

'数组['+index+']。text'：'更改的数据'

})

这个魔鬼的细节只能在文件中看到，并通过实践积累，这是可行的[sa]

let itemText='数组['+index+'].text'

this.set数据({

[itemText]：'更改的数据'

})

5.容器点击事件渗透[事件捕获]

这里出了点问题。根据事件类型，应该是事件捕获。但是小程序中单击的按钮的父容器触发了按钮事件，所以我称之为事件穿透。

单击容器触发按钮事件

解决方案：防止容器起泡。Catchtap是一个空事件

推荐信息：

6.文本区和其他本地组件穿透浮动层[最高级别]

场景：真实的机器在页面中使用文本区域，其中的占位符或内容将浮动在浮动层（弹出框掩码等）上，这很恶心。

官方解释是textarea是本地组件的最高级别

小程序本机组件

目前，官方方案是使用＜cover view＞、<；封面图片>，这个人觉得它可以解决一些需求，但限制有点大。以下是一些在线解决方案：

1.封面视图模式

2.隐藏方法意味着当启用遮罩时，浮动层将被启用以隐藏本地组件。然而，页面可能会闪烁，强迫症患者可能无法接受

3.在2的基础上，将其展开，编写元素占位符，并显示元素占位器以替换遮罩中的本机组件。[当聚焦也是可能的时候，我自己也考虑过这一点。有很多想法，下面是我项目的演示部分]

<；/文本区域></p> <p><view class=“placeholder”wx:if=“｛｛！focusFlag｝｝”catchtap=“textareaFocus”>{｛item.defaultValue？item.default Value:item.placehold｝｝｝</view></p> <p></view></p> <p>/*文本区域.wxss*/</p> <p>.text区域框{</p> <p>位置：相对；</p> <p>高度：200rpx；</p> <p>溢出：隐藏；</p> <p>}</p> <p>.text区域，占位符{</p> <p>宽度：100%；</p> <p>边框：1rpx实心#ddd；</p> <p>填充：28rpx 34rpx；</p> <p>高度：200rpx；</p> <p>框大小：边框框；</p> <p>边界半径：20rpx；</p> <p>字体大小：28rpx；</p> <p>字体系列：平房SC；</p> <p>字体粗细：400；</p> <p>颜色：rgba（1021021021）；</p> <p>}</p> <p>.占位符{</p> <p>位置：绝对；</p> <p>顶部：0；</p> <p>左：0；</p> <p>底部：0；</p> <p>单词break：全部中断；</p> <p>溢出：自动；</p> <p>}</p> <p>目前，主流是这三种方式。如果你有更好的方法，欢迎你这么做。</p> <p><img src="https://image.unisoft.cn/bench_picture/2024/02/10/e02cb3b8f33287ea2f6e505a0c50d814.limit.jpeg" /></p> <h4>7.小程序｛｛｝｝中使用的函数</h4> <p>为什么会有这样的需求？编写Vue的学生应该使用过滤器处理页面上的数据。优点简单明了。没有bug小程序。原始小程序提供了另一种方式</p></div> </div> </div> </div> <div class="card"> <h5 class="card-title">相关资讯</h5> <div class="card-body row gap-y gap-3"> <div class="col-md-6 col-lg-6 col-xl-3"> <a class="card card-round mb-0 text-center shadow-1 hover-shadow-3" href="/service/xcx/faa9b0c609482b20.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2023/07/09/389782dc15e1790d31944491f6b6df14.thumb.png"></div> <h4 class="text-truncate m-2 fs-16">教育机构是否应该开发小程序</h4> </a> </div> <div class="col-md-6 col-lg-6 col-xl-3"> <a class="card card-round mb-0 text-center shadow-1 hover-shadow-3" href="/service/xcx/56ce39f8c2698a08.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2024/06/06/4bc35fcb3dd90572926d239d9640fec6.thumb.jpeg"></div> <h4 class="text-truncate m-2 fs-16">郑州餐饮小程序开发功能需求简介</h4> </a> </div> <div class="col-md-6 col-lg-6 col-xl-3"> <a class="card card-round mb-0 text-center shadow-1 hover-shadow-3" href="/service/xcx/a73bfb458b5ab1b3.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2023/08/18/0a5ca614d21c5a6921bb4a73904441c3.thumb.jpeg"></div> <h4 class="text-truncate m-2 fs-16">知识支付小程序开发解决方案</h4> </a> </div> <div class="col-md-6 col-lg-6 col-xl-3"> <a class="card card-round mb-0 text-center shadow-1 hover-shadow-3" href="/service/xcx/c2740b0fd5f3bb6d.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2023/10/13/7aaa841b11da9cd456bb456f5edab9d9.thumb.jpeg"></div> <h4 class="text-truncate m-2 fs-16">分析小程序开发中企业应注意的4个错误</h4> </a> </div> <div class="col-md-6 col-lg-6 col-xl-3"> <a class="card card-round mb-0 text-center shadow-1 hover-shadow-3" href="/service/xcx/31effb81a1ed1d91.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2024/04/28/cbcbd939b1b64de29557cf9167ad9071.thumb.jpeg"></div> <h4 class="text-truncate m-2 fs-16">金华小程序开发价格</h4> </a> </div> <div class="col-md-6 col-lg-6 col-xl-3"> <a class="card card-round mb-0 text-center shadow-1 hover-shadow-3" href="/service/xcx/fbdabcf0678350e0.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2023/08/01/b1cf1774e829ba7a936cc54c9910f94c.thumb.jpeg"></div> <h4 class="text-truncate m-2 fs-16">温州小程序开发</h4> </a> </div> <div class="col-md-6 col-lg-6 col-xl-3"> <a class="card card-round mb-0 text-center shadow-1 hover-shadow-3" href="/service/xcx/5bc5998fcfae548f.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2024/01/11/0a8bc644722d7bc2ead045c67f493975.thumb.jpeg"></div> <h4 class="text-truncate m-2 fs-16">无锡统软云|为什么你建议商家必须在网上创建一个小程序，而不是一个微店？</h4> </a> </div> <div class="col-md-6 col-lg-6 col-xl-3"> <a class="card card-round mb-0 text-center shadow-1 hover-shadow-3" href="/service/xcx/c8f8d7d54a363a2c.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2023/04/08/16705cb4b60ceaaa025a9666a887f939.thumb.jpeg"></div> <h4 class="text-truncate m-2 fs-16">智能停车小程序开发：快速找到自己的停车位</h4> </a> </div> </div> </div> </div> <div class="col-sm-12 col-lg-4 col-xl-3 mt-200"> <h5>频道：</h5> <div class="card"> <a class="media media-bordered shadow-2" href="/service/xcx/" target="_blank"> <img class="avatar avatar-square avatar-lg" src="https://static-src.unisoft.cn/img/icon/service/xcx.png" /> <div class="media-body"> <h3 class="title text-truncate">小程序开发</h3> <div class="fs-12 mt-1 lh-15">小程序开发、微信公众号开发、微信小游戏开发</div> </div> </a> </div> <div class="card"> <h5 class="card-title">相关城市</h5> <div class="card-body"> <ul class="nav nav-pills text-center"> <li class="nav-item p-0"><a class="nav-link active" href="/service/article/?city=beijing_city">北京技术资讯</a></li> <li class="nav-item p-0"><a class="nav-link active" href="/service/article/?city=sc_chengdu">成都技术资讯</a></li> <li class="nav-item p-0"><a class="nav-link active" href="/service/article/?city=gd_guangzhou">广州技术资讯</a></li> <li class="nav-item p-0"><a class="nav-link active" href="/service/article/?city=gd_shenzhen">深圳技术资讯</a></li> <li class="nav-item p-0"><a class="nav-link active" href="/service/article/?city=ah_hefei">合肥技术资讯</a></li> <li class="nav-item p-0"><a class="nav-link active" href="/service/article/?city=shanghai_city">上海技术资讯</a></li> <li class="nav-item p-0"><a class="nav-link active" href="/service/article/?city=hn_zhengzhou">郑州技术资讯</a></li> <li class="nav-item p-0"><a class="nav-link active" href="/service/article/?city=gs_lanzhoushi">兰州技术资讯</a></li> <li class="nav-item p-0"><a class="nav-link active" href="/service/article/?city=zj_hangzhou">杭州技术资讯</a></li> </ul> </div> </div> </div> </div> </div> </div> <script> var KNOWLEDGE_ID = 22541; </script> <script type="text/javascript"> var article_detail = new function () { var that = this; this.container = $('#article-detail'); this.detail = this.container.find('.detail-content'); this.filter = { category: 0, is_my: 0 }; this.is_editing = false; this.do_filter = function (forced) { this.container.data('disabled', false); //this.filter.level = $('select[name="level"]').selectpicker('val'); this.filter.is_my = $('input[name="is_my"]').prop('checked') ? 1 : 0; forced ? this.filter.page = 1 : delete(this.filter.page); //this.container.find('[type="checkbox"][value="0"]').prop('checked', false); this.container.data('filter', this.filter); this.container.trigger('update'); }; this.initial = function () { $('.form-filter nav,.form-filter input').change(function () { if ($(this).is('[name="q"]') || $(this).is('[name="timespan"]')) return; that.do_filter(1); }); this.container.find('[data-toggle="tab"]').on('click', function (e) { that.container.find('.back-btn').toggleClass('hide', $(this).attr('data-type') !== "unaudit") that.filter['type'] = $(this).data('type'); that.do_filter(1); }); this.bind(); } this.bind = function () { this.detail.data({ onChoose: function (evt) { article_category.detail.find('#nav-all').hide(); }, onUnchoose: function (evt) { article_category.detail.find('#nav-all').show(); }, onRemove: function (evt) { //that.detail.masonry('reloadItems').masonry('layout'); }, onEnd: function (evt) { article_category.detail.find('.nav-item').removeClass('choosen'); } }); function toggle_toolbar(card, s) { var controls = card.find('.card-controls'); if (s) { controls.find('[data-oper="time"]').hide().siblings().remove(); $(that.template.remove).appendTo(controls); $(that.template.tag).appendTo(controls); $(that.template.edit).appendTo(controls); } else { controls.find('[data-oper="time"]').show().siblings().remove(); } } this.detail.on('mouseenter', '.card-header', function (e) { if (that.is_editing || e.target.tagName == 'I' || e.target.tagName == 'A') return; toggle_toolbar($(this).closest('.card'), true); }).on('mouseleave', '.card-header', function (e) { if (that.is_editing) return; toggle_toolbar($(this).closest('.card'), false); }); //操作 this.detail.on('click', '[data-oper]', function () { var ID = $(this).closest('tr[data-id]').data('id'); var member_id = $(this).closest('tr[data-member-id]').data('member-id'); var _this = $(this); switch (_this.data('oper')) { //确认预约 case 'enable': $.post(STORE_URL + '/article/detail/' + ID + '/_update/', { type: 'enable' }, function (ret) { if (ret.code == 200) { setTimeout(function () { that.container.trigger('update'); }, 200); app.toast(ret.msg, 'success'); } else { app.toast(ret.msg, 'danger'); } }); break; //完成 case 'finish': $.post(STORE_URL + '/article/detail/' + ID + '/_update/', { type: 'finish' }, function (ret) { if (ret.code == 200) { var d = dialog({ padding: 0, content: $('#tmpl_finish_alert').html(), ok: function () { location.href = STORE_URL + 'order/publish/?service_id=' + ID + '&member_id=' + member_id; }, cancel: function () { setTimeout(function () { that.container.trigger('update'); }, 200); app.toast(ret.msg, 'success'); } }).showModal(); } else { app.toast(ret.msg, 'danger'); } }); break; case 'cancel': var d = dialog({ padding: 0, content: $('#tmpl_cancel_alert').html(), ok: function () { $.post(STORE_URL + '/article/detail/' + ID + '/_update/', { type: 'cancel' }, function (ret) { if (ret.code == 200) { setTimeout(function () { that.container.trigger('update'); }, 200); app.toast(ret.msg, 'success'); } else { app.toast(ret.msg, 'danger'); } }); }, cancel: function () { } }).showModal(this); break; default: ; } }); this.detail.on('click', '.btn-picker', function () { var _this = $(this), id = $(this).closest('.card').data('id'); var d = dialog({ padding: 20, content: $('#tmpl_article_theme').html(), quickClose: true, onshow: function () { $('.color-selector').data('id', id); $(document).on('change', 'input[name="theme"]', function () { d.remove(); }); }, onclose: function () { d.remove(); } }).showModal(this); }); this.container.on('load', function (a, b, ret) { that.detail.find('[data-max-height]').each(function (i, ele) { var _this = $(ele).css('height', 'auto'), _mh = parseInt(_this.data('max-height')); if (_this.height() / _mh > 1.5) { _this.css('overflow', 'hidden').outerHeight(_mh * 1.5); var sa = $('<div class="more"><a href="#"><i class="ti-angle-down"></i></a></div>').insertAfter(ele); sa.click(function () { sa.find('a').toggleClass('expand'); if (_this.css('overflow') == 'hidden') { _this.css('overflow', 'auto').css('height', 'auto'); sa.find('i').attr('class', 'ti-angle-up'); } else { _this.css('overflow', 'hidden').outerHeight(_mh); sa.find('i').attr('class', 'ti-angle-down'); } }); } }); if (ret.total) { $('.total').text('共 ' + ret.page_count + ' 页，' + ret.total + ' 条'); } else { $('.total').text(''); } }); } }; </script> <script> appready.push(function () { article_detail.initial(); }); </script> <!-- Footer --> <footer class="site-footer pt-50 pb-20"> <div class="container"> <div class="row gap-y"> <div class="col-lg-3"> <img class="w-90px" src="https://static-src.unisoft.cn/img/logo.svg?v=20260907v1" alt="统软云"> <p class="my-20">专业的企业应用服务PaaS平台<br />产品及服务咨询：<span class="text-num fs-13 ls-1">028-8625 0886</span></p> <div class="gap-items-2 mb-50"> <div class="btn-group btn-group-sm dropup"> <button class="btn btn-sm btn-float no-shadow" type="button" data-toggle="hover" style="border-radius:50%"><i class="fa fa-wechat fs-18"></i></button> <div class="dropdown-menu dropdown-menu-up"> <img src="https://static-src.unisoft.cn/img/qrcode/wechat.258.jpg" /> </div> </div> </div> </div> <div class="col-lg-9"> <div class="row"> <div class="col-6 col-sm-4 col-md-3 d-lg-block d-none col-lg-2"></div> <div class="col-6 col-sm-4 col-md-3 col-lg-2"> <h5 class="text-uppercase fs-14 ls-1">快速入口</h5> <ul class="nav flex-column mb-20"> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/bench/join/">查找工作台</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/feedback/">意见反馈</a> </li> <li class="nav-item"> <a class="nav-link" href="https://business.unisoft.cn/company/" target="_blank">企业黄页</a> </li> <li class="nav-item"> <a class="nav-link" href="https://business.unisoft.cn/service/" target="_blank">商务服务</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/service/lead/">提交需求</a> </li> </ul> </div> <div class="col-6 col-sm-4 col-md-3 col-lg-2"> <h5 class="text-uppercase fs-14 ls-1">应用开发</h5> <ul class="nav flex-column mb-20"> <li class="nav-item"> <a href="/solution/social_applications/" class="nav-link">社交类应用</a> </li> <li class="nav-item"> <a href="/solution/e_commerce_applications/" class="nav-link">电商类应用</a> </li> <li class="nav-item"> <a href="/solution/tool_applications/" class="nav-link">工具类应用</a> </li> <li class="nav-item"> <a href="/solution/educational_applications/" class="nav-link">教育类应用</a> </li> <li class="nav-item"> <a href="/solution/o2o_platform/" class="nav-link">O2O平台</a> </li> <li class="nav-item"> <a href="/solution/live_platform/" class="nav-link">直播平台</a> </li> </ul> </div> <div class="col-6 col-sm-4 col-md-3 col-lg-2"> <h5 class="text-uppercase fs-14 ls-1">解决方案</h5> <ul class="nav flex-column mb-20"> <li class="nav-item"> <a href="/solution/iot_platform_private/" class="nav-link">物联网云平台私有化</a> </li> <li class="nav-item"> <a href="/solution/hardware_customize/" class="nav-link">智能硬件设计/开发</a> </li> <li class="nav-item"> <a href="/solution/iot_client/" class="nav-link">物联网客户端</a> </li> <li class="nav-item"> <a href="/solution/data_crawler/" class="nav-link">数据爬虫/采集</a> </li> <li class="nav-item"> <a href="/solution/data_processing/" class="nav-link">数据处理</a> </li> <li class="nav-item"> <a href="/solution/analysis_and_visualization/" class="nav-link">数据分析与可视化</a> </li> <li class="nav-item"> <a href="/solution/public_opinion_monitoring/" class="nav-link">舆情监测</a> </li> </ul> </div> <div class="col-6 col-sm-4 col-md-3 col-lg-2"> <h5 class="text-uppercase fs-14 ls-1">支持与服务</h5> <ul class="nav flex-column mb-20"> <li class="nav-item"> <a class="nav-link" href="https://help.unisoft.cn" target="_blank">帮助中心</a> </li> <li class="nav-item"> <a class="nav-link" href="https://developer.unisoft.cn" target="_blank">开发者社区</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/feedback/">意见反馈</a> </li> </ul> </div> <div class="col-md-3 col-sm-4 col-lg-2"> <h5 class="text-uppercase fs-14 ls-1">公司</h5> <ul class="nav flex-column mb-20"> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/about/">关于我们</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/contact/">联络方式</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/career/">工作机会</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/article/">行业资讯</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/partner/">合作伙伴</a> </li> </ul> </div> </div> </div> </div> <hr> <div class="row"> <div class="col-md-4"> <div class="text-center text-md-left">Copyrights © 2026 <a href="https://www.unisoft.cn/">Unisoft</a>. All rights reserved.</div> </div> <div class="col-md-8"> <ul class="nav nav-primary nav-dotted nav-dot-separated justify-content-center justify-content-md-end"> <li class="nav-item hide"> <a class="nav-link" href="https://www.unisoft.cn/">统软云</a> </li> <li class="nav-item hide"> <a class="nav-link" href="https://www.thingboot.com/">芯步</a> </li> <li class="nav-item hide"> <a class="nav-link" href="https://www.yoyoiot.cn/">友友物联</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/page/disclaimer/" rel="nofollow">版权声明</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/page/privacy/" rel="nofollow">隐私保护</a> </li> <li class="nav-item"> <a class="nav-link" href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备17041052号-9</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.unisoft.cn/page/icp/" rel="nofollow">川B2-20180511</a> </li> <li class="nav-item"> <a class="nav-link" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51019002003206" target="_blank" rel="nofollow"><img style="width:15px;margin-top:-5px" src="https://static-src.unisoft.cn/img/icon/ghs.png" /> 川公网安备51019002003206号</a> </li> </ul> </div> </div> </div> </footer> <!-- END Footer --> </main> <!-- END Main container --> <div class="site-floor"> <div class="container d-none"> <div class="service"> <img src="https://static-src.unisoft.cn/img/widget/floor-service3.png"> </div> <div class="poster"> <p class="remark">留下联系方式，工程师会及时与您取得联系 <small class="pl-1 text-lighter">或致电：<a class="text-num" href="tel:028-86250886">028 - 8625 0886</a>、<a class="text-num" href="tel:18500860080">185 0086 0080</a></small></p> <form id="form_consult" data-provide="form" data-reset="true" method="post" action="/service/lead/post/"> <div class="input-group input-group-round"> <div class="input-group-prepend"><span class="input-group-text w-10"><i class="ti-headphone-alt"></i></span></div> <input type="text" class="form-control w-30 fs-16 bold" name="appellation" autocomplete="off" placeholder="怎么称呼您"> <input type="text" id="form_mobile" class="form-control w-30 fs-16 bold text-num ls-1" data-mask="mobile" autocomplete="off" placeholder="请输入手机号"> <input type="hidden" name="mobile"> <span class="input-group-append w-20"><button class="btn btn-block btn-danger px-0" type="submit"><i class="fa fa-paper-plane"></i> 发送</button></span> </div> </form> </div> <div class="qrcode"> <img class="b-2 border-dark w-120px h-120px" src="https://static-src.unisoft.cn/img/qrcode/unisoft-tyan.jpg"> <br /><small class="text-white">扫码联系售前工程师</small> </div> </div> <button type="button" class="btn-close"></button> <button type="button" class="btn btn-float btn-primary btn-open w-50px h-50px d-none"><i class="ti-notepad"></i></button> </div> <script> var site_floor = $('.site-floor'); function _show_site_floor(s) { G.state('site_floor', s); site_floor.find('>.btn-open').toggleClass('d-none', s); $(document.body).css('padding-bottom', s ? site_floor.height() : 0); site_floor.find('>.container').toggleClass('d-none', !s); } function _scroll_site_floor(s) { if (site_floor.is('.popup')) return; if (G.state('site_floor') === false) { site_floor.find('>.btn-open').toggleClass('d-none', s); } else { $(document.body).css('padding-bottom', s ? 0 : site_floor.height()); site_floor.find('>.container').toggleClass('d-none', s); } } $(document).on('click', '.btn-open-consult', function () { site_floor.addClass('popup'); _show_site_floor(true); }); $(document).scroll(function () { if ($(document.body).height() - $(window).height() < 200) { _scroll_site_floor(true); } else { var s = $(document).scrollTop() < 200; _scroll_site_floor(s); } }); site_floor.on('click', '>.btn-open', function () { _show_site_floor(true); }); site_floor.on('click', '>.btn-close', function () { if (site_floor.is('.popup')) { site_floor.removeClass('popup'); $(document).scroll(); return; } _show_site_floor(false); }); site_floor.find('form').data('after', function () { app.toast('提交成功，工程师将很快与您联系'); site_floor.find('form').get(0).reset(); }); site_floor.find('form').on('keyup', '#form_mobile', function () { $(this).next().val($(this).val().replaceAll('1', '*')); }); $(document).scroll(); </script> <!-- Scripts --> <script src="https://static-src.unisoft.cn/js/app.js?v=20260907v1"></script> <script src="https://static-src.unisoft.cn/js/script.js?v=20260907v1" id="sys-script"></script> <!-- DO NOT REMOVE --> <!-- JavaScripts initializations and stuff --> <div style="display:none;" id="__crond"> <script type="text/javascript"> (function () { var uim = document.createElement("script"); uim.src = "https://im.unisoft.cn/im.js?rnajroSqeal_dXLZhnyjlbB9rGOLs29z"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(uim, s); })(); </script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?4ccfca52b547be4e89c7a4f6dec34d03e201a75d1578d363742d466cce1c241cfd9a9dcb5ced4d7780eb6f3bbd089073c2a6d54440560d63862bbf4ec01bba3a"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> <script> $.get('/api/seo/?url=https://unisoft.cn/service/xcx/3faa0daf5c49bfb7.html'); </script> </div> <div style="display:none"> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5734180a8c8a34f836f2f52609525315"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <!-- Escape time: 0.22844290733337 --> <!-- / DO NOT REMOVE --> </body> </html>