Uview

uniapp+uview-plus实现微信小程序自定义tabbar

yx_back·2024-09-14 18:58

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI

奔跑的露西·2024-09-01 21:17

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵

2401_84181383·2024-09-01 20:15

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏(1)

}else{useStore.setActive(index)constpath=item.pagePathuni.switchTab({url:path})}}}//图标的切换constgetTabbarIcon=(item,index)=>{returnuseStore.activeTab===index?item.selectedIconPath:item.iconPath}>>**说明：*

2401_84182793·2024-09-01 20:15

[uview3]Popup 弹出层

项目场景：展会管理系统，通过弹出层的方式切换展会项目，效果如下：弹出部分代码：注意点：层级要设高一点，可能会其他元素遮挡出不来请设置展会：

hj1043·2024-08-31 10:08

uview的u-input限制体温输入，35到42之间，保留一位小数，限制只能输入4个字符

varelement=this.temperature;console.log(element)varx=String(element).indexOf('.')+1;//小数点的位置vary=(x!==0)?String(element).length-x:0;//小数的位数varelementNum=Number.parseFloat(element);console.log(elementN

杨天天.·2024-08-31 03:47

用uniapp开发手机app，发现不支持dom操作

用uniapp开发手机app，使用了uview组件，其中的不支持给label旁边放个红星号，尝试用dom操作给添加appendRedStar(item_ref){try{varel=this.

吉星9527ABC·2024-03-17 18:27

uniapp插件uViewplus的使用（涉及TS下的问题）

在技术选型后最后定了使用有团队维护的uview-plus3.0,官方文档配置参考：https://juejin.cn/post/7169875753100640270ts配置参考：https://blog.csdn.net

EmmaGuo2015·2024-02-25 02:40

uview组件封装form表单后有关弹框的组件安卓部分机型不显示

环境背景介绍:使用uniapp开发小程序和app,uview版本是1.8.3,分别为ios端安卓端和小程序端封装了form表单组件,u-selectu-action-sheetu-picker等组件通过

阳光先做·2024-02-24 09:26

uni-app使用uView打开弹出层后输入框聚焦时placeholder错位问题

这里就不放效果了，大概意思就是在使用uView的popus时，在底部弹出后，如果弹窗中的输入框会造成一瞬间的placeholder文字错位，这个问题的主要是因为uView安全区适配导致uView相关文档

PENG越·2024-02-19 11:09

uniapp+uView 【详解】录音，自制音频播放器

效果预览代码实现//创建对象--录音机constrecorderManager=uni.getRecorderManager();//创建对象--录音constaudio=uni.createInnerAudioContext()importBreathingfrom"../components/breathing.vue";exportdefault{components:{Breathing,

朝阳39·2024-02-06 21:51

【VUE】UniAPP之uview组件库，自定义tag封装，支持添加u-icon图标

组件代码{{props.text}}import{defineProps}from'vue'constprops=defineProps({text:{//显示文本type:String,default:'自定义33'},color:{//颜色主体颜色type:String,default:'red'},mode:{//lightdark/plaintype:String,default:'lig

孑然R·2024-02-06 06:36

hello uniapp模板的page.json配置easycom出现空白

image.png跟着教程配置uni引入uview组件发现界面空白，然后删除easycom发现界面才能出来image.png这个时候好奇easycom属性是做什么用的了？

尘埃里的玄·2024-02-06 01:21

uView使用u-textarea报警告 Invalid prop: custom validator check failed for prop “confirmType“.

在使用u-textarea时一直报以上的警告，解决办法在标签中加confirm-type="send"

小猫瘦瘦·2024-02-03 04:52

uni-app移动端图片预览组件 movable-area 、movable-view （支持缩放，拖动效果、替换部分代码图片可直接使用）

UniApp图片预览组件利用uni-app官方、内置视图组件配合uView组件的u-popup弹框组件共同实现封装的图片预览组件，支持手指缩放、拖动效果，替换代码中部分图片后可以直接使用。

前端白袍·2024-02-02 14:31

uniapp微信小程序触底加载（超简单）

这是文档链接页面|uni-app官网(dcloud.net.cn)2.页面中写以下代码onReachBottom(e){console.log("举例底部50px就触发");},3.完整代码a.我是使用uview

bug总结·2024-02-02 08:38

遍历行，实现一行两列

微信图片_20230202112834.png要实现这样的效果，用到了uView的u-row和u-col{{item.name}}{{list[index+1].name}}'index%2==0'中%

空我我·2024-02-01 11:35

uniapp 问题汇总-问题数(2)

iosscroll-view无法滚动使用uview折叠面板嵌套scroll-view嵌套之后安卓可以滚动，ios无法滚动去使用原因是动态设置scroll-view高度的时候将高度错误错误代码:style

前端专业写bug·2024-02-01 06:29

uniapp如何安装uview

1.下载并导入插件打开链接uView2.0重磅发布，利剑出鞘，一统江湖-DCloud插件市场没有的登录的就先登录导入成功后，可见2.添加配置main.jsimportuViewfrom'@/uni_modules

睿麒·2024-01-31 07:21

uniapp如何引入uview组件？

在uni-app中使用uView组件需要进行以下操作：首先，确保已经安装了uView库。通过npm或者yarn命令来安装，运行npminstalluview-

秃头馒头·2024-01-30 10:46

uview-plus的组件注释后，微信开发者工具报错，node-modules/uview-plus/components/u-form/u-form]错误: TypeError: Cannot s

报错的全部信息node-modules/uview-plus/components/u-form/u-form]错误:TypeError:Cannotsetproperty'warning'ofundefined

深一海·2024-01-29 06:40

uniapp导入uView组件库

目录准备工作1.新建一个项目2.导入uview组件库3.关于SCSS配置步骤1.引入uView主JS库2.在引入uView的全局SCSS3.引入uView基础样式4.配置easycom组件模式添加效果实验运行即可成功准备工作

前端贾公子·2024-01-27 13:22

uniapp 框架搭建及使用

uniapp官方文档uview官网文档前期工作：1.下载HbuilderX编辑器；2.熟悉uniapp的相关文档；3.查找合适的UI组件库，我使用的是uview（适配H5和小程序）创建uniapp新建:

马农码字·2024-01-26 19:17

使用uniapp框架写小程序，requestjs文件中的常用配置

创建文件夹：utils-request.js1，使用uview中封装好的(封装的是uniapp中的网络请求)在requestjs文件夹中代码如下：//初始化请求配置uni.

好想Z☡zᶻ·2024-01-26 16:55

uniapp+uview封装上传图片组件(单张/多张)

uniapp+uview封装上传图片组件(单张/多张)先看效果1.uploadImg.vue1&&fileList.length">constapp=getApp()exportdefault{props

Cheng Lucky·2024-01-25 15:49

uni-app：关于小程序开发规范与架构设计的理解

文章目录前言1、忽略文件管理2、API配置与管理2.1、请求协议管理2.2、网络环境切换管理2.3、API集中管理3、分包管理4、【uni_modules】引入第三方组件4.1、uview-ui框架4.2

瓜子三百克·2024-01-24 06:12

uniapp实现页面左滑右滑切换内容

uniapp+uview：使用uniapp的swiper和uview的tabs标签组合实现Tabs标签|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架```

浮桥·2024-01-23 06:31

zxz-uni-data-select 插件，uniapp项目vue3，下拉框可搜索，使用问题解决，如何使用，类型声明，自动扫描全局使用，插件文件eslint报错，组件导入。input点击出现蓝色问题

要在点击的标签里面加上-webkit-tap-highlight-color-CSDN博客uniapp项目，要实现下拉框可搜索的功能，uniapp官方组件和uview都没有这个功能的组件。

深一海·2024-01-21 20:56

uniapp开发H5,刷新浏览器时导致页面栈消失出现的跳转问题不能返回

需要自定义顶部导航栏{"path":"pages/index/index","style":{"navigationStyle":"custom"}}创建导航栏组件（我的项目引入了uview-ui,直接进入

Bubluu·2024-01-20 11:46

uview 瀑布流_微信小程序瀑布流最好最简单的解决方案

网上能搜到的小程序瀑布流解决方案，要么代码复杂、逻辑混乱，要么实现不了业务功能，所以把我在项目中的实现方案给大家分享下。最简单的实现方案，不适用有分页的场景。这个方案简单的原因是因为仅仅使用了css的属性。使用column-count属性可以指定页面显示的列数，一般瀑布流都是2列，所以可以定义class.list-masonry{column-count:2;//2列column-gap:20rp

杂志社社内刘编辑·2024-01-19 22:31

uniapp (UI框架：uview2.x) JSON数据导出生成excel

一、生成下载的表格模板数据代码如下：//建立一个工具类函数文件utils.jsexportfunctiontableToExcel(jsonData,str){//要导出的json数据letworksheet='sheet1'//letstr='姓名电话邮箱'//循环遍历，每行加入tr标签，每个单元格加td标签console.log('jsonData:',jsonData);for(leti=0

Echo-潔·2024-01-19 17:15

使用的uview 微信高版本头像昵称填写能力

一键登录邀请您补全个人信息头像昵称取消确定暂不登录importavatarUrlfrom"@/static/logo.png"exportdefault{data(){return{avatarUrl:avatarUrl,nickName:'',token:'',imgList:[],show:false,}},methods:{back(){uni.navigateBack({delta:1,}

又是取名的一天·2024-01-19 15:44

uniapp中uview组件库TopTips 顶部提示使用方法

目录#平台差异说明#基本使用#自定义导航栏使用本组件的问题#主题设置#显示时间设置#API#Methods#Props该组件一般用于页面顶部向下滑出一个提示，尔后自动收起的场景。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用该组件通过ref调用，使用简单，只需title参数设置显示的内容即可注意：不要在onLoad中调用，应在onReady生命

TechWhiz-晓同·2024-01-19 07:44

uniapp中uview组件库Toast 消息提示的使用方法

目录#基本使用#配置toast主题#toast结束跳转URL#API#Props#Params#Methods此组件表现形式类似uni的uni.showToastAPI，但也有不同的地方，具体表现在：uView

TechWhiz-晓同·2024-01-18 15:03

uniapp中uview组件库的NoticeBar 滚动通知使用方法

目录#平台差异说明#基本使用#配置主题#配置图标#配置滚动速度#控制滚动的开始和暂停#事件回调#API#Props#Events该组件用于滚动通告场景，有多种模式可供选择#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用通过list数组参数设置需要滚动的内容滚动mode参数有两种模式，分别是horizontal水平滚动，vertical垂直滚动。其

TechWhiz-晓同·2024-01-18 15:03

#Uniapp：uni-app加载全局组件的方法easycom

.*)":"@/uni_modules/uview-ui/components/u-$1/u-$1.vue","^uni-app-(.*)":"@/components/c-$1-$1/c-$1-$1.

前端xiaolibao·2024-01-18 12:21

HBuilder X中uView UI框架的安装及使用

在最上方的工具中点击插件安装——>安装新插件——>前往插件市场安装在作者排行榜中找到uViewUI选择该版本然后点击下载并导入HBuilderX然后选择你想导入的项目在项目根目录中的main.js中，引入并使用uView

B·O·P·2024-01-18 11:33

uniapp 引入 uview 以及各文件夹用途 (1)

uniapp教程太多了就不从头开始讲了这里推荐一篇质量高些的大佬大家可以从零参考他uniapp从入门到精通然后我只是简单记录一下我当时学习uniapp的一些问题和经验(单纯没什么可写了,混时长)这里是uview

CV工程师!!·2024-01-18 09:15

uview2.0 【uniapp】购物车样式

明星同款越野机能鞋子轻便舒适黑色,40码￥{{item.price|fixed}}全选({{chooseNum}})合计:{{totalPrice|fixed}}立即下单exportdefault{components:{},data(){return{radioVal:false,cart_ids:[],//选中的/*checked：是否选中show：控制打开或者关闭（移除按钮）*/list:[

嘿，小苹果·2024-01-18 00:02

uView折叠面板修改版

写了一个折叠面板，代码如下全选{{item.name}}（已选择：{{item.selectedLength?item.selectedLength:0}}/{{item.children.length}}）{{children.peopleName}}{{children.address}}已选择选择exportdefault{data(){return{collapseList:[{name:

一朵盆栽·2024-01-17 02:22

【uview2.0】Keyboard 键盘与 CodeInput 验证码输入结合使用 uview

https://www.uviewui.com/components/codeInput.html（CodeInput验证码输入）https://www.uviewui.com/components/keyboard.html（Keyboard键盘）//按键被点击(不包含退格键被点击)changeFun(e){//最多输入6为数字if(this.value.length>=6){return;}t

嘿，小苹果·2024-01-16 15:51

uniCloud + uView 上传图片（u-upload 组件的使用）

::v-deep.u-upload__button{width:100%!important;}::v-deep.u-upload__wrap__preview__image{width:100%!important;}::v-deep.u-upload__wrap__preview{width:100%!important;}fileList:[],uploadOK(e){this.fileLi

朝阳39·2024-01-15 12:22

uniapp中uview组件库的AlertTips 警告提示使用方法

目录#使用场景#平台差异说明#基本使用#图标#可关闭的警告提示#API#Props#Events警告提示，展现需要关注的信息。#使用场景当某个页面需要向用户显示警告的信息时。非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用通过title和description设置组件的标题和描述内容

TechWhiz-晓同·2024-01-14 05:57

uniapp uview 中阻止switch开关的事件冒泡

在做项目的时候遇到了switch和祖父元素事件冒泡的问题。刚开始想的解决办法是在change里面加e.preventDefault来阻止，然鹅不生效。就抱着试一试的方法在switch的父元素加上stop试试，竟然成功了。在switch的父标签加@tap.stop.prevent阻止事件冒泡。本文转载自：https://blog.csdn.net/qq_43272035/article/detail

辰聂·2024-01-13 18:00

uniapp 查找不到uview-ui文件怎么办？

用官方的方式总是报：文件查找失败：'uview-ui'atmain.js解决方案：1.先安装uview-uinpminstalluview-ui下载成功是这样的：而不是这样的：这样的原因是你的项目里没有

茶茶只知道学习·2024-01-13 13:48

uView框架中DatetimePicker选择器设置默认值

需求是页面显示的哪天日期点开就是哪天的日期uview的文档有个defaultIndex属性设置各列的默认索引，但是使用发现无效果解决方案：使用innerValue1.给选择器添加ref2.在点击显示日期弹框的地方使用

mmmmmmmmmmmy·2024-01-13 07:53

uniapp中uview组件库丰富的ActionSheet 操作菜单使用方法

目录#平台差异说明#基本使用#配置顶部的提示信息和底部取消按钮#如何知道点了第几项#API#Props#Event本组件用于从底部弹出一个操作菜单，供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI，配置更加灵活，所有平台都表现一致。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用通过list设置需要显示的

TechWhiz-晓同·2024-01-12 09:48

uniapp中uview组件库丰富的CountDown 倒计时使用方法

目录#平台差异说明#基本使用#设置是否显示天，时，分，秒#倒计时分隔符#倒计时样式#倒计时执行的时机#如何获取当前倒计的秒数#API#Props#Events#Methods该组件一般使用于某个活动的截止时间上，通过数字的变化，给用户明确的时间感受，提示用户进行某一个行为操作。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用通过timestamp

TechWhiz-晓同·2024-01-12 09:18

uniapp中uview组件库丰富的CountTo 数字滚动使用方法

目录#平台差异说明#基本使用#设置滚动相关参数#是否显示小数位#千分位分隔符#滚动执行的时机#API#Props#Methods#Event该组件一般用于需要滚动数字到某一个值的场景，目标要求是一个递增的值。注意如果给组件的父元素设置text-align:center想让数字水平居中，可能是由于元素内容快速变化而导致渲染的问题，在APP上组件可能会有轻微的左右抖动现象，解决办法是给父元素设置pad