[代码]const sys = window.wx.getSystemInfoSync(); const model = sys.model; console.log(model); [代码] 以下为现阶段不同iphone机型的model输出值，有新机型会持续更新～ model iPhone 5(WiFi,GSM,WCDMA,LTE)<iPhone5,1> iPhone 5(WiFi,GSM,WCDMA,CDMA2000,LTE)<iPhone5,2> iPhone 5c (GSM)<iPhone5,3> iPhone 5c (GSM+CDMA)<iPhone5,4> iPhone 5s (GSM)<iPhone6,1> iPhone 5s (GSM+CDMA)<iPhone6,2> iPhone 6 Plus<iPhone7,1> iPhone 6<iPhone7,2> iPhone 6s<iPhone8,1> iPhone 6s Plus<iPhone8,2> iPhone SE<iPhone8,4> iPhone 7<iPhone9,1> iPhone 7 Plus<iPhone9,2> iPhone 7<iPhone9,3> iPhone 7 Plus<iPhone9,4> iPhone 8 (GSM+CDMA)<iPhone10,1> iPhone 8 Plus (GSM+CDMA)<iPhone10,2> iPhone X (GSM+CDMA)<iPhone10,3> iPhone 8 (GSM)<iPhone10,4> iPhone 8 Plus (GSM)<iPhone10,5> iPhone X (GSM)<iPhone10,6> iPhone XS<iPhone11,2> iPhone XS Max China-exclusive<iPhone11,6> iPhone XR<iPhone11,8> iPhone 11<iPhone12,1> iPhone 11 Pro<iPhone12,3> iPhone 11 Pro Max<iPhone12,5> iPhone SE (2nd generation)<iPhone12,8> iPhone 12 mini<iPhone13,1> iPhone 12<iPhone13,2> iPhone 12 Pro<iPhone13,3> iPhone 12 Pro Max<iPhone13,4> iPhone 13 Pro<iPhone14,2> iPhone 13 Pro Max<iPhone14,3> iPhone 13 mini<iPhone14,4> iPhone 13<iPhone14,5> iPhone SE (3nd generation)<iPhone14,6> iPhone 14<iPhone14,7> iPhone 14 Plus<iPhone14,8> iPhone 14 Pro<iPhone15,2> iPhone 14 Pro Max<iPhone15,3>

服务号模板消息能力的设计初衷，旨在帮助开发者实现及时通知，但存在一些问题，如： 1. 部分开发者在用户无预期的情况下，发送与用户无关的信息，对用户造成了骚扰。 2. 模板消息是用户触发后的通知消息，不支持营销类消息，不能满足部分业务需求。 为提升微信用户体验，我们开始灰度测试服务号订阅通知功能。 能力说明 开发者可在服务号图文消息、网页等场景设置订阅功能，用户自主订阅后，开发者可按需求下发一条对应的订阅通知。 [图片] 用户可在图文订阅通知 [图片] 用户可在网页订阅通知 灰度测试计划 服务号订阅通知功能即日上线，已认证的境内主体服务号可前往 MP 后台开通使用，详见说明。 1. 服务号订阅通知灰度测试期自2021年1月27日0:00至4月30日24:00，期间服务号模板消息可正常使用；灰度测试期结束后服务号订阅通知的策略将另行公布，届时以官方信息为准； 2. 开发者使用订阅通知功能时，需遵循运营规范，不可用奖励或其它形式强制用户订阅，不可下发与用户预期不符或违反国家法律法规的内容。具体可参考文档：《微信公众平台运营规范》 微信团队 2021年1月27日

背景： 因为公司业务调整需要做用户支付这一块 开发者需要在小程序上实现一个简单的6位数密码输入框 [图片] 首先想下如何实现该效果： 1.使用input覆盖在框上面，设置letter-spacing达到数字之间间距的效果，实现时发现在input组件上使用letter-spacing无效果 2.循环六个view模拟的框，光标使用动画模拟，一个隐藏的input，点击view框时触发input的Focus属性弹起键盘，同时模拟的光标展示出来，输入值后，input的value长度发生变化，设置光标位置以及模拟的密码小黑圆点 好了，废话不多数，咱们直接上手。 wxml [代码]<view class='container'> <!-- 模拟输入框 --> <view class='pay-box {{focusType ? "focus-border" : ""}}' bindtap="handleFocus" style='width: 604rpx;height: 98rpx'> <block wx:for="{{boxList}}" wx:key="{{index}}"> <view class='password-box {{index === 0 ? "b-l-n":""}}'> <view wx:if="{{(dataLength === item - 1)&& focusType}}" class="cursor"></view> <view wx:if="{{dataLength >= item}}" class="input-black-dot"></view> </view> </block> </view> <!-- 隐藏input框 --> <input value="{{input_value}}" focus="{{isFocus}}" maxlength="6" type="number" class='hidden-input' bindinput="handleSetData" bindfocus="handleUseFocus" bindblur="handleUseFocus" /> </view> [代码] wxss [代码]/* 第一个格子输入框 */ .container .b-l-n { border-left: none; } .pay-box { margin: 0 auto; display: flex; flex-direction: row; border-left: 1px solid #cfd4d3; } /* 支付密码框聚焦的时候 */ .focus-border { border-color: #0c8; } /* 单个格式样式（聚焦的时候） */ .password-box { flex: 1; border: 1px solid #0c8; margin-right: 10rpx; display: flex; align-items: center; justify-content: center; } /* 模拟光标 */ .cursor { width: 2rpx; height: 36rpx; background-color: #0c8; animation: focus 1.2s infinite; } /* 光标动画 */ @keyframes focus { from { opacity: 1; } to { opacity: 0; } } /* 模拟输入的password的黑点 */ .input-black-dot { width: 20rpx; height: 20rpx; background-color: #000; border-radius: 50%; } /* 输入框 */ .hidden-input { margin-top: 200rpx; position: relative; } [代码] JS [代码]Component({ data: { //输入框聚焦状态 isFocus: false, //输入框聚焦样式 是否自动获取焦点 focusType: true, valueData: '', //输入的值 dataLength: '', boxList: [1, 2, 3, 4, 5, 6] }, // 组件属性 properties: { }, // 组件方法 methods: { // 获得焦点时 handleUseFocus() { this.setData({ focusType: true }) }, // 失去焦点时 handleUseBlur() { this.setData({ focusType: false }) }, // 点击6个框聚焦 handleFocus() { this.setData({ isFocus: true }) }, // 获取输入框的值 handleSetData(e) { // 更新数据 this.setData({ dataLength: e.detail.value.length, valueData: e.detail.value }) // 当输入框的值等于6时（发起支付等...） if (e.detail.value.length === 6) { // 通知用户输入数字达到6位数可以发送接口校验密码是否正确 this.triggerEvent('initData', e.detail.value) } } } }) [代码] 实现方式很简单，有点小问题，还有一些后续准备做的优化点，等完善后上线后再来修改一波。 最后附上代码片段： https://developers.weixin.qq.com/s/8CtRqJmT7W8k