组件input 机型 安卓 华为Nova5[图片]

- 当前 Bug 的表现（可附上截图） [图片] [图片] - 预期表现 [图片] - 复现路径 - 提供一个最简复现 Demo [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'whole-bg'[代码][代码]>[代码][代码]  [代码][代码]<[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]'title-text'[代码][代码]>人脸识别</[代码][代码]text[代码][代码]>[代码][代码]  [代码][代码]<[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]'tip-text'[代码][代码]>请确保是本人操作</[代码][代码]text[代码][代码]>[代码] [代码]  [代码][代码]<[代码][代码]camera[代码] [代码]device-position[代码][代码]=[代码][代码]"{{switch}}"[代码] [代码]flash[代码][代码]=[代码][代码]"off"[代码] [代码]binderror[代码][代码]=[代码][代码]"error"[代码] [代码]style[代码][代码]=[代码][代码]"width: 250px; height: 250px;margin-top:80rpx;position: relative;z-index: 99;"[代码] [代码]id[代码][代码]=[代码][代码]"myCamera"[代码][代码]>[代码][代码]    [代码][代码]<!-- <cover-image class='camera-bg' src='../../image/camera_bg.png' mode='scaleToFill'></cover-image> -->[代码][代码]    [代码][代码]<[代码][代码]cover-view[代码] [代码]hidden[代码][代码]=[代码][代码]'{{hiddenModal}}'[代码] [代码]class[代码][代码]=[代码][代码]'pop-up'[代码][代码]>[代码][代码]      [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'pop-up-container'[代码][代码]>[代码][代码]        [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'tip-view'[代码][代码]>[代码][代码]          [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'modal-title-text'[代码][代码]>未能识别人脸</[代码][代码]cover-view[代码][代码]>[代码][代码]          [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'tip-text-modal'[代码][代码]>正对手机更容易成功</[代码][代码]cover-view[代码][代码]>[代码][代码]        [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码]        [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'line-row'[代码][代码]></[代码][代码]cover-view[代码][代码]>[代码][代码]        [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'button-line'[代码][代码]>[代码][代码]          [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'sure-btn'[代码][代码]>[代码][代码]            [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'btn-text'[代码] [代码]bindtap[代码][代码]=[代码][代码]'cancel'[代码][代码]>退出</[代码][代码]cover-view[代码][代码]>[代码][代码]          [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码]          [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'line-cloumn'[代码][代码]></[代码][代码]cover-view[代码][代码]>[代码][代码]          [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'cancel-btn'[代码][代码]>[代码][代码]            [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]'btn-text'[代码] [代码]bindtap[代码][代码]=[代码][代码]'confirm'[代码][代码]>再试一次</[代码][代码]cover-view[代码][代码]>[代码][代码]          [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码]        [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码]      [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码]    [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码]  [代码][代码]</[代码][代码]camera[代码][代码]>[代码][代码]  [代码][代码]<[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]'title-text'[代码][代码]>将人脸对准扫描处</[代码][代码]text[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]template[代码] [代码]is[代码][代码]=[代码][代码]"oneBtnModalTemplate"[代码] [代码]data[代码][代码]=[代码][代码]"{{title,content,sureText,ishiddenOneBtnModal}}"[代码] [代码]/>[代码][代码]  [代码][代码]<!-- <view class='weui-cell_ft switch'>[代码][代码]    [代码][代码]<switch checked bindchange='switch1Change'></switch>[代码][代码]</view> -->[代码] [代码]</[代码][代码]view[代码][代码]>[代码][代码]page {[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]}[代码] [代码].project-list {[代码][代码]  [代码][代码]display[代码][代码]: flex;[代码][代码]  [代码][代码]flex-[代码][代码]direction[代码][代码]: column;[代码][代码]}[代码] [代码].project-item {[代码][代码]  [代码][代码]margin[代码][代码]: [代码][代码]10[代码][代码]rpx [代码][代码]0[代码] [代码]0[代码] [代码]5[代码][代码]rpx;[代码][代码]}[代码] [代码].project-git {[代码][代码]  [代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码]  [代码][代码]color[代码][代码]: [代码][代码]blue[代码][代码];[代码][代码]}[代码] [代码].whole-bg {[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]background-color[代码][代码]: [代码][代码]#000[代码][代码];[代码][代码]  [代码][代码]display[代码][代码]: flex;[代码][代码]  [代码][代码]flex-[代码][代码]direction[代码][代码]: column;[代码][代码]  [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]flex: [代码][代码]1[代码][代码];[代码][代码]}[代码] [代码].title-text {[代码][代码]  [代码][代码]margin-top[代码][代码]: [代码][代码]50[代码][代码]rpx;[代码][代码]  [代码][代码]font-size[代码][代码]: [代码][代码]52[代码][代码]rpx;[代码][代码]  [代码][代码]color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]  [代码][代码]font-weight[代码][代码]: [代码][代码]500[代码][代码];[代码][代码]}[代码] [代码].tip-text {[代码][代码]  [代码][代码]font-size[代码][代码]: [代码][代码]36[代码][代码]rpx;[代码][代码]  [代码][代码]color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]  [代码][代码]font-weight[代码][代码]: [代码][代码]200[代码][代码];[代码][代码]  [代码][代码]margin-top[代码][代码]: [代码][代码]20[代码][代码]rpx;[代码][代码]}[代码] [代码].camera-bg {[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]z-index[代码][代码]: [代码][代码]99[代码][代码];[代码][代码]  [代码][代码]/* border-color: #fff;[代码][代码]  [代码][代码]border-width: 1rpx;[代码][代码]  [代码][代码]border-radius: 50%;[代码][代码]  [代码][代码]margin-top: 150rpx; */[代码][代码]}[代码] [代码].modal-view {[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]display[代码][代码]: flex;[代码][代码]  [代码][代码]flex-[代码][代码]direction[代码][代码]: column;[代码][代码]  [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]justify-[代码][代码]content[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]}[代码] [代码].modal-image {[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100[代码][代码]rpx;[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100[代码][代码]rpx;[代码][代码]  [代码][代码]margin-bottom[代码][代码]: [代码][代码]30[代码][代码]rpx;[代码][代码]}[代码] [代码].modal-title-text {[代码][代码]  [代码][代码]font-weight[代码][代码]: [代码][代码]700[代码][代码]rpx;[代码][代码]  [代码][代码]color[代码][代码]: [代码][代码]#000[代码][代码];[代码][代码]  [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]  [代码][代码]font-size[代码][代码]: [代码][代码]38[代码][代码]rpx;[代码][代码]}[代码] [代码].tip-text-modal {[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]font-size[代码][代码]: [代码][代码]38[代码][代码]rpx;[代码][代码]  [代码][代码]color[代码][代码]: [代码][代码]#555[代码][代码];[代码][代码]  [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]}[代码] [代码].line-row {[代码][代码]  [代码][代码]background[代码][代码]: [代码][代码]#eee[代码][代码];[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]2[代码][代码]rpx;[代码][代码]}[代码] [代码].line-cloumn {[代码][代码]  [代码][代码]background[代码][代码]: [代码][代码]#eee[代码][代码];[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]2[代码][代码]rpx;[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]}[代码] [代码].content-view {[代码][代码]  [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]  [代码][代码]display[代码][代码]: flex;[代码][代码]  [代码][代码]flex-[代码][代码]direction[代码][代码]: column;[代码][代码]  [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]justify-[代码][代码]content[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]}[代码] [代码].button-line {[代码][代码]  [代码][代码]display[代码][代码]: flex;[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100[代码][代码]rpx;[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]}[代码] [代码].sure-btn {[代码][代码]  [代码][代码]flex: [代码][代码]1[代码][代码];[代码][代码]  [代码][代码]display[代码][代码]: flex;[代码][代码]  [代码][代码]justify-[代码][代码]content[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]}[代码] [代码].cancel-btn {[代码][代码]  [代码][代码]flex: [代码][代码]1[代码][代码];[代码][代码]  [代码][代码]display[代码][代码]: flex;[代码][代码]  [代码][代码]justify-[代码][代码]content[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]}[代码] [代码].tip-view {[代码][代码]  [代码][代码]padding-bottom[代码][代码]: [代码][代码]50[代码][代码]rpx;[代码][代码]  [代码][代码]padding-top[代码][代码]: [代码][代码]50[代码][代码]rpx;[代码][代码]  [代码][代码]display[代码][代码]: flex;[代码][代码]  [代码][代码]justify-[代码][代码]content[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]flex-[代码][代码]direction[代码][代码]: column;[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]150[代码][代码]rpx;[代码][代码]}[代码] [代码].pop-up {[代码][代码]  [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码]  [代码][代码]/* top: 0;[代码][代码]  [代码][代码]left: 0; */[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]/* background-color: rgba(f, f, f, 0.7); */[代码][代码]  [代码][代码]z-index[代码][代码]: [代码][代码]999[代码][代码];[代码][代码]  [代码][代码]display[代码][代码]: flex;[代码][代码]  [代码][代码]flex-[代码][代码]direction[代码][代码]: column;[代码][代码]  [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码]  [代码][代码]justify-[代码][代码]content[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]}[代码] [代码].pop-up-container {[代码][代码]  [代码][代码]width[代码][代码]: [代码][代码]580[代码][代码]rpx;[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]350[代码][代码]rpx;[代码][代码]  [代码][代码]background-color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]  [代码][代码]border-radius: [代码][代码]8[代码][代码]rpx;[代码][代码]  [代码][代码]color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]  [代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码]  [代码][代码]z-index[代码][代码]: [代码][代码]9999[代码][代码];[代码][代码]}[代码] [代码].btn-text{[代码][代码]  [代码][代码]color[代码][代码]: [代码][代码]#000[代码][代码];[代码][代码]  [代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码]}[代码]

- 需求的场景描述（希望解决的问题） 用户下单成功，用户付款成功，商家可以收到语音消息提醒 - 希望提供的能力 有对应的api接口可以使用

有大神知道类似 微信支付商户，助手那种收款后有语音播报的在自己的小程序中如何实现啊，有木有思路提供下，不胜感谢啊

用小程序扫码做微信支付刷卡交易可以吗 当面付（微信和支付宝的）的刷卡交易，小程序充当扫码枪，这样做会被封吗？ 就是下面这种场景，小程序只充当扫码枪功能来实现这个刷卡支付（包括支付宝的） [图片]

1. 新建自定义组件 [图片] 2.1 组件.wxml中只写了一个图片 [代码]<view class=[代码][代码]'modle_top'[代码] [代码]hidden=[代码][代码]'{{isHide}}'[代码][代码]>[代码][代码]  [代码][代码]<image class=[代码][代码]'modle_toast'[代码] [代码]src=[代码][代码]'/images/WechatIMG6.gif'[代码][代码]></image>[代码][代码]</view>[代码] 2.2 组件.js，构造 [代码]Component({[代码][代码]  [代码][代码]options: {[代码][代码]    [代码][代码]multipleSlots: [代码][代码]true[代码] [代码]// 在组件定义时的选项中启用多slot支持[代码][代码]  [代码][代码]},[代码][代码]  [代码][代码]/**[代码][代码]   [代码][代码]* 组件的属性列表[代码][代码]   [代码][代码]* 用于组件自定义设置[代码][代码]   [代码][代码]*/[代码][代码]  [代码][代码]properties: {[代码][代码]  [代码][代码]},[代码][代码]  [代码][代码]data: {[代码][代码]    [代码][代码]isHide: [代码][代码]false[代码][代码],[代码][代码]  [代码][代码]},[代码][代码]  [代码][代码]methods: {[代码][代码]    [代码][代码]showToast: [代码][代码]function[代码] [代码]() {[代码][代码]      [代码][代码]// display需要先设置为block之后，才能执行动画[代码][代码]      [代码][代码]this[代码][代码].setData({[代码][代码]        [代码][代码]isHide: [代码][代码]false[代码][代码],[代码][代码]      [代码][代码]});[代码][代码]    [代码][代码]},[代码][代码]    [代码][代码]hideToast: [代码][代码]function[代码] [代码]() {[代码][代码]      [代码][代码]this[代码][代码].setData({[代码][代码]        [代码][代码]isHide: [代码][代码]true[代码][代码],[代码][代码]      [代码][代码]})[代码][代码]    [代码][代码]}[代码][代码]  [代码][代码]}[代码][代码]})[代码] 2.3 组建.json [代码]{[代码][代码]  [代码][代码]"component"[代码][代码]: [代码][代码]true[代码][代码],[代码][代码]  [代码][代码]"usingComponents"[代码][代码]: {}[代码][代码]}[代码] 2.4 wxss就不粘了 3.0 因为现在全局中引用， 所以在app.json中添加 [代码]"usingComponents"[代码][代码]: {[代码][代码]    [代码][代码]"toast"[代码][代码]: [代码][代码]"component/modleToast/modleToast"[代码][代码]  [代码][代码]},[代码] 3.1 我在index.wxml中开头插入组件 [图片] 3.2 index.js中使用  在单独页面中使用是有用的 [图片] 4.1 但是在在全局中引用就报错，在app.js [图片] 前两种导入都下面这个错 [图片] selectCompnent()方法则报没有定义该方法 代码写到这一步就卡住了~ 我想实现在app.js中能调用自定义组件中的  showToast和hideToast方法 ，或者实现在util.js公共js中调用自定义组件的方法 请问怎么能解决？