mui 底部导航栏 <nav class="mui-bar mui-bar-tab " id="nav"> <a class="mui-tab-item mui-active" id="a1"> <span class="mui-icon mui-icon-home"></span> <span c
转载 2019-11-08 11:36:00
455阅读
2评论
使用Hbuilder的mui框架开发移动端非常便利、高效;底部导航栏切换功能也是
转载 2021-08-10 14:30:50
446阅读
使用MUI底部导航栏想要修改导航顶部分割线。添加子页面的时候要为底部导航预留位置。如上bottom的值为50px,因此底
原创 2022-11-07 17:11:41
169阅读
mui 底部导航栏的实现
转载 2019-10-16 15:26:00
310阅读
2评论
,及时了解更多此系列文章。1问题描述mui是一款最接近原生的框架,对于会使用的人...
原创 2021-06-30 14:26:30
994阅读
1 问题描述 mui是一款最接近原生的框架,对于会使用的人来说十分的便捷易操作,但对于像笔者这样刚入门的小白可是十分的陌生和走了太多的弯路。 对于那些不懂的前端的人,或者是一些刚入门html的人,他们可能会认为有了框架不就很快能完成一个框架了吗?其实不是这样的,一个框架他也有自己的一些东西需要去摸索和深层次的理解。也就在这几天遇到一个关于如何流畅的跳转页面的问题,看似简单易解决,可是要较
转载 2021-08-10 13:57:23
1182阅读
写一个底部导航栏独立组件,便于以后项目中的使用 源码地址:https://github.com/michaelxuzhi/tabbar 分为创建和封装两步 需求:独立、图标可改、名称可改、flex布局 ①分析:首先是TabBarTabBar是导航栏的主框架,包裹整个导航栏 创建tabbar -> Tabbar.vue // 这里啥都没有 再在App.vue中引用MainTabB
一、导航切换 封装一个公用组件Tabbar,在需要导航页的页面引入组件即可。代码如下: <template> <div class="tabbar"> <!-- 占位容器 --> <div class="placegolder-container"></div> <!-- 底部导航栏 --> <di
转载 2020-11-22 14:53:00
1570阅读
2评论
UITabBarController的使用----底部导航
原创 2014-09-12 08:45:58
1182阅读
 1)效果: 点击“点击就送”那个按钮之后,弹窗从底部弹出并自带蒙层,然后点击弹窗之外的灰色部分就从底部消失:第一步:引入 mui.css或者mui.min.css 引入 mui.min.js或者mui.js 第二步:<a href="#弹窗ID"> </a> <div id="弹窗ID" c
Vue开发精要之底部导航栏在我们日常开发中,尤其是移动端开发(H5、微信公众号、企业微信等)中,我们往往需要自己设计底部导航栏。或许,导航栏这种常见功能,大家都是司空见惯的,但是其中设计的知识点却是不少,本片文档将要介绍地步导航栏涉及的知识点与常用方法,共同学习,共同进步。一、导航切换HTML<!-- 占位容器 --><div class="placegolde...
原创 2021-08-27 12:41:07
960阅读
## Vue iOS底部导航栏不固定 在移动应用开发中,底部导航栏(Bottom Navigation Bar)是一个常见的UI组件。在iOS应用中,底部导航栏通常是固定在底部的,而在Android应用中,底部导航栏通常是可以滑动的。本文将介绍如何在Vue中实现一个iOS风格的底部导航栏,并使其不固定。 ### 1. 实现思路 要实现一个iOS风格的底部导航栏,我们可以使用Vue的路由功能结
原创 2023-11-24 10:37:50
89阅读
Vue开发精要之底部导航栏在我们日常开发中,尤其是移动端开发(H5、微信公众号、企业微信等)中,我们往往需要自己设计底部导航栏。或许,导航栏这种常见功能,大家都是司空见惯的,但是其中设计的知识点却是不少,本片文档将要介绍地步导航栏涉及的知识点与常用方法,共同学习,共同进步。一、导航切换HTML<!-- 占位容器 --><div class="placegolder-container"></div><!-- 底部导航栏 --><di
原创 2021-08-27 12:37:48
860阅读
Vue开发精要之底部导航栏在我们日常开发中,尤其是移动端开发(H5、微信公众号、企业微信等)中,我们往往需要自己设计底部导航栏。或许,导航栏这种常见功能,大家都是司空见惯的,但是其中设计的知识点却是不少,本片文档将要介绍地步导航栏涉及的知识点与常用方法,共同学习,共同进步。一、导航切换HTML<!-- 占位容器 --><div class="placegolder-container"></div><!-- 底部导航栏 --><di
原创 2022-01-11 13:59:36
1632阅读
Vue开发精要之底部导航栏在我们日常开发中,尤其是移动端开发(H5、微信公众号、企业微信等)中,我们往往需要自己设计底部导航栏。或许,导航栏这种常见功能,大家都是司空
原创 2022-01-15 15:30:01
1261阅读
# MUI底部弹窗与 jQuery 的结合使用 随着现代网页应用的逐步发展,用户交互体验变得愈加重要。底部弹窗(Bottom Sheet)作为一种常见的交互方式,能够为用户提供简单而直观的操作窗口。在这里,我们将探讨如何结合 MUI(Material-UI)和 jQuery 来实现一个底部弹窗。 ## MUI 概述 MUI(Material-UI)是一个基于 Material Desig
原创 8月前
91阅读
       1.废话背景介绍 在Build 2016开发者大会上,微软宣布,Xamarin将被整合进所有版本的Visual Studio之中。   这也就是说,Xamarin将免费提供给所有购买了Visual Studio的开发者使用。这样一来,开发者就能利用 .NET和C#工具,开发Android和
转载 2024-03-01 20:48:41
164阅读
使用:添加依赖 1.项目gradle添加一下配置:allprojects { repositories { ... maven { url 'https://jitpack.io' } } }2.module中的gradle添加依赖:dependencies { implementation 'com.github.truemi:bottomBar:v1.1'
切记:fragment一定要放在framlayout中,不然不会被替换完全(就是切换之后原来的fagment可能还会存在) main.xml <LinearLayout xmlns:android="://schemas.android./apk/res/android" xmlns:
转载 2016-08-09 14:42:00
226阅读
2评论
组件中引入css样式文件
原创 2022-01-19 15:04:37
119阅读
  • 1
  • 2
  • 3
  • 4
  • 5