E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
uni_app
uni_app
组件实现tab选项卡滑动切换,支持默认选中,vue3+ts+setup
效果截图:前言:最近开发小程序,需要用到tabs组件,在标签多的时候,可以左右滑动。在插件库找到uViewUI,但是这个库插件体积不算太小,小程序尽可能需要减少包体积,于是就打算自己封装一下。主要能力:选中的tab会自动移动到组件的中间位置,支持默认选中第几个tab,可联动获取数据,支持和swiper联动使用。主要方法:scroll-viewscroll-x:true//允许横向滚动scroll-
平谷一勺
·
2023-12-04 08:59
uniapp
前端
vue.js
uni-app
typescript
uni_app
组件实现tags 小说标签筛选,支持多级筛选,支持默认选中,vue3+ts+setup
参考文章:
uni_app
组件实现tab选项卡滑动切换,支持默认选中,vue3+ts+setup_平谷一勺的博客-CSDN博客废话不多说上菜了,tags.vue组件{{item.title}}import
平谷一勺
·
2023-12-04 08:59
uniapp
vue.js
前端
javascript
uni-app
uni_app
微信小程序 苹果手机 边框显示不全
![在这里插入图片描述](https://img-blog.csdnimg.cn/3a4c4ab1a146444c84c72d360a057c01.png解决方案:原因:是因为我们在设置边框的时候设置的rpx,自适应会自动换算px,两者之间的比例一般都是1.5-2之间,对于边框border来说少于1px就会显示不正常。有残缺。解决方法:在设置比边框border的尽量大于1px。就不会出现残缺问题了
Sunny
·
2023-07-25 13:31
小程序
uni_app
使用uni-ui
1)uni-ui是全端兼容的基于flex布局的ui库;2)可以使用npm的安装使用方式,也可下载相关组件直接使用;3)uni-ui不支持使用Vue.use()的方式安装4)uni-ui依赖scss,若是HBuilderX中创建的uni-app项目,需要在HBuilderX中安装scss插件;如果是使用cli创建的uni-app项目,需要在项目下npm安装node-sass和sass-loader先
蚯小麦
·
2023-03-23 08:58
uniapp-文件查找失败:‘@dcloudio/uni-ui/lib/uni-card/uni-card.vue‘
文件查找失败:’@dcloudio/uni-ui/lib/uni-card/uni-card.vue’我是在使用HBuilderX进行
uni_app
的小程序开发时遇到的问题,当时是直接从远程下载同事的代码运行
halfninety
·
2022-11-15 18:01
uni-app
小程序:
uni_app
框架采坑记录
报错1[Vuewarn]:Invalidvalueforoption"components":expectedanObject,butgotFunction.报错2uniapp打包微信小程序的坑permission和plugins添加失败发现在pages.json中的写入了位置信息permission和引用的组件plugins在打包编译后并没有在小程序的文件app.json中出现。查阅资料后才知道
杀生丸大人吖
·
2022-02-18 00:03
uni_app
弹性布局flex:文字超出宽度后,显示省略号的解决办法overflow:hidden;white-space:nowrap;text-overflow:ellipsis;需要注意的是,在移动端在flex元素中的内容进行省略文字的操作,则flex失效,flex之外的内容宽度不受控制,图片宽度无法撑起,解决办法如下:给设置了flex:1;弹性宽度的div设置最小宽度为0可以解决此问题。flex:1;m
liluojian
·
2021-06-26 03:42
小程序:mpvue框架转
uni_app
框架采坑记录
mpvue和
uni_app
都是一个使用Vue.js开发所有前端应用的框架,uni-app对vue语法的支持是mpvue的超集,使用过mpvue几乎不用特地学习uni-app,有点坑的是mpvue项目没有转换器
杀生丸大人吖
·
2021-06-05 02:48
uni_app
如何在浏览器中实现上传图片
修改后,浏览器可以上传图片了,但App把打包,可以能无法上传,可以用于测试,正式环境还是要加上header:{'Content-Type':'multipart/form-data','XX-Device-Type':'app'}
晨大大
·
2020-09-10 20:31
App
uni_app
图片上传
学习IT
uni_app
下的html多语言引用及iOS无用的问题
html多语言的方法,百度即可获得,这里不多说了。iOS下,ajax不能用,可以看这个https://ask.dcloud.net.cn/article/36858。这个方法写在调用多语言之前即可。下面关键点来了,按照上面方法配置完成。用苹果手机测试时,会报错:编码错误。查找论坛,发现需要在路径前面加上file://,加过之后开始报其他错误:不允许读。经过多番尝试,好像是路径不对。于是我想起使用p
wyz19900230
·
2020-08-20 19:51
uni_app
导航栏自定义出现的BUG
html代码{{item}}//切换方法toggle(index){this.activeIndex=index},特别注意:class="[activeIndex==index?'active':'default-active']"这个之前用的是:class="{'active':activeIndex==index,'default-active':activeIndex!=index}"第二
iorn_mangg
·
2020-08-15 18:24
uniapp
uni_app
各平台条件编译标记
条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。写法:以#ifdef或#ifndef加%PLATFORM%开头,以#endif结尾。ifdef:ifdefined仅在某平台存在#ifndef:ifnotdefined除了某平台均存在%PLATFORM%:平台名称值平台参考文档APP-PLUS5+AppHTML5+规范APP-PLUS-NVUE5+Appn
LLLLLLLLLLLLL刘
·
2020-07-08 22:16
入门
小程序
进阶
uni_app
跳转到外部html5 的页面 (web-view) 的一些使用
1、不传参数的使用//平台差异请关注https://uniapp.dcloud.io/component/web-view?id=web-view2、带有要传递的参数:(不多说直接上代码)注意:uniapp的web-view的参数传递的字必须要用encodeURIComponent(str)转码;encodeURIComponent()函数可把字符串作为URI组件进行编码。该方法不会对ASCII字
biu·biu
·
2020-07-01 10:46
uniapp
web-view
2019年11月22日 打算转java
在从事编程学习和工作几年的时间里,尝试了c,php,python3,lua语言,前端vue.js和
uni_app
框架,以及嵌入式开发,服务器运维,小程序开发,无感支付等等方向,最终都会卡在某些地方难以寸进
Houzhyan
·
2020-06-23 12:15
使用 miniprogram-to-uniapp 转换微信小程序为
uni_app
项目
今天分享使用miniprogram-to-uniapp转换
uni_app
项目的一些经验。
smalike
·
2020-02-08 11:19
上一页
1
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他