2018-04-11

（第三天）总结：

• less来统一管理“joinHotel”页面的整体颜色：

步骤：

1. 所有涉及到需要统一的颜色，单独用class类名，并绑定到计算属性中
2. 定义一个计算属性，用于获取当前路由的名字，并返回给元素
3. 使用less的方式，定义一个变量用于存储该页面整体颜色。@变量名: 颜色
4. 找到一定个需要使用该颜色的元素类名。
5. 先在less中定义一个函数，该函数接受一个颜色参数，并在函数内按照需求使用颜色，如：

.hotelCardTag (@color) {  // less的函数以点来头
    background-color: @color  // 按需使用该函数
}

6. 使用元素未绑定的类型+计算属性返回的——当前route name。如：（.tag.JoinHotel）作为名声，类似于css的格式,调用之前定义的函数、并传递定义好的颜色，如：

.tag.JoinHotel {        // 类名+route name(也是类名，由计算属性返回)
    hotelCardTag（@htjh）   //由于@htjh类似于全局变量所以——该函数调用表达式能够访问到
}

最后：如果将less文件抽离，定义在static里面，那么在页面或组件的