1.通过npm安装npminstall--savethreejs-miniprogram2.导入小程序版本的Three.js并创建一个与canvas绑定的three.js import{createScopedThreejs}from'threejs-miniprogram';import{onReady}from'@dcloudio/uni-app';letTHREE=null;letcanvas=null;onReady(()=>{ init();});asyncfunctioninit(){ awaitcreateThree();}functioncreateThree(){ retur
一、背景 需求是,每个播放视频的地方都有控制是否静音的按钮,点某一个静音则全局静音。 问题:由于我的每个小卡片都是一个组件,本质是每个页面引几次同一个组件,刚开始用的setData,但是这样每个卡片中的数据都是经过深拷贝而独立的,所以点击某个按钮只会改变所在视频的声音状态。 引申问题:也试过用app.globalData,这样只是在不同的页面有效,同一个页面多个组件还是无效。二、解决办法 在小程序中,常常有些数据需要在几个页面或组件中共享。使用MobX来管理小程序的跨页面数据, 其实类似于vuex的store。使用方法:1.在小程序中引入MobX 方法一:直接
项目场景:在使用wx小程序原生,云开发模板,aap.json中配置tabTar,报错 miniprogram/app.json文件内容错误]miniprogram/app.json:["tabBar"]["list"][0]["iconPath"]:"icon/deploy_step1.png问题描述再projection.config.json中配置miniProjection:"miniprogram/",后在tabBar中添加图片路径报错,试过了很多方法。[miniprogram/app.json文件内容错误]miniprogram/app.json:["tabBar"]["list"]
小程序分类:uni-appqq小程序支付宝小程序百度小程序钉钉小程序微信小程序小程序转成uni_app小程序转为uni_app小程序转uni_app小程序转换工具现在支持npm全局库、HBuilderX插件两种方式使用,任君选择,HBuilderX插件地址:https://ext.dcloud.net.cn/plugin?id=2656一、它是谁?【miniprogram-to-uniapp】转换微信小程序”项目为uni-app项目(新版本工具已经支持各种小程序转换)。二、它的原理是什么?最初是学了半节课堆和栈,觉得词法分析挺有意思的,再加上转换小程序插件时,发现这些繁琐的操作完全可以使用程序
微信早年发布的UI框架,对想要创建让微信用户感到熟悉的应用来说,是一个好选择。关于WeUIWeUI一款由腾讯微信团队开发的UI组件库,是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信Web开发量身设计,这是专门被设计用来构建在微信运行的H5/小程序等一系列应用上,所以这也是一款移动端的UI组件库。相信很多开发者都知道,WeUI发布已经多年,发展至今已经迭代到v2.5.15版本,是一个成熟稳定、体验优雅的组件库。WeUI提供了一套现成的组件,如按钮、表单、列表和对话框等,针对移动使用进行了优化,并遵循微信的视觉风格,这些组件在我们使用微信的过程随处可见,用户也非常熟悉。WeUI
使用@escook/request-miniprogram封装网络请求官网地址:https://www.npmjs.com/package/@escook/request-miniprogram快速入门1、下载依赖npminstall@escook/request-miniprogram2、引入把下面代码放到main.js//@escook/request-miniprogram网络请求import{$http}from'@escook/request-miniprogram'//在uni-app项目中,可以把$http挂载到uni顶级对象之上,方便全局调用uni.$http=$http//请
需求:如图需要从页面底部弹出一个弹框,弹框里的内容超出最大高度时,可以滚动。问题:原生的组件关闭图标在左侧,需要通过样式改到右侧原生的组件底部有footer按钮区域,需要通过样式隐藏掉在弹框里使用区域滚动通过scroll-view设置纵向滚动并给最大高度设置titlehalf-screen-dialog如果在子组件中引入,需要在pages父组件中的css文件里修改样式。在子组件中修改不生效代码:index.json{"component":true,"usingComponents":{"compute-cart":"/components/computeCart","mp-half-scre
一、执行步骤1.根目录下执行npminit-ynpminstall--saveweui-miniprogram--productionnpminstallexpress2.文件配置project.config.json找到packNpmManually和packNpmRelationList修改成如下内容:"packNpmManually":true,"packNpmRelationList":[{"packageJsonPath":"./package.json","miniprogramNpmDistDir":"./miniprogram/"}],根目录下app.wxss引入weui@im
背景最近接到一个h5需求,和普通的h5不一样,这个h5页面是嵌入到小程序中使用的,需求简单来说就是展示一个跳转按钮,判断如果是小程序环境下就进行跳转到其他小程序页面。实现思路核心逻辑其实就是判断小程序环境这一块,我们可以直接使用wxsdk来进行判断小程序环境,由于公司内部已经有这些api的封装,所以实现起来比较简单。windows.wx实际上就是wxsdk的对象//判断是否在微信环境constisWeixin=/MicroMessenger/i.test(navigator.userAgent);//获取微信运行环境constgetWxEnv=()=>{returnnewPromise((re
在微信小程序中,你可以使用weui组件库来实现弹出一个确认的popup,并在其中包含图片和名称。以下是一个示例代码:在wxml文件中,添加一个按钮来触发弹出确认popup:buttonbindtap="showPopup">显示确认Popupbutton>在wxss文件中,定义确认popup的样式:.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;}.po