草庐IT

uniapp的tabBar角标

全部标签

Uniapp-小程序自定义导航栏

一、项目背景制作小程序页面时候发现原生导航栏有一定的高度是没有背景渲染的会出现这种情况但是我们需要的是二、原因小程序的原生导航栏存在。一般可以使用 纯色填充顶部栏可以直接使用navigationBarBackgroundColor完成在style中添加 "navigationBarBackgroundColor":"#FED000"但是业务需求需要添加自定义的效果,例如一整张背景图纯色填充三、自定义导航栏的使用黄色部分为状态栏高度  uni.getSystemInfoSync().statusBarHeight;红色部分为自定义导航栏高度。wx.getMenuButtonBoundingCli

小程序回退上一页面传递参数问题解决方法(uniapp的uni.navigateBack篇)

这一篇文章讲述的是小程序基础,小白可以看过来。在开发小程序会用到uni.navigateBack或者wx.navigateBack回退到上一页面,但是这个路由方法怎么实现传值呢?这里讲到实现的方法,大家感兴趣的可以看看。功能介绍:这是我在公司写小程序做到的一个功能,比如在A页面有一个卡片让我们跳转到B页面去选择数据再回退A页面可以看到自己所选择的数据,这不是什么难点,只能记录实现功能代码。实现方法:思路:在回退页面的回调方法调用getCurrentPages函数,然后通过获取页面栈的方法去变更上一页面的数据。这个getCurrentPages函数实现的方法有两种,一种是直接去改变原来页面(A页

Uniapp学习之从零开始写一个简单的小程序demo(新建页面,通过导航切换页面,发送请求)

先把官网文档摆在这,后面会用到的[uniapp官网文档]:https://uniapp.dcloud.net.cn/vernacular.html#一、开发工具准备1-1安装HBuilder按照官方推荐,先装一个HBuilder下载地址:https://www.dcloud.io/hbuilderx.html1-2安装微信开发者工具如果要在微信小程序上运行,再装一个微信开发者工具下载地址:(记得选稳定版)https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html1-3配置为了之后的调试,在HBuilder里配置

基于Java+Vue+uniapp微信小程序移动网赚项目平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着计算机技术的成熟,互联网的建立

android - 为什么键盘出现在 TabBar 之后?

在我的应用程序中有tabBar和Edittext。见下图:普通屏幕:按下编辑文本后的图像:现在为什么这个标签栏会随着键盘一起出现。即使用户通过按下edittext打开键盘,我也希望它保持固定在底部。那我该怎么办呢?请帮助e吗?TabBarMainActivity的xml布局如下所示:所以请帮助我。谢谢。 最佳答案 请使用这个android:windowSoftInputMode="adjustPan"在你的Activity中的androidmenifest.xml文件中。例子.. 关于a

在uniapp中,微信小程序获取胶囊的高度、宽度,且适配微信小程序、App

效果:H5:微信小程序:方法: functiongetWXStatusHeight(){   //获取距上   constbarTop=wx.getSystemInfoSync().statusBarHeight   //获取胶囊按钮位置信息   constmenuButtonInfo=wx.getMenuButtonBoundingClientRect()   //获取导航栏高度   constbarHeight=menuButtonInfo.height+(menuButtonInfo.top-barTop)*2   letbarWidth=menuButtonInfo.width   r

基于Java+Vue+uniapp健身小程序设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着科技和网络的进步,微信小程序与

uniapp关于uview-ui中u-picker(picker-view)快速滚动点击确定无效的问题

关于uview-ui中u-picker(picker-view)快速滚动点击确定无效的问题首先我们要知道,uview-ui中的u-picker底层也是使用uniapp中集成的picker-view在uniapp中的picker-view有集成两种事件:@pickstart和@pickend,用来监听滚动事件的;问题:由于滚动动画有延迟效果导致的;解决方法:带着这个问题,只需要在监听到滚动结束后才能触发成功确定按钮才行;代码:![在这里插入图片描述](https://img-blog.csdnimg.cn/13de0336b76148f385cccc168aa1f5b8.png问题解决!注意:小

微信小程序自定义tabBar详细教程,且自适应尺寸和实现高斯模糊版

进入下面小程序可以体验效果: 1、需要在app.json配置custom必须是true"tabBar":{"custom":true,"selectedColor":"#33a3dc","list":[{"iconPath":"asset/imge/hu.png","selectedIconPath":"asset/imge/hu-fill.png","pagePath":"pages/index/index","text":"心动"},{"iconPath":"asset/imge/per.png","selectedIconPath":"asset/imge/per-fill.png","

uniapp 给小程序添加分享功能

在Uni-app中,要为小程序添加分享功能,你可以通过使用小程序的自定义分享组件或通过配置页面的分享信息来实现。下面我将分别介绍这两种方法。方法一:可使用自定义按钮方式方法二:配置页面的分享信息在Uni-app中,你可以通过配置页面的onShareAppMessage钩子来设置页面的分享信息。这个方法适用于小程序的页面级别分享。在你的页面组件中添加如下代码:exportdefault{onShareAppMessage(){return{title:'分享标题',imageUrl:'分享图片链接',success(){console.log('分享成功');},fail(err){consol