资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

如何实现iviewtabs顶部导航栏和模块切换栏

这篇文章将为大家详细讲解有关如何实现iview tabs顶部导航栏和模块切换栏,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

武平ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!

1.顶部导航栏:

html:

 
      
          
              
  0000000000
  
       上傳清單                        
                        {{ExportToExcel}}       
                 45646468465                 

css:

.ivu-tabs-nav{
 float: right;
}
.ivu-tabs .ivu-tabs-bar {
 border-width: 0;
}

运行结果:

如何实现iview tabs顶部导航栏和模块切换栏

2.模块浏览:

HTML:


    

{{duanluo}}

      
                                                                                                                                                                                                                                                                                                                                                                                                                                                          

js:

各个模块的数量显示:

 Main: {
    data() {
     return {
      lab1: h => {
        return h("div", [
         h("span", "全部人力"),
         h("Badge", {
          props: {
           count: this.length2,
          }
         })
        ]);
       },
       lab2: h => {
        return h("div", [
         h("span", "當班應到"),
         h("Badge", {
          props: {
           count: this.length3,
          }
         })
        ]);
       },
       lab3: h => {
        return h("div", [
         h("span", "DL1"),
         h("Badge", {
          props: {
           count: this.length4,
          }
         })
        ]);
       },
       length2:"",
       length3:"",
       length4:"",

运行结果:

如何实现iview tabs顶部导航栏和模块切换栏

关于“如何实现iview tabs顶部导航栏和模块切换栏”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


网站标题:如何实现iviewtabs顶部导航栏和模块切换栏
链接URL:http://cdkjz.cn/article/gipspg.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220