微信小程序开发完成+问题总结

我们一起去吧

前言

经过近一个月的开发，我们团队开发的微信小程序“一起走吧”终于开发出来了。当前在线版本为2.2.4-beta

本文档主要介绍小程序开发中使用的技术，以及开发过程中遇到的问题的解决方案

原始链接（转载请注明出处）：

小程序简介

“让兴趣不寂寞，让爱好不流浪”是微信小程序“一起走”的主题。这个小程序旨在解决当代大学生在校园生活中的孤独感，让每个人都能在跑步、健身、比赛等活动中找到志同道合的朋友和伙伴。它将是一个高效、快速、无负担的离线交友工具，将即时使用和使用小程序的功能与交友相结合

后端云支持此小程序进行数据处理和存储

小程序代码

欢迎使用扫描体验

开发中的技术问题总结

1.e.target.dataset的问题

在小程序开发过程中，我们经常使用标签中属性的属性值。我们通常在JS中使用Set data-*=“｛｛XXX｝｝”，然后使用e.target。dateset*为了获取XXX值，我经常遇到未定义的，使用控制台日志（e）查看输出信息，发现e对象包含两个对象，即currentTarget和target，有时数据位于currentTarget中，

此时，您可以将代码替换为该值

WXML语言

<；/视图>

JS语言

bintap:函数（e）{

var id=e.currentTarget.dataset.id；

}

在互联网上，数据命名总是存在问题-*。也可以通过删除驼峰样式命名来解决此问题

2.如何在小程序的文本区文本框中显示实时字数

WXML语言

<视图>

<视图>

</p> <p><view class=“chnumber”>{｛noteNowLen｝}/｛｛noteMaxLen｝｝</view></p> <p></view></p> <p><img src="https://image.unisoft.cn/bench_picture/2024/01/06/47267852a2b652704579336e8254bbe9.limit.jpeg" /></p> <p></view></p> <p>JS语言</p> <p>数据：{</p> <p>NoteMaxLen:200，//注释中的最大字数</p> <p>NoteNowLen:0，//记录当前字数</p> <p>}</p> <p>//字号更改触发事件</p> <p>bindTextAreaChange:函数（e）{</p> <p>var th=这个</p> <p>var值=e.detail.value，</p> <p>len=parseInt（value.length）；</p> <p>如果（len>that.data.noteMaxLen）</p> <p>回来</p> <p>that.setData（设置数据）({</p> <p>content:value，noteNowLen:len</p> <p>})</p> <p>},</p> <h4>3.使用JS实现模糊查询</h4> <p>因为我们正在使用后端云提供的数据处理和存储支持，根据Bmob提供的开发文档，app的免费版本不能用于模糊查询。看到这里，再看看几乎完成的活动检索界面，我感到无语。就在我快要放弃的时候，我突然想出了一个方法，那就是首先保存集合中的所有后台数据，然后根据输入的检索值逐一匹配。我立即开始工作。首先，我检查了javascript文档。String对象的一个方法是indexOf（），它可以返回字符串中指定字符串值的第一个出现位置。这就是如何遍历所有数据，检索每条数据的每个字符，并在出现时将其添加到检索结果集中</p> <p>JS语言</p> <p>//js实现的模糊匹配查询</p> <p>findEach：函数（e）{</p> <p>var th=这个</p> <p>var strFind=that.data.wxSearchData。值；//这里使用的wxSearch搜索UI插件，</p> <p>如果（strFind==null ||strFind==“”）{</p> <p>wx.showToast({</p> <p>title:'输入为空'，</p> <p>icon:'加载'，</p> <p><img src="https://image.unisoft.cn/bench_picture/2024/01/06/8a0578e438fa89c78ef30b18540701cd.limit.jpeg" /></p> <p>})</p> <p>}</p> <p>如果（strFind！=“”）{</p> <p>var nPos；</p> <p>var resultPost=[]；</p> <p>for（smoodList中的var i）{</p> <p>var sTxt=smoodList[i]。标题||“”；//活动名称</p> <p>nPs=sTxt。索引（strFind）；</p> <p>如果（nPos>=0）｛//如果输入的关键字出现在活动标题中，则将匹配该活动</p> <p>结果发布。push（smoodList[i]）；//将此活动添加到搜索的活动列表</p> <p>}</p> <p>}</p> <p>that.setData（设置数据）({</p> <p>moodList:resultPost</p> <p>})</p> <p>}</p> <p>},</p> <p>有关更多详细代码，请访问</p> <h4>4.使用JS将字符串格式的时间转换为秒前、分钟前</h4> <p>由于小程序涉及一系列功能，包括事件时间，如评论、活动和收藏夹，而数据库中存储的时间格式为2017-11-30 23:36:10。现在我们希望在界面上显示与当前时间的差异，而不是特定时间，即秒前、分钟前等</p> <p>实施并不复杂。主要思想是首先将字符串的时间转换为时间戳，然后将其与当前时间戳进行比较。这样，它可以转换为秒前、分钟前、小时前、天前等形式</p> <p>JS语言</p> <p>//将字符串转换为时间戳</p> <p>函数getDateTimeStamp（dateStr）{</p> <p>return Date.parse（dateStr.replace（/-/gi，“/”））；</p> <p>}</p> <p>//格式化时间</p> <p>函数getDateDiff（dateStr）{</p> <p><img src="https://image.unisoft.cn/bench_picture/2024/01/06/3871701c733902e64054a814a0b66484.limit.jpeg" /></p> <p>var publishTime=获取日期时间S</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/e54485b58535ba19.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2024/07/24/31adfad439364e80096b800aeb88720e.thumb.jpeg"></div> <h4 class="text-truncate m-2 fs-16">小程序开发入门（0）--准备</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/c6c885306d0f3e63.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2024/08/26/da407c24372b7cf54e3bb233e7252abb.thumb.jpeg"></div> <h4 class="text-truncate m-2 fs-16">如何区分小程序商店和商店显示？商场里哪家app开发公司好？</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/9871b99955f1e2bf.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2023/06/26/1ad5014d379b396c1a72e66beb0930eb.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/6a466f2610ae69dc.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2022/11/29/636b3ebb773dbb20b9dd21e0317dfad8.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/c571fb51b35a2965.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2023/05/24/97e669bbc972201b96701de956188c34.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/f0f0524da5bc5b83.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2024/05/11/15574273719df015936c9608dd543baf.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/5594523bfc745c98.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2023/11/26/d8333fec680dda228e204e231cdb420a.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/755d8a3ec503bd7b.html" target="_blank"> <div class="d-block h-120px bg-img" style="background-image:url(https://upload.unisoft.cn/image/bench_picture/2024/08/23/20ccce1205db4f02d330fdc0f3a3e636.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=zj_hangzhou">杭州技术资讯</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=gd_guangzhou">广州技术资讯</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=ah_hefei">合肥技术资讯</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=sc_chengdu">成都技术资讯</a></li> <li class="nav-item p-0"><a class="nav-link active" href="/service/article/?city=hn_zhengzhou">郑州技术资讯</a></li> </ul> </div> </div> </div> </div> </div> </div> <script> var KNOWLEDGE_ID = 20765; </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/2880189c858c1b07.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.18443417549133 --> <!-- / DO NOT REMOVE --> </body> </html>