草庐IT

uniapp设置滚动条滚动到指定位置

场景:左侧菜单栏,每次切换时,需要右侧商品展示区保持滚动条及页面在最顶部 1.利用scroll-view中scroll-top属性实现1.1设置scrollToTop属性为0data(){ return{ //保证每次切换,滚动条位置都在最顶部 scrollToTop:0, };}1.2菜单栏切换时clickFirstCategory切换scrollToTop的值scrollToTop在0,1之间切换,通过1px的差别使页面可以正常渲染 {{category.cat_name}} clickFirstCategory(index){ //每次点击都保证s

uniapp 超过2m无法上传代码!uni-module太大了,小程序无法上传怎么办?

问题描述:虽然分包了。但是主包里还有很多uniui的组件,占了2m多,之前一直是点击运行,然后再上传代码。提示的超过2m无法上传。解决办法:点击发行,然后上传就可以了。 优化建议:1、组件按需导入,不用的就删了。2、图片要压缩一下3、主要的页面放在主包里,次要的就放在分包里。分包方法:uniapp-微信小程序分包操作步骤详解_南北极之间的博客-CSDN博客_uniapp微信小程序分包上传(就是以前全都放在pages里面的模块。现在把次要的模块剪切到新目录里去。我这里还建了一个pages目录。也可以不建这个目录。而且里面的结构也可以多层次。结构变了,访问的路径也要变。测试可以成功访问之后,再把刚

uniapp 超过2m无法上传代码!uni-module太大了,小程序无法上传怎么办?

问题描述:虽然分包了。但是主包里还有很多uniui的组件,占了2m多,之前一直是点击运行,然后再上传代码。提示的超过2m无法上传。解决办法:点击发行,然后上传就可以了。 优化建议:1、组件按需导入,不用的就删了。2、图片要压缩一下3、主要的页面放在主包里,次要的就放在分包里。分包方法:uniapp-微信小程序分包操作步骤详解_南北极之间的博客-CSDN博客_uniapp微信小程序分包上传(就是以前全都放在pages里面的模块。现在把次要的模块剪切到新目录里去。我这里还建了一个pages目录。也可以不建这个目录。而且里面的结构也可以多层次。结构变了,访问的路径也要变。测试可以成功访问之后,再把刚

vue移动端项目迁移到uniapp,并兼容小程序

一、视图dom标签的替换以下标签的替换需要注意css中的选择器也需要跟着替换。1、div、p、h1~5等等块级元素替换为view标签h1~5注意字体大小需要调整,具体根据页面大小调整。2、span、label等等所有内联元素替换为text标签注意:text的字体大小,选择器必须选择到text标签才能修改其字体大小。因为text标签它本身就拥有一个默认字体大小12px的属性。3、img替换位image标签image需要闭合否则会运行时报错。二、request请求请求需要从axios更换为uni.request三、路由跳转1、路由配置从router变为pages.json配置2、路由跳转从rout

【vue3】uniapp 微信小程序 打包优化【超详细】

项目场景:使用HBuilder编辑器编译uniapp的项目转为微信小程序,并上传发布项目问题描述微信小程序官网限制发布的主包大小不能超过2mb,我的项目编译后大小为3mb原因分析:1.vendor.js文件过大,打包的时候并没有设置为mini版2.项目的主包太大,并没有分包出去(后面会详细说明如何分包)解决方案:1.把微信小程序右上角该压缩的都√上,把项目中的图片在线压缩2.HBuilder编译uniapp为微信小程序时,设置压缩。步骤如下找到项目根目录的package.json,找到dev:mp-weixin这一行,在命令行后加--watch--minimize"dev:mp-weixin"

【vue3】uniapp 微信小程序 打包优化【超详细】

项目场景:使用HBuilder编辑器编译uniapp的项目转为微信小程序,并上传发布项目问题描述微信小程序官网限制发布的主包大小不能超过2mb,我的项目编译后大小为3mb原因分析:1.vendor.js文件过大,打包的时候并没有设置为mini版2.项目的主包太大,并没有分包出去(后面会详细说明如何分包)解决方案:1.把微信小程序右上角该压缩的都√上,把项目中的图片在线压缩2.HBuilder编译uniapp为微信小程序时,设置压缩。步骤如下找到项目根目录的package.json,找到dev:mp-weixin这一行,在命令行后加--watch--minimize"dev:mp-weixin"

uniapp实现全局设置字体大小,实现小中大的字体切换

目录一、效果图二、原理解析三、代码实现(一)、安装和配置`postcss-px-to-viewport`(二)在vuex里定义vuex_fontsize(三)实现字体设置页面(四)App启动时,读取缓存值,赋值给vuex_fontsize(五)其他页面引用一、效果图二、原理解析要实现文字大小的动态切换,考虑到使用rem机制。只需要通过修改根节点的font-size值,就能改变文字呈现出来的大小但是一般我们的项目始用的都是px或rpx单位,全局修改单位未免不现实。所以这里用到了postcss-px-to-viewport插件。postcss-px-to-viewport可以帮助我们把项目的单位进

学习uniapp 在App端模仿抖音刷视频效果

uniapp小白,模仿抖音首页的刷视频功能,uniapp插件市场有很多,但是爱好摸鱼的我,也想试一试其他方法上面是效果图(样式比较潦草,没有仔细写)一开始想得比较简单,上下滑动的效果用uni内置的swiper组件即可实现,然后就开始干了如下h5端浏览器上看,感觉自己以及结束了实现了刷视频的简单效果,结果真机调试出现了匪夷所思的问题(视频一直卡在屏幕中间,并没有跟着swiper-item去滑动)也查了很多文,才知道video和map等控件属于原生控件,渲染时会高于前端组件(z-index也无济于事),webview以及cover-view等方法也尝试了一些,但是不太好使。最后通过nvue才解决自

学习uniapp 在App端模仿抖音刷视频效果

uniapp小白,模仿抖音首页的刷视频功能,uniapp插件市场有很多,但是爱好摸鱼的我,也想试一试其他方法上面是效果图(样式比较潦草,没有仔细写)一开始想得比较简单,上下滑动的效果用uni内置的swiper组件即可实现,然后就开始干了如下h5端浏览器上看,感觉自己以及结束了实现了刷视频的简单效果,结果真机调试出现了匪夷所思的问题(视频一直卡在屏幕中间,并没有跟着swiper-item去滑动)也查了很多文,才知道video和map等控件属于原生控件,渲染时会高于前端组件(z-index也无济于事),webview以及cover-view等方法也尝试了一些,但是不太好使。最后通过nvue才解决自

uniapp微信小程序支付券或商家券插件

小程序发券插件APIhttps://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter9_3_1.shtml注意:支持商户在小程序场景内,向指定用户发放指定批次的支付券或商家券原生微信小程序参考链接给的教程uniapp微信小程序支付券或商家券插件API可以参考下面流程,基本大同小异1.manifest.json添加插件配置(引入插件包)2.在小程序页面中引入发券插件(哪个页面要用插件就引用一下)3.使用组件组件的send_coupon_params参数可以参考微信文档上面三个是必填的参数,要通过后端接口返回的参数去赋值部分代码调用接口获取卷配置,主要不要