最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

您可以使用Express为每条路线设置不同的标题背景吗?

运维笔记admin11浏览0评论

您可以使用Express为每条路线设置不同的标题背景吗?

您可以使用Express为每条路线设置不同的标题背景吗?

目前,我有以下(在帕格):

block content
  header
    .header-content
      .header-content-inner
        h1#homeHeading= title
        hr
        p
          | This is just a proof of concept
        a.btn.btn-primary.btn-xl.page-scroll(href='#about') Find Out More

这有一个特定的背景图像(Stylus):

header
  position relative
  width 100%
  min-height auto
  -webkit-background-size cover
  -moz-background-size cover
  background-size cover
  -o-background-size cover
  background-position center
  background-image url('/images/header.jpg')
  text-align center
  color $bg-white

对于其他路线,我有前一段代码,但我想知道是否可以为每条路线设置不同的背景图像?

例如,

index would have '/images/header.jpg'
route1 would have '/images/header-1.jpg'
route2 would have '/images/header-2.jpg'
... and so on ...

谢谢

回答如下:

只需在每个路径的模板中为标题添加另一个类。例如:

block content
  header.header-1
    .header-content
      .header-content-inner

...并在样式表中设置一些新样式的背景图像:

.header-1    
  background-image url('/images/header-1.jpg')
.header-2  
  background-image url('/images/header-2.jpg')
发布评论

评论列表(0)

  1. 暂无评论