<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                components包下文件描述 === > ### 1._util > 存放自定義函數 詳細見代碼注釋 > ### 2.AvatarList > 顯示頭像群并支持tip,用法參考src\views\Home.vue(如下圖) > ![](https://img.kancloud.cn/77/5b/775bc65658abae1638afc30d4d4c7623_419x124.png) > ### 3.chart > 存放各種圖表相關的組件,條形圖柱形圖折線圖等等 具體用法參考首頁 > ### 4.countDown > 一個倒計時組件,用法參考home頁,簡單描述,該組件有3個屬性, > target(時間/毫秒數)必填, > format(function,該方法接收一個毫秒數的參數,用于格式化顯示當前倒計時時間)非必填, > onEnd倒計時結束觸發函數 > ![](https://img.kancloud.cn/03/69/0369dc57f8ce3e02d1a60c389a2ace58_578x165.png) > ### 5.dict > 數據字典專用,用法參考文件夾下readme文件 > ### 6.Ellipsis > 字符串截取組件,可以指定字符串的顯示長度,并將全部內容顯示到tip中,簡單使用參考src\views\system\PermissionList.vue > ### 7.jeecg > 該包下自定義了很多列表/表單中用到的組件 參考包下readme文件 > ### 8.jeecgbiz > 該包下定義了一些業務相關的組件,比如選擇用戶彈框,根據部門選擇用戶等等 > ### 9.layouts+page > 系統頁面布局相關組件,比如登陸進去之后頁面頂部顯示什么,底部顯示什么,菜單點擊觸發多個tab的布局等等 一般情況不需要修改 > ### 10.menu > 菜單組件,倆個,一個折疊菜單一個正常顯示的菜單 > ### 11.NumberInfo > 數字信息顯示組件 如下圖 > ![](https://img.kancloud.cn/ce/3d/ce3d2deb6cdb439ac393b72c526297d1_1577x180.png) > ### 12.online > 該包下封裝了online表單的相關組件,用于展示表單各種控件,驗證表單等等,相關用法參考readme > ### 13.setting > 該包下封裝了首頁風格切換等功能如下圖 > ![](https://img.kancloud.cn/e4/7e/e47e75cff483b4a0c59e878843e5aa17_421x837.png) > ### 14.table > 一個二次封裝的table組件,用于展示列表,參考readme > ### 15.tools > #### Breadcrumb.vue:面包屑二次封裝,支持路由跳轉 > #### DetailList.vue:詳情展示用法參考src\views\profile\advanced\Advanced.vue(效果如下圖) > ![](https://img.kancloud.cn/84/3d/843d0e7b03c6c62c86ca55f156003ada_1546x205.png) > ```` > 個人認為該頁面代碼有兩點值得學習: > 1.vue provide/inject的使用 > 2.該頁面css定義方式,只定義一個頂層class,其余樣式都定義在其下,這樣只要頂層class不和別的頁面沖突,整個頁面的樣式都是唯一生效的 > ```` > #### FooterToolBar.vue:fixed定位的底部,通過是否定義內部控件的屬性slot="extra"決定是左浮動或是右浮動 > #### HeaderNotice.vue:首頁通知(如下圖) > ![](https://img.kancloud.cn/ae/ae/aeaebf6b47fc5cc5816df8f93a3c5216_534x423.png) > #### HeaderInfo.vue:上下文字布局(如下圖) > ![](https://img.kancloud.cn/85/a4/85a485581285012b0585050bdd8f5b52_516x154.png) > #### Logo.vue:首頁左上側的log圖 > ![](https://img.kancloud.cn/54/b7/54b73c9886ae2198af4ca3c78d1088ef_239x66.png) > #### UserMenu.vue:首頁右上側的內容 > ![](https://img.kancloud.cn/87/eb/87eb71746b5e4657710066ccd280d15f_467x72.png) > ### 16.trend > 趨勢顯示組件參考首頁(如下圖) > ![](https://img.kancloud.cn/44/7b/447b6fcd40af6107424b95772bacda57_381x57.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看