Background Color and Image

DEX601 - Unit 2 Getting Started

📄 第 97 页 🎬 视频课程

课程章节介绍

同学们,今天我们来聊聊Salesforce的Lightning Experience在1918年冬天的一个小更新——背景颜色和图像的调整。这个更新虽然听起来不大,但对我们的使用体验影响可不小哦。 首先,这个更新意味着什么呢?简单来说,就是Lightning页面的背景颜色和图像有了新的变化。这样一来,我们之前使用的一些自定义Lightning组件,或者从AppExchange下载的组件,可能就需要做一些调整了。为什么呢?因为这些组件的背景颜色和图像可能和新的背景不搭,导致内容看不清楚。 那么,我们该怎么办呢?其实很简单,只需要调整一下这些组件的CSS样式就可以了。CSS,就是控制网页样式的代码。通过调整CSS,我们可以给组件设置一个坚实的背景颜色,这样在新背景上,内容就能保持清晰可见了。 举个例子,假设我们有一个自定义的Lightning组件,我们可以通过修改它的CSS,给它加上一个白色的背景。这样,无论背景怎么变,我们的内容都能一目了然。 另外,还有一个更简单的方法,就是使用Salesforce提供的组件来包裹我们的自定义组件。是一个基础的Aura组件,它自带了一些样式和布局,可以帮助我们更轻松地管理组件的显示效果。 而且,使用这些基础的Aura组件还有一个好处,就是它们会自动继承Salesforce Design System(SDS)的任何未来更新。比如,在Winter '18版本中,的背景颜色就从灰色变成了白色。如果我们使用了这些基础组件,就不需要手动去调整了,系统会自动帮我们更新。 好了,今天的分享就到这里。记住,随着Salesforce的不断更新,我们的组件也需要与时俱进。通过调整CSS或者使用基础组件,我们可以确保我们的内容始终清晰可见。希望这些小技巧对你们有帮助,我们下次再见!