小商店装修新手必读，学习完您也可以轻松装修店铺。 一、获取美装助手服务1.1 登录服务市场登录微信商店服务市场>装修与营销>美装助手 登录网址：https://shop.weixin.qq.com/ [图片] 1.2 试用/购买美装助手[图片] 1.3 去使用美装助手服务市场>我的服务>美装助手>去使用 [图片] 二、装修后台简介2.1 模板中心系统已上线的模板点击使用自动创建页面，并自带模板预设组件和素材。 [图片] 2.2 页面管理支持创建多个页面，任意页面可以设置为首页。页面之间可以互相跳转。 [图片] 2.3 素材空间所有装修系统上传的图片素材都在这里展示和管理 [图片] 三、页面装修设置3.1 页面管理创建页面后点击页面列表的【编辑】进入装修编辑 [图片] 3.2 页面编辑介绍红色区域：系统组件：点击可以添加任意组件 蓝色区域：组件预览区域，右侧可以拖拽排序 绿色区域：选中蓝色区域的每个组件，都可以在右侧绿色区域设置内容和样式  [图片] 四、预览/发布装修保存预览：是保存当前最新的修改，不会覆盖线上正在展示的内容。 发布：发布当前设置好的内容，会覆盖页面之前的内容。 4.1预览：页面编辑完成后点击保存并预览，即可在微信预览实际效果。 [图片] 4.2发布：点击发布后管理员微信会收到一个装修模板启用提醒，点击确认即可。 [图片] 4.3演示店铺微信扫一扫体验 [图片] 五、推广店铺&活动每个页面和营销活动，都支持生成小程序码和路径，大家可以在更多场景（朋友圈、公众号、微信群、企业微信、视频号等）推广你的店铺活动。 操作路径：页面管理&营销活动列表>点击【推广】 [图片][图片] 六、启用/停用装修服务启用/停用都需要管理员在微信上确认！ 适用于所有第三方装修工具，如果点击发布没有提示，可以关闭再开启切换开关试试。 启用：会使用美装助手装修的内容作为自定义装修展示。 停用：会切换为小商店系统豆腐块式的货架，无任何装修内容。 [图片] 七、常见问题小商店装修常见问题答疑#美装助手 Q：什么是美装助手？ A：美装助手小商店装修服务商，以插件服务为商家提供装修模板和装修组件，实现更多个性化视觉营销和运营需求。 Q：美装助手到期会自动换回系统货架吗？ A：会，服务到期自动切换回系统豆腐块是货架。 Q：装修发布了为啥小商店里没有变化？ A：首次使用装修需要管理员微信确认启用，按照以下方法排查 1、确认页面管理里创建了页面，有内容且发布设为了【首页】 2、发布后管理员微信端【确认启用】了 3、小程序列表里长按或者左滑删除访问记录重新打开即可 4、如果还没有，美装助手>商家中心>停用/再启用，就可以再次收到通知然后确认即可 Q：确认启用时报错：启用失败35？ A：管理员确认启用超时了，美装助手>商家中心>停用/再启用，就可以再次收到通知然后确认即可 Q：为啥我看到的是体验版？ A：体验版是给商家保存后发布之前检查的，不要发给顾客发店铺体验码，体验版永远都是体验版，顾客无权访问。给顾客是店铺码：小商店助手>右上角【分享店】。 Q：分类新增商品，装修点进去为啥没有？ A：装修发布后，如果分类下新增/删除商品。需要在装修系统里切换为别的选择再选择此分类，然后发布即可。 Q：购买后点击去使用没反应？ A：safari等浏览器拦截了，点击地址栏的同意。建议使用谷歌浏览器。 Q：轮播图片尺寸是多少？ A：轮播尺寸：推荐尺寸750*300px. 高度以第一张图片高度为准。 Q：美装助手怎么收费？ A：免费试用7天/￥0；30天/￥20；90天/￥50；180天/￥90；365天/￥160 Q：可以开发票吗？ A：可以，目前仅支持企业客户开增值税普通电子发票。美装助手购买记录详情里显示已过无条件退款周期时（一般购买后7天），将您的公司开票信息和截图发给客服。  八、帮助与交流↓↓↓ MORE ↓↓↓ [图片] [图片] [图片] 九、更多教程【营销工具】分享抢券#小商店运营裂变营销发券玩法介绍 【营销工具】弹窗广告#用弹窗将重要活动展现给顾客 【营销工具】主图水印#快速批量给主图加水印！ 【营销工具】签到有礼#每日签到有礼，客户营销必备神器！ 【营销工具】幸运抽奖#拉新获客运营必读！ 【营销工具】悬浮菜单#所有页面统一加指定入口！ 【模板展示】美装助手小商店装修模板体验中心

不敢说是最好的，但是感觉也应该是性能和体验比较极致的下拉刷新扩展了，老规矩，代码片段放最后了~ 2020.2.22 修复了小程序基础库v2.10.2带来的不能滚动的问题，最新代码片段见scroll-view-extends 原理 其实原理很简单，和普通H5以及市面上有的下拉刷新没有特别大的区别，都是基于[代码]touch[代码]手势检测事件来实现下拉刷新的。[代码]touchstart[代码]的时候记录当前触摸点，[代码]touchmove[代码]的时候开始计算移动方向和移动距离, [代码]touchend[代码]的时候计算是否要进行下拉刷新操作。如图所示： [图片] 实现方法 调研了一些实现方法，目前大部分都是通过js计算，然后setData来改变元素的[代码]transform[代码]值实现下拉刷新。考虑到性能问题，此处使用了[代码]wxs[代码]的响应式能力来实现整个计算逻辑，不用通过逻辑层和视图层通信，直接在视图层进行渲染。具体文档请参考wxs响应事件。 这里在[代码]list[代码]组件(由[代码]scroll-view[代码]组成)下抽出了一个[代码]scroll.wxs[代码]作为响应事件的事件处理函数集合，源码基本上就在[代码]scroll.wxs[代码]和[代码]list[代码]组件。 [代码]scroll.wxs[代码]定义了如下变量和函数： [代码]var moveStartPosition = 0 //开始位置 var moveDistance = 0 //移动距离 var moveRefreshDistance = 60 //达到刷新的阈值 var moveMaxDistance = 100 //最大可滑动距离 var isRefreshMaxDown = false //是否达到了最大距离， 用来判断是否要震动提示 var loading = false //是否正在loading ... ... module.exports = { touchStart: touchStart, //手指开始触摸事件 touchMove: touchMove, //手指移动事件 touchEnd: touchEnd, //手指离开屏幕事件 loadingTypeChange: loadingTypeChange, //请求状态变化监听，监听刷新请求开始和请求完成 triggerRefresh: triggerRefresh //主动触发刷新操作，比如点击页面上一个按钮，重新刷新list，这就需要用到这个方法 } [代码] [代码]touchStart[代码]和[代码]touchMove[代码]就不用说了，代码注释都很明白，普通的监听移动和处理逻辑。 [代码]touchEnd[代码]主要是判断移动距离是否达到了阈值，然后根据结果，调用监听实例的[代码]callMethod[代码]方法触发[代码]refreshStart[代码]或者[代码]refreshCancel[代码]方法，这两个方法都是写到[代码]list[代码]组件里面的，用来触发刷新方法或者取消刷新。 [代码]loadingTypeChange[代码]方法主要是监听刷新是否完成，以此来触发动画效果。 [代码]triggerRefresh[代码]通过监听主动触发的变量来处理。如果需要主动触发刷新，则调用[代码]list[代码]组件内部的[代码]forceRefresh[代码]方法，具体使用示例在[代码]index/index/js[代码]的[代码]onLoad[代码]函数有: [代码]this.selectComponent('.list').forceRefresh()[代码] [代码]scroll.wxs[代码]里面还有一个未导出的方法，叫[代码]drawTransitionY[代码]，这个方法主要是因为[代码]ios12[代码]对于[代码]transition[代码]动画效果支持的不好，所以自己写了个Y轴方向的动画（[代码]linear[代码]线性的），大佬们可以自己往上添加各种[代码]ease-in-out[代码]效果。 里面具体的实现可以查看代码注释哦~ 使用 好了，前面讲了实现的原理和方法，那么在代码里面，应该怎么直接使用呢？如下代码所示： [代码]<!-- 使用示例 --> <list class="list" refresh-loading="{{refreshLoading}}" loading="{{loading}}" bindrefresh="initList" bindloadmore="loadmore"> <!-- your code --> </list> [代码] [代码]refresh-loading[代码]属性用来通过外部loading态来控制刷新动画的开始结束，因为每当变化[代码]refresh-loading[代码]的值时，会将变化同步到组件内的[代码]showRefresh[代码]属性，[代码]wxs[代码]通过监听[代码]showRefresh[代码]来处理动画逻辑。 [代码]loading[代码]属性是上拉加载更多的时候触发的loading态展示，跟刷新无关 [代码]bindrefresh[代码]是刷新触发时绑定的函数，下拉刷新动画成功开始后触发这个函数 [代码]bindloadmore[代码]透传[代码]scroll-view[代码]的加载更多方法 当然，源码里面也包含了一个[代码]list-item[代码]组件，这个跟本文没太大关系，是用来做瀑布流长列表内容太多时的内存不足问题解决方案的，具体请看解决小程序渲染复杂长列表，内存不足问题 干货 最后，上代码片段， 小程序代码片段 github地址

根据第三方平台文档最新更新的内容 得知第三方平台可以为线上类目商户快速注册小程序并免认证费300元/年 目前测试体验完得出以下几个问题 1、验证商户时回调比较慢接口，最快商户需要十几秒才能下发认证通知到法人微信中。 2、认证成功后回调小程序授权code只有正常模式的授权通知，官方文档中的 注册审核事件推送 时的参数没有送达。 3、使用授权通知可以刷新authorizer_refresh_token及access_token并调用其他管理小程序接口。 4、关于支付功能的问题！！获取基础资料小程序微信支付状态永远为未开通。即使在微信支付平台中M-A授权小程序支付也一样不行，原因可能是因为快速注册的小程序不能登录 公众号平台 没办法确定绑定商户号！ @官方团队 需要解释下支付问题。 体验视频 —>戳此处链接观看<— https://v.qq.com/x/page/h0811ptj45v.html 学习交流 新浪微博@晓云科技工作室