这周 HBuilderX 更新了几个小版本，已经到 1.5.4 版本了，本次有以下几个重要更新：

• 优化 发行至小程序的包体积
• iOS平台 修复 应用配置安全区域（safearea）在某些情况下可能会显示不正常的问题
• 优化 单位转换默认启用(px转upx,px转rem)
• 优化 微信小程序在特定场景数据渲染慢的问题
• 优化 uni-app应用设置自动关闭启动（Splash）界面可能出现较长延时的问题

详细更新日志请见：更新日志

问题清单

Q: 安卓如何配置.9.png啊？
A: Android启动图片可以配置.9.png。教程： https://ask.dcloud.net.cn/article/35527

Q: 微信授权登录出现 此公众号并没有这些scope的权限 10005
A: 请参照微信公众号的官方文档。另外必须是已认证的号才能进行网页授权。

Q: uniapp 怎么能保持后台运行（Android端）
A: 可以使用 njs 去实现，相关参考：http://ask.dcloud.net.cn/article/1273

Q: Uni-App 离线打包 tabbar 的图标不显示。
A: 遇到这种问题，原因多是更新工具后，自定义基座或者 SDK 没有更新造成的，请安装新的基座或者请下载使用最新版本的5+SDK

Q: uniapp的demo在ipad上字体太大
A: 正常情况下，我们推荐使用 upx 去适应移动端，但是在 ipad 使用 upx 是不合适的，我们推荐使用媒体查询去实现 ipad 上的效果。

Q: uni-app切换页面动画效果如何修改
A: 限于平台差异，暂时还不支持页面切换效果，后续 app 会加入相关的切换效果。而小程序需要看微信官方的支持度。

Q: uni-app 怎么应用iframe，或者怎么改变web-view在app端的默认全屏，需要在app端页面内嵌一个页面
A: 如果是在 App端的话，可以考虑使用5+ 的Api，使用webview 相关的Api ；详见http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.create

Q: uniapp onShareAppMessage 报错
A: 检查是否签名正确，检查 onShareAppMessage 位置是否正确。

Q: uni-app裁剪后图片的格式base64怎么上传图片
A: base64 是字符串，直接上传即可。

Q: 【报Bug】import同级目录文件提示找不到
A: 如果引用同级目录的话，需要加 ./, 否则不会按预期去寻找目录。

Q: uni app 怎么控制小程序分包啊？？
A: 小程序分包参考：https://uniapp.dcloud.io/collocation/pages?id=subpackages

Q: uni-app 项目中发现$refs用不了
A: uni-app 中可以使用 $refs，但是需要注意的是在小程序和App平台不能引用内置组件。

Q: 通过 vue-cli 命令行创建的项目，怎么打包 app？
A: vue-cli 创建的项目，需要将 src 目录下所有文件直接拖进或者导入 hbuidlerx 工具里，通过 hbuidlerx 进行打包操作。

Q: 怎么设置请求超时啊
A: 直接在 manifest.json 中配置。文档参考：https://uniapp.dcloud.io/collocation/manifest?id=networktimeout

Q: 跳转到外部链接怎么搞？
A: 在 uni-app 中如果要打开外部链接，可以使用 web-view 组件去实现。文档参考：https://uniapp.dcloud.io/component/web-view

Q: 运行到浏览器样式出问题要怎么解决，字体特别大？
A: 初次运行到浏览器的时候，切换到移动端预览模式布局样式改变，需要刷新一下页面即可。

Q: 不可以把内容从小程序分享到朋友圈吗？
A: 小程序是不能分享到朋友圈的，不过可以通过生成图片保存到本地，手动分享。app分享可以实现相关功能。文档参考：https://uniapp.dcloud.io/api/plugins/share

Q: radio 怎么设置它的大小呢？
A: radio 组件是不能直接通过样式去修改的，不过可以通过操作它的 transform 属性去实现放大缩小。

Q: uniapp支持全部的es6语法吗？
A: uni-app 中 es6 支持情况文档参考：https://uniapp.dcloud.io/frame?id=es6-支持

Q: 有些文件后缀为vue,有些文件后缀是nvue，什么意思？
A:

• .vue 后缀为 Vue 文件，支持跨端使用，遵循 vue 开发规范。 文档参考：https://uniapp.dcloud.io/use
• .nvue 后缀为 Weex 文件，只支持 App 端使用，遵循 Weex 开发规范。
  文档参考：https://uniapp.dcloud.io/use-weex

重要BUG修复

• 修复 components 目录引用组件查找失败的问题
• 修复 @import 引用 css 文件查找失败的问题
• 修复 组件嵌套 slot 导致的事件冲突问题
• Android平台 修复 蓝牙连接设备后可能立即中断（日志提示Cannot read property 'map' of null）的问题
• Android平台 修复 nvue页面中image标签不触发load事件的问题
• Android平台 修复 nvue页面中slider标签初始化设置index属性不生效的问题
• iOS平台 修复 提交Appstore审核可能会检测到使用非公开（non-public）API的问题
• iOS平台 修复 nvue页面中使用iconfont显示乱码的问题

优秀插件分享

• 日历 - 组件
• 商城个人中心 - 页面模板
• 新闻/资讯类 - 项目模板

更多插件，请前往 插件市场 查看。

欢迎大家给 uni-app 开源项目（https://github.com/dcloudio/uni-app） 点 star。

结束

本期周报就到这里，感谢大家的阅读。新的一周，祝大家工作顺利。

小程序和H5端，参考： https://uniapp.dcloud.io/api/media/file

App端，可以使用如下方法：

• 使用 web-view 组件，在 web-view 组件内可以使用 input 元素进行选择，使用表单或者 xhr 上传。
• 在插件市场搜索原生插件：https://ext.dcloud.net.cn/search?q=file

关联阅读：视频、图片、各种文件推荐上传到uni-cdn，帮你节省至少30%的 CDN 费用！详情

近年来随着生活水平的不断提高，我国汽车保有量在不断增加，而洗车对于拥有汽车的人则是一项必不可少的工作。不过对于商家而言为此开发一款APP显然性价比不高，而小程序则不同，其开发成本低，且又能满足一些必要的功能需求。对于商家来说可谓性价比非常高。对于汽车后服务来说，4S点卖车维修保养都是必不可少的，所以汽车小程序开发成了汽车行业的必选。其中开发一款汽车小程序需要什么功能呢？

其主要的功能有：

1. 用户中心

车主可在用户中心中填写例如姓名，车型，联系方式等基本信息来注册会员。注册成为会员后还可获得相应的洗车优惠。车主在用户中心可以查看自己的“订单”情况，比如待付款、待洗车、待评价等。

2. 会员充值获得优惠

会员对账户进行充值时可享受优惠活动，商家可自行设定，例如满300可享受85折优惠或者会员每次付款都可以享受95折优惠。通过这样的方式来吸引更多用户成为会员。

3. 预约洗车

通过定位服务，小程序可以根据车主的地理位置推荐最近的洗车点，同时车主通过预约服务可以根据自己的需求预约洗车时间，省去大量等待时间，同时商家也可以根据每天的预约情况合理安排人手。小程序可以说是为双方都提供了便利。

4. 门店管理

平台通过小程序后台系统把所有合作的洗车店都录入到系统中，不同洗车店的洗车服务的价格可以不同，洗车店可以自行填写价格。比如平时可以设置一个价格，节假日可以有优惠价格。

5. 数据统计

预约洗车系统自动生成每一位车主的消费记录，平台可以知道谁、什么时间、到哪家洗车店、消费多少钱等信息。根据每个周期账单，平台与合作的洗车店对账、结算，效率将极大提高。

汽车行业小程序开发推荐深圳素与简科技有限公司（http://www.suyujane.com）多年软件开发经验，海量的开发案例可供参考，看得见的开发经验，让客户更加的省心省力。技术团队都是10年开发工程师，完善的售后服务体系，保障项目开发顺利进行。

mui.js
代码3196

result = xhr.responseText.replace(/[\r|\n|\r\n|\ufeff]/g,"");

增加 .replace(/[\r|\n|\r\n|\ufeff]/g,"")

mui.min.js
搜索content-type
找到 b=u.responseText
修改为

b=u.responseText.replace(/[\r|\n|\r\n|\ufeff]/g,"");

原文翻译如下：
亲爱的开发人员，我们发现了一个或多个问题，最近交付您的应用程序，“XXX”。您的交付是成功的，但是您可能希望在下一次交付中纠正以下问题：SDK版本问题-这个应用程序是用IOS 11.1SDK构建的。从2019年3月开始，提交到AppStore的所有iOS应用程序都必须使用包含在Xcode 10.1或更高版本的iOS 12.1 SDK或更高版本构建。更正这些问题后，可以使用Xcode或ApplicationLoader将新的二进制文件上载到iTunesConnect。最好的问候，应用商店团队。

苹果真烦人，跟催命鬼似的，传了3次，给我发了3次。。。
说实话，我是真心不喜欢苹果的，也给咱们开发人员带来很多问题和麻烦。
账号密码还经常要改改改，但是没办法，也还得照顾那些个人。
吐槽一下咯。
敬等更新。

uniapp 组件起了名字的话 在小程序中就必须以这个名字来引用 不然会无效
这里也适用 驼峰可以转小写加横杠的规则

一些比较受欢迎的餐厅、美容院、理发店等线下服务类商店，经常需要排队，长时间的排队会浪费用户大量的时间，很容易带给用户不好的印象，为了避免这种情况的出现，升级用户体验，不少的服务类的门店都推出了自己的门店小程序。

用户可以通过门店小程序预约服务，线上排队。微信小程序开发商深圳素与简智能科技（http://www.suyujane.com）认为，微信小程序的出现，给实体门店提供了很大的便利。并且微信小程序凭借无需安装即可使用，开发成本低，入口多，可以畅享微信9亿 的用户流量，所以越来越多商店开始在移动开发门店类小程序，尤其是餐饮、美容行业比较多。

门店小程序预约功能
1、商户为什么开发门店预约小程序？
用户在进入门店之前，总是希望能够提前获知一些门店的信息，希望可以获得自己想要的服务。要想实现这一点，门店预约功能就显得比较重要。门店小程序预约功能，能够让用户提前预定自己想要的服务和项目，提高用户的个人体验。

2、 门店小程序的预约功能，能够为用户提供哪些便利呢？
（1）操作方便
之前想要预约门店的某一个服务，至少也是要通过电话联系的方式，有的门店甚至没有预约的功能。而通过门店的预约功能，能够让用户获得想要的服务。简单的操作，就能够让用户享受到想要的服务。
（2）时间自由
门店小程序的预约功能，能够让门店和用户的时间更自由。用户可以根据自己的时间选择更合适的到店时间。而门店则可以根据用户的预约实现安排最优化。这种方式不只是让用户的时间选择更自由，也让门店的时间更自由。
（3）一对一服务
预约功能，能够让用户选择服务的项目，实现一对一的服务。一对一的服务，对提高用户的体验是有很大帮助的，也能够提高用户对门店的好感度和忠诚度。预约功能，对提供用户体验和对门店的好感度是有很大帮助的。

（4）服务有保障
预约功能能够让门店有更多的准备时间，门店准备的越充分，带来的服务就越好。更有保障的服务，能够大大的提高用户的个人体验，对门店的发展也是有很大帮助的。预约功能的出现，能够让门店给用户提供更好的个人服务。

门店小程序的预约功能，能够为用户提供更多的便利。各个实体门店要想让用户获得这些便利，就一定要做好微信小程序的预约功能。做门店小程序加预约功能，让用户获得服务更便利。

微信小程序分销商城又是什么呢?

微信小程序分销商城是基于开发小程序的一种分销商业模式的商城，无需搭建APP，操作比较便捷，通过手机扫描二维码即可运用微信小程序，功能比较丰富。微信小程序分销商城商品、商品分类等页面自带二维码，用户通过扫描直接进入商城购买，方便快捷，提高客户的二次消费率。
微信小程序分销商城不但具有商品展示的功能，而且还具有完善的购买流程，商品下单、支付、营销、产品管理、订单管理等功能，真正实现了用户想购就购的愿望，增加客户黏性。

另外，因为微信小程序分销商城还具有分销的商业模式，因此作为客户的同时还能成为分销商，帮助商家宣传推广商品，从而获得一定的积分或佣金。商家也因此扩大品牌知名度，引入更多的流量，提高产量。

微信小程序具有无需下载，用完即走的特色深得很多微信用户喜欢，而微信分销小程序商城的商业模式也吸引了很多商家，那么，微信分销小程序商城又有什么优点呢?

1、微信公众号网站无缝接入

根据用户的洗好把用户分组，设置不同关键字回复，向用户推送个性化信息，从而改善用户感受，提高公司微信用户粘性。

2、可设置的智能客服

根据您设置的关键词回复内容，智能筛选不同的答案回复给用户，让用户感受到人性化的服务，犹如24小时在线。

3、大数据统计

生成订单销售统计，日统计、月统计，一手掌握营销数据。

4、积分商城

客户在微信小程序分销商城中购买商品领取积分可抵现或兑换礼品。

5、限时抢购

设置时间，在限定的时间呃逆可以优惠价购买商品。

6、丰富的营销工具

团购工具、包邮、优惠券、预售、倒计时等都可以随意组合开展营销活动，在吸粉引流的同时还能刺激客户直接消费。

7、营销游戏

微信小程序分销商城还可以内置微信红包、销客多大转盘营销工具、刮刮乐等几十种火爆的微信粉丝互动营销吸粉活动。活跃潜在客户!

8、二级分销功能

独创裂变式推广分佣特色功能，二级分佣来发动会员、粉丝，以及推客尽享一传百百传千的裂变化推广。

公司搭建微信小程序的目的是为了引流、推广和营销，而微信小程序分销商城商业模式无疑是最值得推荐的。微信小程序工具能够融合微信市场特性，为用户研发出众多针对性功能，管理用户、互动营销等特色功能，无论是电商基本功能还是吸粉功能都具有专业的经验，便民的操作功能也是受到用户的好评，更是能针对不同的客户需要给出合理的计划和意见，能够量身专属于您的需要功能。并高质量交付,完善的售后机制,为你节省人力与物力。

案例来源：兰蔻官网精品小程序商城http://www.suyujane.com/casexq/19.html

大家安装了格式化Prettier插件后，一格式化发现代码变成了如下样式

解决办法：

进入【设置】【插件配置】【format-Prettier】,打开prettier.config.js

添加如下配置：

htmlWhitespaceSensitivity: "ignore"

注意：需要手动在manifest.json配置 ，目前仅支持个推 & UniPush配置。

5+应用：

• plus节点 --> distribute节点 --> plugins节点 --> push节点 --> igexin节点（或者unipush节点） --> icons节点 --> small节点下配置

"plugins": { // 第三方sdk配置  
    "push": { // 模块名称  
        "unipush": { // 个推SDK参数配置  
            "appid": "xxxxxxx", // 个推的appid  
            "appkey": "xxxxxxx", // 个推的appkey  
            "appsecret": "xxxxxxx", // 个推的appsecret  
            "icons": { // 推送图片配置  
                "push": { // push图标，规格与应用图片一致，不配置则默认使用push图标  
                    "ldpi": "可选，48x48",  
                    "mdpi": "可选，64x64",  
                    "hdpi": "可选，96x96",  
                    "xhdpi": "可选，128x128",  
                    "xxhdpi": "可选，192x192",  
                },  
                "small": { //  小图标，png格式图片，仅使用alpha图层  
                    "ldpi": "可选，18*18",  
                    "mdpi": "可选，24*24",  
                    "hdpi": "可选，36*36",  
                    "xhdpi": "可选，48*48",  
                    "xxhdpi": "可选，72*72",  
                    "xxxhdpi": "可选，96*96"  
                },  
                "description": "推送图标"  
            },  
        }  
    }  
}

uni应用：

• app-plus节点 --> distribute节点 --> sdkConfigs节点 --> push节点 --> igexin节点（或者unipush节点） --> icons节点 --> small节点下配置

"sdkConfigs": {  
    "push": {  
        "unipush": {   
            "icons": { // 推送图片配置  
                "push": { // push图标，规格与应用图片一致，不配置则默认使用push图标  
                    "ldpi": "可选，48x48",  
                    "mdpi": "可选，64x64",  
                    "hdpi": "可选，96x96",  
                    "xhdpi": "可选，128x128",  
                    "xxhdpi": "可选，192x192",  
                },  
                "small": { //  小图标，png格式图片，仅使用alpha图层  
                    "ldpi": "可选，18*18",  
                    "mdpi": "可选，24*24",  
                    "hdpi": "可选，36*36",  
                    "xhdpi": "可选，48*48",  
                    "xxhdpi": "可选，72*72",  
                    "xxxhdpi": "可选，96*96"  
                },  
                "description": "推送图标"  
            },  
        }  
    }  
}  

具体配置信息说明如下：

small图片要求

设计规范需要注意：

1. 必须是带 Alpha 透明通道的 PNG 图片。
2. 背景必须是透明的。 （如果非透明就会显示为白色方块）

什么是小程序拼团功能?【电商行业小程序解决方案】

用户以开团或参团形式参与购物，享受拼团商品的折扣优惠或免单等福利。与纯粹的购物相比，这种营销方式迎合了大多数用户的消费心理和消费习惯，也能帮助商家在短时间内增加订单量、提高营业额。

适用范围广

小程序拼团功能除了电商，也适用于多行业多场景，例如生活服务行业的健身、洗浴、亲子活动等，餐饮行业的自助餐、火锅、饮品等，以及生鲜行业和零售行业如化妆品、生活用品、图书、箱包、服饰等等。

商家拼团一般要选择大众化商品，尽量让更多人感兴趣。如果是使用频次高的刚需产品，也更能吸引用户囤货。

社交流量入口

拼团主要是依靠好友转发、微信群、朋友圈等社交手段去传播，而微信，正好能为这种玩法提供基础。
而拼团人数也是用户是否会去传播的关键。人数越多、拼团成功率低，但人数越多，扩散规模则越大。所以我们一般建议拼团人数设置为5人，这样更能增加客户的转发意愿，又能保证足够的曝光量。

价格优势高转发

拼团一般选择客单价低的爆款商品，因此对于用户来说，价格是影响购买的最大因素，价格足够低时，他们就愿意去转发邀请朋友一起购买。

拼团功能一直是电商小程序的明星功能，用户使用率高达60%，是裂变最快的方法之一。

搜索便捷高留存率

小程序相对于其他购物软件更轻便，当顾客使用过拼团场景后，小程序会记录下来，下次搜索就很容易找到该款小程序。而且由于团购商品在价格上有优势，留存率则会比较高。

深圳素与简智能科技（http://www.suyujane.com）是为企业提供电商、服务、媒体、教育、分销、O2O、社交和直播等移动解决方案，同时覆盖IOS、安卓、微网站、微信小程序和移动网站等技术开发服务。

官方说明：事件映射表中没有的原生事件也可以使用，例如map组件的regionchange 事件直接在组件上写成 @regionchange,同时这个事件也非常特殊，它的 event type 有 begin 和 end 两个，导致我们无法在handleProxy 中区分到底是什么事件，所以你在监听此类事件的时候同时监听事件名和事件类型既 <map @regionchange="functionName" @end="functionName" @begin="functionName"><map>。

建议：希望官方人员把这个注意点放在map组件下吧，实在有点头大，因为这个坑踩了一上午不知所以然，后来通过搜索mpvue map组件才找到解决方案