1.顶部导航栏：

html:

' div class='选项卡-窗格'选项卡选项卡-窗格标签='上崗時間明細name=' detail-report ' class=' tab 1 ' div class=' tab-pane-1 ' 00000000/div上传多个：操作='上传URL ' :显示-上传-列表=' false ' : on-success='上传成功' accept=' .xlsx ' I-button class=' upload ' type=' primary ' icon class=' icon 3 '/icon上傳清單/I-button/上传I-input class=' search ' v-model=' input _ data 3 ' id=' yk ' placeholder='請輸入要查找的關鍵詞icon=' IOs-search-strong ' @ on-enter=' search ' @ on-click=' search ' @ on-change=' inputChanged '/I-input I-table id=' table 1 '边框：列='列1 ' :数据='数据1 '/I-table div style=' float 3360 right；margin : 7pxfont-size : 14px ' page show-lifter : total=' data count ' : current=' current _ num ' placement=' top ' @ on-change=' numChange ' show-sizer page size=' page size ' @ on-page-size-change=' page size change '/page/div class=' down ' span class=' Dao Chu ' @ click=' export 1 ' style=' cursor 3360 pointer ' span class='上崗時間總計name=' total-report ' class=' tab 2 ' div class=' tab-pane-2 ' 45646468465/div/tab-pane/tab SCS :ivu-tab-nav { float : right；}.爱友标签ivu-tab-bar {边框-宽度： 0;}运行结果：

2.模块浏览：

HTML:

模态v-model='modal1 '可拖动可滚动：掩码-关闭=' false '标题='人力明細@ on-ok=' ok ' @

各个模块的数量显示：

main : { data(){ return { lab 1:h={ return h(' div '，[ h('span '，'全部人力)，h('Badge '，{道具s : {数：这个。长度1，} })])；}，lab2: h={ return h('div '，[ h('span '，'當班應到)，h('Badge '，{道具s : {数：这个。长度2，} })])；}，lab3: h={ return h('div '，[ h('span '，' DL1 ')，h('Badge '，{ prop s : { count : this。长度3，} })})；},长度1: ' ',长度2: ' ',长度3: ' ',运行结果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。