@click="sendEmoji(emoji)" ,在微信小程序上,应该会立即执行一次。不清楚uniapp怎么处理的。
窗口打开关闭功能在浏览器端运行能实现预期效果,但在小程序上不行?[图片] 我想要实现的是进入页面后点击表情(emoji.png)按钮可以弹出表情选择框发送表情,再次点击可以关闭表情选择框,该功能在浏览器上能预期实现,但是在微信小程序上则是:一进入页面就打开了表情选择框,再次点击也无法关闭,检查过代码,应该没有问题,这是什么原因? <template> <scroll-view scroll-y="true" class="container"> <!-- 聊天列表 --> <view class="chat-body"> <view v-for="(item, index) in chatList" :key="index"> <view class="chat-one" v-if="!item.isMe"> <image class="chat-face" src="@/static/faces/1.png" /> <view class="chat-box"> <view class="chat-sender">安若熙</view> <view class="chat-content" v-if="item.type === 'txt'">{{ item.content }}</view> <image class="chat-img" v-if="item.type === 'img'" :src="item.content" mode="widthFix" /> </view> </view> <view v-else class="chat-one chat-one-mine"> <view class="chat-box"> <view class="chat-content" v-if="item.type === 'txt'">{{ item.content }}</view> <image class="chat-img" v-if="item.type === 'img'" :src="item.content" mode="widthFix" /> </view> <image class="chat-face" src="@/static/faces/2.jpeg" /> </view> </view> </view> <!-- 聊天输入 --> <view class="chat-footer"> <input class="msg-input" type="text" cursor-spacing="16" v-model="myInput" placeholder="不能发送空白信息 " /> <image class="img-chose" src="@/static/imgchoose.png" @click="chooseImgAndSend" /> <image class="emoji-icon" src="@/static/emoji.png" @click="toggleEmojiPopup" /> <view class="send-btn" @click="sendMsg">发送</view> </view> <!-- 表情弹出窗口 --> <view class="emoji-popup" v-show="showEmojiPopup"> <image v-for="(emoji, index) in emojiList" :key="index" class="emoji-img" :src="emoji" @click="sendEmoji(emoji)" /> </view> </scroll-view> </template> <script> export default { data() { return { chatList: [ { isMe: false, type: 'txt', content: '今晚吃什么?' }, { isMe: true, type: 'img', content: '/static/imgs/2.jpeg' }, { isMe: false, type: 'img', content: '/static/imgs/3.png' }, { isMe: true, type: 'txt', content: '哇,小姐姐好美啊!' } ], myInput: "", showEmojiPopup: false, emojiList: [ '/static/emojis/happy.png', '/static/emojis/sad.png', '/static/emojis/angry.png', '/static/emojis/laugh.png', '/static/emojis/laugh tears.png' ] }; }, onShow() { if (uni.getStorageSync('chatList')) { this.chatList = JSON.parse(uni.getStorageSync('chatList')); } }, methods: { sendMsg() { if (!this.myInput) return; const txtMsg = { isMe: true, type: "txt", content: this.myInput }; this.chatList.push(txtMsg); uni.setStorageSync('chatList', JSON.stringify(this.chatList)); this.myInput = ""; setTimeout(() => { uni.pageScrollTo({ scrollTop: 99999, duration: 100 }); }, 100); }, chooseImgAndSend() { uni.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: res => { const imgPath = res.tempFilePaths[0]; const sendMsg = { isMe: true, type: "img", content: imgPath }; this.chatList.push(sendMsg); // 模拟小姐姐回复同样的图片 const resMsg = { isMe: false, type: "img", content: imgPath }; this.chatList.push(resMsg); uni.pageScrollTo({ scrollTop: 999999, duration: 0 }); uni.setStorageSync('chatList', JSON.stringify(this.chatList)); } }); }, toggleEmojiPopup() { this.showEmojiPopup = !this.showEmojiPopup; }, sendEmoji(emojiPath) { const emojiMsg = { isMe: true, type: "img", content: emojiPath }; this.chatList.push(emojiMsg); this.showEmojiPopup = false; uni.setStorageSync('chatList', JSON.stringify(this.chatList)); setTimeout(() => { uni.pageScrollTo({ scrollTop: 999999, duration: 100 }); }, 100); } } }; </script> <style lang="scss" scoped> .container { background-color: #f1f1f1; min-height: 100vh; } .chat-body { padding-bottom: 178upx; } .chat-one { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding: 20upx 0; } .chat-one-mine { justify-content: flex-end; } .chat-face { width: 84upx; height: 84upx; border-radius: 10upx; margin-left: 40upx; } .chat-one-mine .chat-face { margin-left: 0; margin-right: 40upx; } .chat-box { max-width: calc(100% - 290upx); margin-left: 20upx; font-size: 30upx; } .chat-one-mine .chat-box { margin-right: 20upx; } .chat-sender { color: #888; font-size: 28upx; margin-top: -8upx; margin-bottom: 10upx; } .chat-content { background-color: #fff; border-radius: 5px; padding: 10px; } .chat-img { float: left; max-width: 60%; border-radius: 5px; } .chat-one-mine .chat-img { float: right; } .chat-footer { width: 680upx; padding: 0 40upx; height: 120upx; position: fixed; bottom: 0; left: 0; margin-bottom: 0upx; background-color: #f1f1f1; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-top: 1upx solid #ddd; } .msg-input { background-color: #fff; width: calc(100% - 300upx); height: 70upx; line-height: 70upx; font-size: 30upx; border-radius: 10upx; padding: 0 20upx; } .img-chose { height: 60upx; width: 60upx; } .send-btn { border: 1px solid #e5e5e5; border-radius: 6px; padding: 10upx 20upx; background-color: rgb(149, 236, 105); margin-left: 10upx; cursor: pointer; flex-shrink: 0; } .emoji-icon { width: 60upx; height: 60upx; margin-right: 5upx; cursor: pointer; } .emoji-popup { position: fixed; bottom: 120upx; left: 0; width: 100%; background-color: #fff; padding: 20upx; border-top: 1upx solid #ddd; display: flex; flex-wrap: wrap; justify-content: flex-start; } .emoji-img { width: 60upx; height: 60upx; margin: 10upx; cursor: pointer; } </style>
10-30webview的域名没配置
webview嵌套H5,发版本后,打不开,需要在哪里配置下吗?webview嵌套H5,发版本后,打不开,需要在哪里配置下吗?求求求
10-30不加急,可能会快点
小程序加急审核一般是两小时处理,已过了一天还在【审核中】?AppID: wx1afa01c6322c3df2 小程序加急审核前天提交,截止到今天11点已过了两天天还在【审核中】, 麻烦给看下
10-30那就不能测试
不上线如何生成url link?[图片][图片][图片] 是这样得大佬们,想要测试短信打开小程序的业务,但是接口表示只能生成 已发布 的小程序的url link,但是小程序还没做完,不想这么快上线,便想着提交简单的测试页面上线进行测试生成urllink,提交审核时候表示提测试会封号? 想知道如何测试生成url link
10-30官方出来,扣绩效了
skyline渲染引擎开发的小程序,某具体页面使用webview渲染横屏后,屏幕右侧事件丢失?skyline开发的小程序,对某个页面配置 { "renderer": "webview", "navigationStyle": "custom", "pageOrientation": "landscape", "usingComponents": {} } 从主页进入该页面后,点击屏幕右侧的事件均没有响应
10-29去百度富文本编辑器社区
如何在百度富文本编辑器中插入地理位置?if(type === '2'){ _temp = `<section class="wx-edui-media-wrp custom_select_card_wrp mp_card_wrp"><section contenteditable="false" class="js_uneditable custom_select_card js_editor_mppoi appmsg_poi_iframe res_iframe mpcard" data-pluginname="poi" data-id="${id}" data-poiid="${poiid}" data-name="${name}" data-address="${address}" data-img="${imgUrl}" data-longitude="${lng}" data-latitude="${lat}" data-type="${type}" data-province="" data-city=""><span class="appmsg_card_context appmsg_card_active appmsg_geography_loc_card"><span class="location_title line-clamp1">${fullName}</span><span class="location_detail line-clamp1">${fullAddress}</span><span class="location_img js_nocatch js_noimgpopup js_noimgselected" style="background-image: url('${url}');"></span></span></section></section>`; }else if(type=== '1'){ let locationShowText = $('#locationShowText').val(); _temp = `<a class="js_poi_entry ct_geography_loc_tip" data-id="${id}" data-name="${name}" data-address="${address}" data-img="${url}" data-longitude="${lng}" data-latitude="${lat}" href="" data-type="${type}" data-poiid="${poiid}" style="font-size:17px;" data-province="" data-city="">${locationShowText}</a>`; } wwei_editor.execCommand('insertHtml', _temp); type等于1是插入文字,type等于2是插入地图卡片。 [图片] 我把第一步插入位置的地图来源换成了高德地图, [图片] 然后如上图所示,上一任留下的代码可以正常打开这个页面。点击确认后,有个二维码预览,能够正常预览,但是走微信公众号预览和发布接口,内容到公众号无法正常显示。 跪问各位大佬,如何能正确插入到百度富文本编辑器,然后将草稿通过接口发布到公众号后,能正常显示地图卡片或文字。 求求各位大佬了 QWQ
10-29说的很清楚了,不行。微信内可以使用公众号支付。
H5支付可以使用在微信浏览访问的网页吗?[图片]
10-29体验版登录和真机测试版本什么区别,调试模式打开了吗?
体验版登录wx.login没有调用,真机测试版本以及开发工具上都可以。为什么?体验版登录wx.login没有调用,真机测试版本以及开发工具上都可以。为什么?
10-29多说一句,小程序不允许未登陆直接relaunch到登陆页。这样就可以解决问题了。
小程序更新提示能否多次弹窗?当前项目无论是在onlaunch或者是onshow的钩子里,调用updateManager.onCheckForUpdate之后校验到了更新机制后弹出一个更新提示弹窗,由于检测到未登陆直接relaunch到登陆页,会把更新提示弹窗给关闭,导致用户一直在操作旧版本系统,二次调用updateManager.onCheckForUpdate的时候不会再返回hasUpdate为true。 请问各位道友有什么解决方案吗
10-29解决不了。
政府合规层面上不允许这种请求。https请求方式: GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET 必须把appid。secret这种参数包到请求里,不允许携带到url上。这种应该怎么写
10-29