Comp_Nav_Normal

组件说明:
底部导航栏。

1.参数配置

配置值 类型 说明 配置
data object 主数据 /
type string 导航类型 normal
  1. {
  2. //主数据
  3. list: [
  4. {
  5. //默认ICON路径
  6. normal_img_url: '',
  7. //激活后ICON路径
  8. active_img_url: '',
  9. //文本内容
  10. text: '导航项1',
  11. //是否是激活状态
  12. active: true
  13. },
  14. {
  15. normal_img_url: '',
  16. active_img_url: '',
  17. text: '导航项2'
  18. },
  19. ...
  20. ],
  21. //点击事件
  22. onClick:(item,index)=>{}
  23. }

2.样式配置

//ICON尺寸
$icon-size:45px;
//文字大小
$label-size:0.6rem;
//导航栏背景色
$bg-color: #d3f7f7;
//导航栏上部圆角弧度
$bg-radius:30px;
//导航栏上部是否需要阴影
$need-shadow:true;
//导航栏上部阴影颜色
$shadow-color:#60028f;