vant框架van-field输入栏添加外边框van-field标签默认是无外边框的，如下图：添加外边框后的样式，如下图：采用样式穿透的方式，上代码：divclass="rowTextArea">van-fieldv-model="ruleForm.address"name="地址"label="地址"requiredtype="textarea"placeholder="请输入详细地址"/>/div>添加外边框.rowTextArea::v-deep.van-field__value{border:1pxsolid#ccc;}换行.rowTextArea::v-deep.van-cell{d
（1）设置tabBar：uni.setTabberItem({});wx.setTabberItem({});indexnumber是tabBar的哪一项，从左边算起，索引从0开始textstring否tab上按钮文字iconPathstring否图片路径selectedIconPathstring否选中时的图片路径pagePathstring否页面绝对路径visibleboolean否tab是否显示uni.setTabBarItem({index:0,text:'text',iconPath:'/path/to/iconPath',selectedIconPath:'/path/to/sel
微信小程序使用van组件Tabbar标签栏引入vant组件库使用TabBar组件引入vant组件库（1）打开我们小程序的项目目录，然后打开文件所在的位置。（2）cmd窗口初始化（3）通过npm安装vant/weappnpmi@vant/weapp-S--production（4）安装miniprogramnpmiminiprogram-sm-crypto--production（5）修改app.jsonapp.json中的“style”:“v2”去除（6）修改project.config.json开发者工具创建的项目，miniprogramRoot默认为miniprogram，package.
一、背景最近在做一个uniapp开发的小程序遇到一个需求，希望不同用户登录后展示不同的tabbar页面，但是uniapp项目中的pages.json是只有一个list数组的，并且是不能写成动态效果，为了实现这个需求，便自定义了tabbar组件二、效果展示2.1、角色1：admin账号登录效果2.2、角色2：tom账户登录效果三、前置工作3.1、将登录页面作为用户进入小程序展示的第一个页面，pages.json文件中的pages数组第一个设为login页面👇3.2、pages.json配置tabbar的基本路径（只需路径即可）👇{ "pages":[//pages数组中第一项表示应用启动页，参考
场景还原微信小程序利用路径wx.navigateTo跳转界面时发送异常跳转代码showDetail(e){//获取图片绑定的ID编号letid=e.currentTarget.dataset.id;//指定编号查询携带参数到详情界面wx.navigateTo({url:'/pages/details/details?id='+id,})}异常代码WAServiceMainContext.js:2Error:MiniProgramError{"errMsg":"navigateTo:failcannotnavigateToatabbarpage"}原因分析在app.json中的tabBar关联了
1.uni框架的api实现因为我们用的是uni-app框架开发，所以在创建项目的时候直接创建uni-ui的项目即可，这个项目模板中自带了uni的一些好用的组件和api。起初我想着这个效果不难实现，因为官方也有api可以直接使用，所以我最开始尝试就是使用uni的api完成，也就是这个：uni.setTabBarItem(options)我也是根据官方文档一步一步做的，但是问题就是出现在该api无法将pagePath改变，导致虽然图片和其他的一些配置可以改变，但是最关键的没有该变，我想要的功能也是没有实现 我感觉我可能是对这句话理解有误差，导致的我没有完全实现此功能，然后去Dcloud社区问答看了
效果图在 pages.json中设置隐藏自带的tabbar导航栏"custom":true,//开启自定义tabBar(不填每次原来的tabbar在重新加载时都回闪现)新建一个custom-tabbar.vue自定义组件页面custom-tabbar.vue{{item.text}}exportdefault{props:{/*当前导航栏*/currPage:{type:Number,default:0}},data(){return{curItem:0,//当前所选导航栏tabbarList:[{id:0,pagePath:"/pages/public/index",iconPath:"/s
APP端不支持dom操作，也不支持active伪类，绞尽脑汁也没办法给uniapp原生的tabBar点击加动画效果，所以最终只能舍弃原生tabBar，改用自定义tabBar。自定义tabBar的原理是，页面的上部分分别是tabBar对应的页面组件，下部分是固定在底部的tabBar，通过点击tabBar获取到当前索引，然后通过v-if来判断显示哪个页面组件，跟原生tabBar不同的是，这里仅用一个page，所以在pages.json里只需要注册index页面即可，在router里也只需要设置index即可，同时也要注意，其他页面组件并不是一个页面，所以没有onShow，onLoad等方法，可以通
目录一、tabBar的介绍二、tabBar的6个组成部分三、tabBar节点的配置项四、tab项的配置选项五、tabBar的使用一、tabBar的介绍tabBar是移动端应用常见的页面效果，用于实现多页面的快速切换。小程序中通常将其分为：（1）底部tabBar（2）顶部tabBar注意：（1）tabBar中只能配置最少2个，最多5个tab页签（2）当渲染顶部tabBar时，不显示icon（也就是说所谓的图标不会出现），只显示文本二、tabBar的6个组成部分backgroundColor：tabBar的背景颜色selectedIconPath：选中时的图片路径borderStyle：tabBa
项目场景：在使用wx小程序原生，云开发模板，aap.json中配置tabTar,报错 miniprogram/app.json文件内容错误]miniprogram/app.json:["tabBar"]["list"][0]["iconPath"]:"icon/deploy_step1.png问题描述再projection.config.json中配置miniProjection:"miniprogram/",后在tabBar中添加图片路径报错，试过了很多方法。[miniprogram/app.json文件内容错误]miniprogram/app.json:["tabBar"]["list"]
