uniapp - 实现分段器选项卡组件,可高度自定义带过渡动画(修改激活、未激活颜色、背景颜色、是否加粗、高度等等配置)开箱即用组件插件源码,uniapp 兼容H5、小程序、APP 全端兼容

效果图

网上的其他教程代码都太乱了,根本无法复制过来进行修改给自己的项目用。

本文实现了 分段器式的选项卡(可替代 tabs),丰富的组件配置及文档,快速 DIY 自己所需的样式,

你可以直接复制本文提供的组件源码,然后按照示例进行使用即可。


如下图所示,真机测试全端兼容且无 BUG,组件代码干净整洁注释详细。

仅提供了核心功能,更多的 "样式" 工作需要你自己来。

uniapp - 实现分段器选项卡组件,可高度自定义带过渡动画(修改激活、未激活颜色、背景颜色、是否加粗、高度等等配置)开箱即用组件插件源码,uniapp 兼容H5、小程序、APP 全端兼容_第1张图片

组件源码

推荐使用一键复制功能,避免漏选。

组件名称及位置无所谓,后面使用确保正确引入即可。

subsection.vue

<template>
  <view 

你可能感兴趣的:(前端常见功能与组件,uni-app,小程序,javascript,vue.js,微信小程序)