发帖都人回答的。。。。

每个开发者都有这样的时刻： 遇到一个棘手的需求，焦头烂额之际... 突然发现某个组件或插件完美解决问题，直呼"真爱"！ 从此把它奉为"开发神器"，项目里到处都用它！无论是微信开发者工具及原生组件，还是你精心打造的自定义组件、插件，亦或接入最新的 MCP 等工具，现在就是你的"表白时间"！表白你的最爱开发工具或秘籍，帮助其他开发者少走弯路，还能赢取微信官方周边奖品哦~ 在评论区按格式表白你最爱的小程序开发工具或秘籍： 示例：   最爱组件 <live-player>   推荐理由：低延迟直播神器，自带美颜和连麦功能   实战案例：用它3天就完成了电商直播功能，用户停留时长提升40%   避坑技巧：记得设置object-fit属性，否则视频会变形   文档：https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html   好的小程序开发工具就像乐高积木，选对开发工具，复杂功能也能轻松搭建！ 你有哪些独家开发工具或秘籍？快来Battle！ 即日起至 2025 年 06 月 01 日，在下方评论区分享你最爱的小程序开发工具或秘籍，被官方精选评论的用户将获得官方精美礼品一份。 [图片]

<snapshot id="view" class="snapshot-container" mode="view">       <!-- 外层横向滚动 -->       <scroll-view scroll-x class="outer-scroll">         <!-- 内层纵向滚动 -->         <scroll-view scroll-y class="inner-scroll" style="width: {{750 * scale}}rpx;">           <view class="image-wrapper" style="width: {{750 * scale}}rpx; height: {{750 * scale}}rpx;">             <image src="{{img}}" class="main-image" style=" width: {{750}}rpx; height: {{750}}rpx; transform: translate(-50%, -50%) scale({{scale}});" />             <!-- 遍历区域 -->             <block wx:for="{{areas}}" wx:key="id" wx:for-item="areaItem">               <view class="element-container" style="right: {{areaItem.right * scale}}rpx; top: {{areaItem.top * scale}}rpx; width: {{areaItem.width * scale}}rpx; height: {{areaItem.height * scale}}rpx;border: {{generate ? (info.borderColor ? '1px dashed ' + info.borderColor : '1px dashed #999') : '1px dashed transparent'}}; box-shadow: 0px 0px 5px 2px {{areaItem.id == currentContainerId && generate ? 'transparent' : 'transparent'}};" data-areaid="{{areaItem.id}}">                 <!-- 当前区域的元素 -->                 <block wx:for="{{elements}}" wx:key="id">                   <block wx:if="{{item.areaId === areaItem.id}}">                     <!-- 图片元素 -->                     <view wx:if="{{item.type === 'image'}}" class="element image-element {{activeElementId === item.id && generate ? 'active' : ''}}" style="width: {{item.width * scale}}rpx;height: {{item.height * scale}}rpx;left: {{item.x * scale}}rpx;top: {{item.y * scale}}rpx;transform: rotate({{item.rotate}}deg);opacity: {{item.opacity}};z-index: {{item.zIndex}};" catchtouchstart="handleTouchStart" catchtouchmove="handleTouchMove" catchtouchend="handleTouchEnd" data-id="{{item.id}}">                       <image src="{{item.src}}?width={{item.width}}" mode="aspectFill" class="element-image" wx:key="{{item.src}}" />                       <view class="resize-handle {{generate ? 'resizeactive' : ''}}" catchtouchstart="handleResizeStart" data-id="{{item.id}}" style="transform: scale({{1 * scale}});"></view>                     </view>                     <!-- 文字元素 -->                     <view wx:if="{{item.type === 'text'}}" class="element text-element {{activeElementId === item.id && generate ? 'active' : ''}}" style="width: {{item.width * scale}}rpx;height: {{item.height * scale}}rpx;left: {{item.x * scale}}rpx;top: {{item.y * scale}}rpx;transform: rotate({{item.rotate}}deg);opacity: {{item.opacity}};color: {{item.color}};writing-mode: {{item.vertical ? 'vertical-rl' : 'horizontal-tb'}};font-size: {{item.fontSize * scale}}rpx;letter-spacing: {{item.spacing * scale}}rpx;z-index: {{item.zIndex}};" catchtouchstart="handleTouchStart" catchtouchmove="handleTouchMove" catchtouchend="handleTouchEnd" data-id="{{item.id}}">                       {{item.content}}                       <view class="resize-handle {{generate ? 'resizeactive' : ''}}" catchtouchstart="handleResizeStart" data-id="{{item.id}}" style="transform: scale({{1 * scale}});"></view>                     </view>                   </block>                 </block>               </view>             </block>           </view>         </scroll-view>       </scroll-view>     </snapshot

安卓不显示、苹果正常、开发工具显示方块，如果按照文档中的兼容方式，需要改的地方太多了也，还有什么别的方案么，https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/migration/compatibility.html[图片] 开发工具信息：stable 1.06.2503290、调试基础库 3.8.3 苹果手机信息：型号iPhone 13、ios版本 18.4.1、微信版本 Version 8.0.59 安卓手机信息：型号 华为畅享60、harmony OS版本 3.0.0、微信版本 Version 8.0.58 开发工具：[图片] 苹果：[图片] 安卓：[图片]

微信小程序插件开发，基础库3.8.3，之前使用的是webView渲染模式，修改成Skyline后，动态给text标签添加font-family后，text标签中的字体没有效果。具体的：font-family的值是动态的，使用的wx.loadFontFace加载的字体，并在success回调中处理的font-family的值。 webView渲染模式下的效果图 [图片] Skyline渲染模式下的效果 [图片] [图片]

例如 wx.cropImage 可以在手机端裁剪，pc端用不了，官方有没一个类似的API可直接使用

没热重载不碰skyline

<button form-type="submit" class="submit-button">发布</button> [图片] 一个表单页结构，点击发布无反应 自己的手机使用正常，部分用户的手机不正常

[图片] 如题

伴随 AI 的高速发展，有越来越多的小程序开发者也想将自己的小程序接入AI大模型，实现智能对话、文本生成等功能，近期微信云开发的更新了扩展调用的AI大模型能力，各位开发者可参考如下教程进行体验： 针对小程序开发，云开发准备了三种「快连」方式——SDK 直连、智能体对话、AI对话组件一键接入 ，适配不同场景 1.非对话类的通用场景，如文本生成、智能补全、智能翻译等。 2.AI 对话场景，支持配置欢迎语、提示词、知识库等对话中需要的能力。 3.快速在小程序中植入 AI 对话能力，更快速友好。 方式一：SDK 直连大模型，最少仅需3行代码直接使用小程序端的代码调用模型 [图片] 方式二：创建一个智能体使用自定义创建或者模板创建（两者任选）的方式，创建智能体，接入后可调用体验云开发SDK ，支持调用整套AI扩展能力的 API 接口，实现基础对话、对话历史保存、对话反馈收集、次轮问题推荐。 自定义创建 [图片] 模板创建 [图片] 方式三：在现有小程序、公众号服务号、小程序客服、微信客服调用对话组件使用云开发AI对话的小程序集成到现有小程序。 [图片] 同时，云开发团队准备了完整的接入文档和代码示例，开发者们可以参考以下文档和代码仓库进行开发 - 小程序接入云开发 AI 能力文档： https://docs.cloudbase.net/ai/miniprogram-using - 云开发 AI 能力示例仓库： Gitee：https://gitee.com/TencentCloudBase/cloudbase-ai-example Github：https://github.com/TencentCloudBase/cloudbase-ai-example 目前以上能力已经全面公测，欢迎各位开发者朋友们前往体验，未来我们也计划推出更多的 AI 能力，如 Tool Calling（工具调用）、多 Agent 串联、工作流编排等，敬请期待，也欢迎大家在评论区中提出建议。 即日起3月18日，欢迎大家在下方评论区分享使用微信云开发扩展调用AI大模型以及使用场景（听说有图有真相，效果更加棒 ʕ•͡ᴥ•ʔ），精选评论的用户将获得周边礼品 1 份。🎁 [图片] 准备工作● 注册一个微信小程序账号，并且创建本地小程序工程项目 ● 小程序基础库需要在 3.7.1 及以上版本，具备 wx.cloud.extend.AI 对象 ● 小程序需要开通「云开发」，可在小程序开发工具中点击工具栏里的「云开发」按钮进行开通，并创建环境（PS：对于首次使用云开发的用户，第一个月套餐免费）： [图片]