jade---模板项目

最新推荐文章于 2021-02-20 01:00:24 发布
to u be
最新推荐文章于 2021-02-20 01:00:24 发布
阅读量834
点赞数
分类专栏： jade 文章标签： jade js node pug
本文链接：https://blog.csdn.net/yu88288356/article/details/70846777
版权
jade 专栏收录该内容
0 篇文章 0 订阅
订阅专栏
extends ../project-layout
block append vars
  -
    title = '项目概览';
    var menuName = 'dashboard';
    bodyAttrs = {
      'ng-app': 'orm',
      'ng-controller': 'DashboardCtrl'
    };
block box-content
  .content
    .row
      .col-md-12
        .hpanel
          .tab-content
            #tab-1.tab-pane.active
              .row
                .col-md-6
                  .hpanel.m-b-10
                    .panel-heading.hbuilt
                      .form-group.clearfix.m-b-none
                        span.pull-left.media-gailan.m-r-sm 媒体概览
                        time.riqi.l-h-35 8.16~8.20
                        a.pe-7s-angle-right-circle.f-s-20.v-a-m(href='')
                        .pull-right.zzl-dropdown
                          a.f-s-25(data-toggle='dropdown', href='javascript:;')
                            i.pe-7s-cloud-download
                          ul.dropdown-menu(aria-labelledby='dLabel')
                            li
                              a(href='javascript:;') 下载Excel
                            li
                              a(href='javascript:;') 下载png
                    .panel-body
                      .flot-chart
                        #flot-sin-chart.flot-chart-content
                          table.gailan-table
                            tr
                              th 媒体类型
                              th 今日总数
                              th 昨日环比
                              th 7日平均
                            tr
                              td 行业网站
                              td 32
                              td.icon-arrow
                                | 4
                                em.fa.fa-long-arrow-up.m-l-xs
                              td 40
                            tr
                              td 新闻
                              td 126
                              td.icon-arrow
                                | 3
                                em.fa.fa-long-arrow-down.m-l-xs
                              td 124
                            tr
                              td 社区
                              td 126
                              td.icon-arrow
                                | 3
                                em.fa.fa-long-arrow-down.m-l-xs
                              td 124
                            tr
                              td 知道
                              td 126
                              td.icon-arrow
                                | 3
                                em.fa.fa-long-arrow-down.m-l-xs
                              td 124
                            tr
                              td 微博
                              td 126
                              td.icon-arrow
                                | 3
                                em.fa.fa-long-arrow-down.m-l-xs
                              td 124
                            tr
                              td 微信
                              td 126
                              td.icon-arrow
                                | 3
                                em.fa.fa-long-arrow-down.m-l-xs
                              td 124
                            tr
                              td 总计
                              td 126
                              td.icon-arrow
                                | 3
                                em.fa.fa-long-arrow-down.m-l-xs
                              td 1244
                .col-md-6
                  .hpanel.m-b-10
                    .panel-heading.hbuilt
                      .form-group.clearfix.m-b-none
                        span.pull-left.media-gailan.m-r-sm 搜索概览
                        time.riqi.l-h-35 8.16
                        a.pe-7s-angle-right-circle.f-s-20.v-a-m(href='')
                        .pull-right.zzl-dropdown
                          a.f-s-25(data-toggle='dropdown', href='javascript:;')
                            i.pe-7s-cloud-download
                          ul.dropdown-menu(aria-labelledby='dLabel')
                            li
                              a(href='javascript:;') 下载Excel
                            li
                              a(href='javascript:;') 下载png
                    .panel-body
                      .flot-chart
                        #flot-sin-chart1.flot-chart-content
                          table.gailan-table-two
                            tr
                              th 搜索最新
                              th 434
                            tr
                              td 环比
                              td
                                | 32
                                em.fa.fa-long-arrow-down.m-l-xs
                            tr
                              td 七日平均
                              td
                                | 430
                            tr
                              td 搜索最新页面
                              td
                                | 57
                            tr
                              td 负面环比
                              td
                                | 2
                                em.fa.fa-long-arrow-down.m-l-xs
                            tr
                              td 7日负面环比
                              td 55
              .row
                .col-md-6
                  .hpanel.m-b-10
                    .panel-heading.hbuilt
                      .form-group.clearfix.m-b-none
                        span.pull-left.media-gailan.m-r-sm 最新文章
                    .panel-body
                      .flot-chart
                        #flot-sin-chart.flot-chart-content
                          ul.gailan-ul
                            li.clearfix
                              a.col-md-6(href='javascript:;')
                                | 说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用
                              span.label.label-warning.pull-left.mingan-m.m-t-5 敏感
                              span.time-t.col-md-2 12:35
                              span.car-c.col-md-2(style='\
                              text-align: center;\
                              ') 搜狐汽车
                              span.state-s.col-md-1 中立
                            li.clearfix
                              a.col-md-6(href='javascript:;')
                                | 说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用
                              span.label.label-warning.pull-left.mingan-m.m-t-5 敏感
                              span.time-t.col-md-2 12:35
                              span.car-c.col-md-2(style='\
                              text-align: center;\
                              ') 搜狐汽车
                              span.state-s.col-md-1 中立
                            li.clearfix
                              a.col-md-6(href='javascript:;')
                                | 说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用
                              span.label.label-warning.pull-left.mingan-m.m-t-5 敏感
                              span.time-t.col-md-2 12:35
                              span.car-c.col-md-2(style='\
                              text-align: center;\
                              ') 搜狐汽车
                              span.state-s.col-md-1 中立
                            li.clearfix
                              a.col-md-6(href='javascript:;')
                                | 说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用
                              span.label.label-warning.pull-left.mingan-m.m-t-5 敏感
                              span.time-t.col-md-2 12:35
                              span.car-c.col-md-2(style='\
                              text-align: center;\
                              ') 搜狐汽车
                              span.state-s.col-md-1 中立
                            li.clearfix
                              a.col-md-6(href='javascript:;')
                                | 说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用
                              span.label.label-warning.pull-left.mingan-m.m-t-5 敏感
                              span.time-t.col-md-2 12:35
                              span.car-c.col-md-2(style='\
                              text-align: center;\
                              ') 搜狐汽车
                              span.state-s.col-md-1 中立
                            li.clearfix
                              a.col-md-6(href='javascript:;')
                                | 说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用
                              span.label.label-warning.pull-left.mingan-m.m-t-5 敏感
                              span.time-t.col-md-2 12:35
                              span.car-c.col-md-2(style='\
                              text-align: center;\
                              ') 搜狐汽车
                              span.state-s.col-md-1 中立
                            li.clearfix
                              a.col-md-6(href='javascript:;')
                                | 说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用
                              span.label.label-warning.pull-left.mingan-m.m-t-5 敏感
                              span.time-t.col-md-2 12:35
                              span.car-c.col-md-2(style='\
                              text-align: center;\
                              ') 搜狐汽车
                              span.state-s.col-md-1 中立
                            li.clearfix
                              a.col-md-6(href='javascript:;')
                                | 说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用
                              span.label.label-warning.pull-left.mingan-m.m-t-5 敏感
                              span.time-t.col-md-2 12:35
                              span.car-c.col-md-2(style='\
                              text-align: center;\
                              ') 搜狐汽车
                              span.state-s.col-md-1 中立
                            li.clearfix
                              a.col-md-6(href='javascript:;')
                                | 说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用
                              span.label.label-warning.pull-left.mingan-m.m-t-5 敏感
                              span.time-t.col-md-2 12:35
                              span.car-c.col-md-2(style='\
                              text-align: center;\
                              ') 搜狐汽车
                              span.state-s.col-md-1 中立
                            li.clearfix
                              a.col-md-6(href='javascript:;')
                                | 说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用说实话,苹果手机，真难用，难用，难用难用难用难用难用难用难用难用难用
                              span.label.label-warning.pull-left.mingan-m.m-t-5 敏感
                              span.time-t.col-md-2 12:35
                              span.car-c.col-md-2(style='\
                              text-align: center;\
                              ') 搜狐汽车
                              span.state-s.col-md-1 中立
                .col-md-6
                  .hpanel.m-b-10
                    .panel-heading.hbuilt
                      .form-group.clearfix.m-b-none
                        span.pull-left.media-gailan.m-r-sm 搜索曝光关键词
                        time.riqi.l-h-35 8.16
                        .pull-right.zzl-dropdown
                          a.f-s-25(data-toggle='dropdown', href='javascript:;')
                            i.pe-7s-cloud-download
                          ul.dropdown-menu(aria-labelledby='dLabel')
                            li
                              a(href='javascript:;') 下载Excel
                            li
                              a(href='javascript:;') 下载png
                    .panel-body
                      .flot-chart
                        #flot-sin-chart1.flot-chart-content
              .row
                .col-md-6
                  .hpanel
                    .panel-heading.hbuilt
                      .form-group.clearfix.m-b-none
                        span.pull-left.media-gailan.m-r-sm 热点文章
                        time.riqi.l-h-35 8.16~8.20
                        a.pe-7s-angle-right-circle.f-s-20.v-a-m(href='')
                        .pull-right.zzl-dropdown
                          a.f-s-25(data-toggle='dropdown', href='javascript:;')
                            i.pe-7s-cloud-download
                          ul.dropdown-menu(aria-labelledby='dLabel')
                            li
                              a(href='javascript:;') 下载Excel
                            li
                              a(href='javascript:;') 下载png
                    .panel-body
                      .flot-chart
                        #flot-sin-chart.flot-chart-content
                .col-md-6
                  .hpanel
                    .panel-heading.hbuilt
                      .form-group.clearfix.m-b-none
                        span.pull-left.media-gailan.m-r-sm 搜索曝光关键词
                        time.riqi.l-h-35 8.16
                        .pull-right.zzl-dropdown
                          a.f-s-25(data-toggle='dropdown', href='javascript:;')
                            i.pe-7s-cloud-download
                          ul.dropdown-menu(aria-labelledby='dLabel')
                            li
                              a(href='javascript:;') 下载Excel
                            li
                              a(href='javascript:;') 下载png
                    .panel-body
                      .flot-chart
                        #flot-sin-chart1.flot-chart-content
block append templates

block append scripts
  script(src='/js/project/dashboard.js')