Input 添加自定义样式

来源:12-3 Input 测试用例编写以及引出 TDD 的开发方式

燃尽八月

2024-04-22

vue文件
vue

type.ts
type

浏览器报错
图片描述

提示我少定义了,请问是哪里少了呢?

写回答

4回答

张轩

2024-04-28

同学你好

这里设置 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
1
燃尽八月
非常感谢!
2024-07-14
共1条回复

张轩

2024-04-27

同学你好

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

https://img1.sycdn.imooc.com/szimg/662c5845098dbc2624541236.jpg

0
1
燃尽八月
那老师先不管这个报错,我想要用的时候 2024-04-27
共1条回复

张轩

2024-04-26

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

0
0

张轩

2024-04-23

同学你好

请提供一下代码库(git),我在本地帮你调试一下看看

0
3
燃尽八月
回复
张轩
回复 张轩老师没找到修改设置
2024-04-25
共3条回复

进阶必学,打造媲美ElementPlus的组件库

Vue3.3 + TS4 ,自主打造媲美 ElementPlus 的组件库

481 学习 · 219 问题

查看课程