9、Aurelia开发：视图资源、自定义元素与自定义属性的运用

Aurelia开发：视图资源、自定义元素与自定义属性的运用

1. 样式化my - books视图

在Aurelia中，可使用作用域CSS资源来实现组件样式的独立，避免样式相互影响。作用域CSS资源会将CSS注入到Shadow DOM中，而注入到Shadow DOM的CSS仅应用于组件的影子根元素内容。

需要更新以下视图以应用新主题：
- app.html
- book - list.html
- books.html
- index.html

下面是更新后的代码示例：

app.html

<template>
    <require from="bootstrap/css/bootstrap.css"></require>  
    <require from="styles.css"></require> 
     <div class="container">
        <div class="header clearfix">
        <h3 class="text-muted">
          <span class="brand-highlight">my</span>-books 
        </h3>
      </div>
      <router-view></router-view>