...
登录阿里巴巴图标库,在首页搜索找到想要的图标 gt 添加购物车 gt 点击购物车图标 gt 把图标添加到项目中 gt 点击确定到我的图标 gt 下载至本地,具体参考以下流程: 把下载的字体文件放到static目录下,然后在对应的页面上添加自定义图标,如下图: 在页面上添加跳转tabBar页面的代码,如下图: 页面显示效果: ...
2020-02-14 20:43 0 3795 推荐指数:
...
要点: 设置好导航栏高度后,用 calc减去导航栏的高度。 ...
uniApp原生导航栏 uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框,只需在page.json里面做一些配置即可。设置app-plus,dcloud平台对app-plus做了详细说明:app-plus配置,不过目前暂支持H5、App端,不支持小程序 ...
最近一直在学习uni-app开发,由于uniapp是基于vue.js技术开发的,只要你熟悉vue,基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框,只需在page.json里面做一些配置即可。设置app-plus,配置编译到App平台的特定样式 ...
引用插件:uniNavBar <uni-nav-bar statusBar="true" backgroundColor="#59AAFE" color="#FFFFFF" class="status-bar"> <view slot="left">分类< ...
自学uni-app第一天,因为有一点点的小程序和vue的基础所以感觉对uni-app有一点点的亲切感,从今天呢开始着手从登录页学习uni-app,记录一些用到的知识点,欢迎大家一起学习。 启动页隐藏顶部导航栏 这个可能用到的场景也只有登录也或者一些单页面了,话不多说直接 ...
给一个单独的页面隐藏顶部的 导航栏 可以在pages.json里 单独的路由style下面配置 "app-plus": {"titleNView": false} 给整个app 隐藏 可以在globalStyle 下 配置一个style "app ...
uni-app针对底部导航栏TabBar,只提供了动态修改样式文字和图标的API,并没有提供动态修改某个栏目的跳转链接、追加或者删除某个栏目的功能。 问题阐述:实际开发的项目中的确需要判断登录账户的权限,来动态显示某两个,或者某三个栏目 如:管理用户显示【首页,管理,我的】,普通用户显示 ...