Input 添加自定义样式

Question

vue文件

type.ts

浏览器报错

提示我少定义了，请问是哪里少了呢？

Answer 1

张轩 2024-04-28 10:08:24

同学你好

这里设置 css层级的时候出现了一个问题，并且缺失了几个 css 变量，可以这样修改一下：

# vars.css root 下面添加这几个变量
--ct-component-size: 32px;
--ct-component-size-large: 40px;
--ct-component-size-small: 24px;

# 然后在 input/styles.css 修改，多加一个层级
&.is-round {
    > .ct-input__wrapper {
        border-radius: calc(var(--ct-input-height) / 2) ;
    }
}

• 提问者 燃尽八月 #1

  非常感谢！

Answer 2

张轩 2024-04-27 09:43:40

同学你好

我用你的代码库，引入 Input 组件，并没有发现图中的错误，请问是已经修改好了吗？请看图：

• 提问者 燃尽八月 #1

  那老师先不管这个报错，我想要用的时候    <Input v-model="test" placeholder=" round />添加round，这个输入框就可以变成圆角的，我定义了'is-round': round,也写了样式，但是在用的时候写了round 却没绑定到input上，我好像漏掉了什么。

Answer 3

张轩 2024-04-26 09:12:52

同学你好 我记得慕课网的 git 是要一开始创建的时候就选择，要不就没法修改了，你可以用个别的平台，比如 gitee，或者发邮件也行，将 node_modules 删除掉， 到 [e-mail]

Answer 4

张轩 2024-04-23 09:21:55

同学你好

请提供一下代码库（git），我在本地帮你调试一下看看

• 提问者 燃尽八月 #1

  https://git.imooc.com/augustana/ctdna-element.git
  这个可以吗？

• 张轩 回复 提问者 燃尽八月 #2

  同学你好 你这个仓库设置为私有了，我没发 clone，将它公开一下吧

• 提问者 燃尽八月 回复 张轩 #3

  回复 张轩老师没找到修改设置