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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ,及时了解更多此系列文章。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            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-09 22:47:46
                            
                                225阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、导航切换 封装一个公用组件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            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-26 12:31:32
                            
                                262阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            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            
                
         
            
            
            
              
        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'            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-05 22:30:42
                            
                                181阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            切记:fragment一定要放在framlayout中,不然不会被替换完全(就是切换之后原来的fagment可能还会存在) main.xml <LinearLayout xmlns:android="://schemas.android./apk/res/android" xmlns:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-08-09 14:42:00
                            
                                226阅读
                            
                                                                                    
                                2评论