关于mint ui的tabbar的上划线问题
来源:互联网 发布:linux tomcat配置文件 编辑:程序博客网 时间:2024/06/05 17:10
其实对mint ui的tabbar,他自己有一条上划线,但是当你选中的时候这一部分的上划线会消失,这样的呈现效果显然有些差强人意。
此时你可以给tabbar加一个上划线,.mint-tab-item{border-top:0.02rem solid #DDDDDD},如果只加这一个样式控制,这个问题还是没有解决,此时我们需要再给选中的时候再加一个上划线,.mint-tabbar>.mint-tab-item.is-selected{border-top:0.02rem solid #DDDDDD},这时候上划线就没有这个问题了。
阅读全文
0 0
- 关于mint ui的tabbar的上划线问题
- vue 监听路由变化 mint-ui中tabbar遇到的坑
- mint-ui loadmore 上拉加载的坑
- 关于tabbar上自定义按钮的设置
- 鼠标的划线问题
- vue中配置mint-ui报css错误的问题
- mint-ui在手机页面的样式不正常问题
- mint-ui —— tabbar示例
- vue mint-ui tabbar变组件使用
- Swift 关于tabbar image渲染的问题
- mint-ui 与 element-ui的区别
- tabBar隐藏的问题
- 一个完整最少代码的上拉加载(mint-ui的loadmore 和 vue)
- mint-ui —— picker的使用
- mint-ui —— switch的使用
- mint-ui —— radio的使用
- mint-ui —— checklist的使用
- mint-ui —— navbar的使用
- IDEA环境gradle项目目录结构介绍
- 第八周—项目1—建立顺序串的算法库
- 第977期机器学习日报(2017-05-22)
- Spring Boot建站教程-day01
- 第976期机器学习日报(2017-05-21)
- 关于mint ui的tabbar的上划线问题
- java web调用mapreduce算法-Day5-8
- JQ处理文件上传的相关资料
- spring源码分析之spring-web http详解
- 第966期机器学习日报(2017-05-11)
- D3D11 点光源
- 第七周项目五
- angularJS 指令封装回到顶部
- 用一行linq穷举一个n位数用来测试linq性能