android 中间凸出按钮,自定义tabar组件，中间按钮凸出显示

更新记录

1.0.1(2020-11-17)

1、把图标更改成本地路径。

2、上传插件包时，如果包含static文件，一直提示不存在的错误，导致无法上传。

3、插件包仅包含components文件，所以下载使用时可直接导入事例项目，不要引入插件使用，这个问题后期会解决。

1.0.0(2020-11-16)

首次发布(2020.11.16)

1.tabBar数据说明

tabList最小两项，最多五项

tabList长度为奇数时，中间按钮才会突出显示

iconPath: 默认icon图片路径

selectedIconPath: 选中icon图片路径

text: tab按钮文字

pagePath:页面路径

middleClass:中间按钮样式类名

tabList: [{

iconPath: '../../static/jinjie-tabbar/icons/home.png',

selectedIconPath: "../../static/jinjie-tabbar/icons/homed.png",

text: '首页',

pagePath: '/pages/index/index',

middleClass: ''

{

iconPath: '/static/jinjie-tabbar/icons/shop.png',

selectedIconPath: '/static/jinjie-tabbar/icons/shoped.png',

text: '商城',

pagePath: '/pages/shop/shop',

middleClass: ''

{

iconPath: '../../static/jinjie-tabbar/icons/code.png',

selectedIconPath: '../../static/jinjie-tabbar/icons/code.png',

text: '会员',

pagePath: '/pages/code/code',

middleClass: ''

{

iconPath: '../../static/jinjie-tabbar/icons/task.png',

selectedIconPath: '../../static/jinjie-tabbar/icons/tasked.png',

text: '任务',

pagePath: '/pages/task/task'

{

iconPath: '../../static/jinjie-tabbar/icons/user.png',

selectedIconPath: '../../static/jinjie-tabbar/icons/usered.png',

text: '我的',

pagePath: '/pages/user/user',

middleClass: ''

}

]

2.页面引用

首页

//引用组件

import TabBar from '../../components/tabBar.vue'

export default {

components: {

TabBar

data() {

return {

}

onLoad() {

methods: {

}

android 中间凸出按钮,自定义tabar组件，中间按钮凸出显示相关推荐

Android UI设计之五自定义DrawView组件，实现数字签名效果
最近项目中有个新的需求,用户在完交易需要进行输入支付密码付款的时候,要让用户签下自己的签名,提起到数字签名这个东西,感觉有点高大上,后来想想数字签名的原理也不是太复杂,主要实现原理就是利用了View的 ...
自定义JS组件+调用restfui接口显示（SpringBoot）
先上效果图,可多个显示 , 应用场景:可用于设备稼动率显示(如开机.停机.故障占比多少),中间可写一些文字表达(比如交期紧急情况等等). 1.创建自定义饼图(JS组件) 1 function Bing ...
【Android 内存优化】自定义组件长图组件 ( 长图滚动区域解码 | 手势识别 GestureDetector | 滑动计算类 Scroller | 代码示例 )
文章目录一.GestureDetector 创建与设置二.GestureDetector 触摸事件传递三.触摸滑动操作四.惯性滑动操作五.长图滑动组件代码示例六.运行效果七.源码及资源下 ...
【Android 内存优化】自定义组件长图组件 ( 自定义组件构造方法 )
文章目录一.自定义组件构造方法简介 1.View(Context context) 构造函数 2.View(Context context, @Nullable AttributeSet attrs ...
Android自定义控件学习（三）----- 自定义视图组件
自定义视图组件说明 Android提供了用于构建UI的基础上,基本布局类一个复杂和强大的组件化模式:View和 ViewGroup.首先,该平台包含各种预构建的View和ViewGroup子类 - ...
【Android 内存优化】自定义组件长图组件 ( 获取图像宽高 | 计算解码区域 | 设置图像解码属性复用像素格式 | 图像绘制 )
文章目录一.获取图像真实宽高二.计算解码区域三.设置解码参数内存复用像素格式四.图像绘制五.执行效果六.源码及资源下载官方文档 API : BitmapRegionDecoder 在 ...
【Android 应用开发】自定义组件宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法分析 -- 基于 WheelView 组件分析自定义组件
博客地址 : http://blog.csdn.net/shulianghan/article/details/41520569 代码下载 : -- GitHub : https://github.c ...
【Android 应用开发】自定义圆形进度条组件
转载著名出处 : http://blog.csdn.net/shulianghan/article/details/40351487 代码下载 : -- CSDN 下载地址 : http://down ...
Android Studio开发基础之自定义View组件
一般情况下,不直接使用View和ViewGroup类,而是使用使用其子类.例如要显示一张图片可以用View类的子类ImageView,开发自定义View组件可分为两个主要步骤: 一.创建一个继承自an ...

android 中间凸出按钮,自定义tabar组件，中间按钮凸出显示

android 中间凸出按钮,自定义tabar组件，中间按钮凸出显示相关推荐

最新文章

热门文章