草庐IT

uniapp的tabBar角标

全部标签

uniapp微信小程序自定义顶部导航栏(搜索框)

有一个需求是:要自定义微信小程序自定义顶部导航栏第一步:将对应页面的"navigationStyle"设置为"custom"在page.json 文件里面,pages 配置数组当中找到想要自定义导航栏的页面,添加上"navigationStyle":"custom",这样子之后就只会保留右上角胶囊按钮了。{ "pages":[ { "path":"pages/components/HomePage/index", "style":{ "navigationBarTitleText":"主页""navigationStyle":"custom" } }, ],}第二步:计算

uniapp点击tabbar之前做判断

在UniApp中,可以通过监听 tabBar 的 click 事件来在点击 tabBar 前做判断。具体步骤如下:在 pages.json 文件中配置 tabBar,例如:{"pages":[{"path":"pages/home/home","name":"home","style":{"navigationBarTitleText":"首页"}},{"path":"pages/mine/mine","name":"mine","style":{"navigationBarTitleText":"我的"}}],"tabBar":{"list":[{"pagePath":"pages/home

uniapp项目实战第五章:小程序Pinia持久化

小程序Pinia持久化说明:项目中Pinia用法平时完全一致,主要解决持久化插件兼容性问题。持久化存储插件持久化存储插件:pinia-plugin-persistedstate插件默认使用localStorage实现持久化,小程序端不兼容,需要替换持久化API。网页端持久化API//网页端APIlocalStorage.setItem()localStorage.getItem()多端持久化API//兼容多端APIuni.setStorageSync()uni.getStorageSync()参考代码//stores/modules/member.tsexportconstuseMemberS

基于Java+Vue+uniapp微信小程序懂球短视频平台设计和实现

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

UniApp小程序使用vant引入vant weapp

HBuilderX里新建项目指路HBuilderX新建项目安装node.js指路安装node.js 1.通过npm安装查看npm环境//打开终端输入命令查看版本npm-version1.1.右键打开外部终端窗口1.2.输入npminit-y命令1.3.通过命令安装npmi@vant/weapp@1.3.3-S--production1.4.打开工具——构建npm1.5.构建完成构建完成之后会出现一个文件夹“minprogram_npm”1.6.修改project.config.jsonminiprogramRoot默认为miniprogram,package.json在其外部,npm构建无法正

vantUI(Tabbar标签页)浏览器返回上一页的失效问题

在开发中遇到这样一个问题,由页面1切换到页面2,再点击浏览器的回退,无法回退到页面1。开始以为是路由配置的有问题,但是子页面可以正常回退,因为replace只是替换路由,而不会往history栈中记录路由,所以当切换到页面2的时候,历史的路由里已经没有页面1了,所以无法回去。原代码如下:页面1页面2修改成如下代码即可正常回退。页面1页面2补充知识: this.$router.to, this.$router.replacerouter.push 方法会向history栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,会回到之前的URL。router.replace 在导航时不会向histo

uniapp 使用 UDP

一、搭建UDP服务端,nodejsconstdgram=require("dgram");constmessage=Buffer.from("你好,这是一个UDP广播消息");constport=3000;//用你想要的端口替换这里//创建一个UDP套接字constsocket=dgram.createSocket("udp4");//启用套接字的广播功能socket.bind(()=>{socket.setBroadcast(true);});//定义广播地址constbroadcastAddress="255.255.255.255";//用你实际的广播地址替换//将消息发送到广播地址se

uniapp---安卓真机调试提示检测不到手机【解决办法】

最近在做APP,由于华为手机更新过系统,再次用来调试APP发现就不行了。下面给出具体的解决方法:第一步:打开【允许开发人员选项】找到【设置】点击【关于手机】找到【版本号】点击7次或多次,允许开发人员选项。第二步:USB链接手机打开【允许文件传输】USB调试需要在用USB链接的时候,允许文件传输,不要选择【仅充电】。第三步:打开【开发人员选项】打开USB调试点击【系统和更新】点击【开发人员选项】滑到下面打开【USB调试】通常情况下,在软件更新后【USB调试】会关闭,再次使用的时候,需要将该功能打开。

uniapp中的uview组件库丰富的Keyboard 键盘 用法

目录基本使用#隐藏键盘"."符号#是否打乱按键的顺序#如何控制键盘的打开和关闭?#如何监听键盘按键被点击?API#Props#Events#Slot基本使用通过mode参数定义键盘的类型,show绑定一个值为布尔值的变量控制键盘的弹出与收起:mode=car(默认值)为汽车键盘,此时顶部工具条中间的提示文字为"车牌号键盘"mode=number为数字键盘,此时顶部工具条中间的提示文字为"数字键盘"mode=card为身份证键盘,此时顶部工具条中间的提示文字为"身份证键盘" 打开 exportdefault{ data(){ return{ show:false }

Vue中实现富文本功能,适配小程序端,uniapp也可实现,vue-quill-editor适配小程序,将vue-quill-editor插件中的class样式换为style内联样式达到适配目的

1、Vue中实现富文本功能1.1拓展功能,上传图片从系统图片素材库中拉取图片,黏贴图片时,图片也存入图片素材库中2、将自带的class样式换为style内联样式3、适配小程序端(仅展示,不需要编辑)4、小程序端新增编辑富文本1、Vue中实现富文本功能使用插件vue-quill-editor,先下载插件npminsatll--savevue-quill-editor在main.js中引入importVueQuillEditorfrom'vue-quill-editor'//富文本import*asQuillfrom'quill'import'quill/dist/quill.core.css'i