Clarity.Design: 自定义登录组件
Clarity.Design: Customize Login Component
是否有说明如何自定义 "Login" 组件的教程?
例如使用自定义背景或以不同方式对齐表单?
谢谢
您的问题的答案分为两部分。
主题(也就是自定义您的登录 svg 图像)
您可以自定义登录后台的SCSS变量:$clr-login-background
。看看我是如何在文档中添加深色主题 svg here. This means that you will have to build the Clarity styles as part of your apps build process even though you are only customizing one of the themeable variables for Clarity SCSS. There is more information on custom themes here 的。有关构建自定义主题的信息位于页面底部附近。
登录表单
对于您在应用中使用的表单的细节,您可以添加对您的规范有意义的部分。有以下样式:.title
、.subtitle
、.username
、.password
、.error
等...
如果您查看 Login Page docs 中的示例,您可以了解表单如何使用这些元素并根据您的用例修改它们。
是否有说明如何自定义 "Login" 组件的教程? 例如使用自定义背景或以不同方式对齐表单?
谢谢
您的问题的答案分为两部分。
主题(也就是自定义您的登录 svg 图像)
您可以自定义登录后台的SCSS变量:$clr-login-background
。看看我是如何在文档中添加深色主题 svg here. This means that you will have to build the Clarity styles as part of your apps build process even though you are only customizing one of the themeable variables for Clarity SCSS. There is more information on custom themes here 的。有关构建自定义主题的信息位于页面底部附近。
登录表单
对于您在应用中使用的表单的细节,您可以添加对您的规范有意义的部分。有以下样式:.title
、.subtitle
、.username
、.password
、.error
等...
如果您查看 Login Page docs 中的示例,您可以了解表单如何使用这些元素并根据您的用例修改它们。