写作网站好吗,网站怎么做微博认证,室内设计就业前景如何,哪家网站开发好新项目开发使用了naive ui组件库#xff0c;使用组件时涉及到css样式修改#xff0c;可以直接在组件父容器上使用组件内自带的css变量#xff0c;组件会自动继承父容器的css变量值#xff0c;不会影响其他页面使用#xff1b;
示例#xff1a;一个注册表单#xff0c;两…新项目开发使用了naive ui组件库使用组件时涉及到css样式修改可以直接在组件父容器上使用组件内自带的css变量组件会自动继承父容器的css变量值不会影响其他页面使用
示例一个注册表单两个input间隔高度太大调整高度组件使用grid布局代码截图 浏览器审查元素查看结构找到对应的css和变量如图 找到需要修改的css变量之后直接在父容器里修改该变量的值即可代码如下
.register-form {width: 280px;::v-deep(.n-form-item .n-form-item-label .n-form-item-label__asterisk) {--n-asterisk-color: red;}::v-deep(.n-form-item .n-form-item-feedback-wrapper) {--n-feedback-height: 10px;}
}
修改完成示意图 其他组件同理。。。
