我试图模仿 Material-UI 中的轮廓文本字段,但我不知道如何隐藏标题文本后面的边框。
在下图中,请注意“截止日期/时间”是如何从 Material-UI 库中获取的,标题将边框隐藏在其后面,但是当我尝试使用自定义组件模仿它时,我无法隐藏边框。
或者,有没有更好的方法来使用这个大纲设计而不是仅仅用 CSS 来实现它?
我当前的组件看起来像这样:
<div style={inputContainerStyle}>
<div style={{
...titleStyle,
transform: 'translate(-43px, -11px) scale(0.75)',
fontSize: '17px',
color: 'rgba(0, 0, 0, 0.54)',
position: 'absolute',
}}
>
Color
</div>
<div
className="flex-row"
style={{
border: '1px solid rgba(0, 0, 0, 0.23)',
padding: '18.5px 14px',
borderRadius: '4px',
}}
>
{
availableColors.map(color => <div style={colorCircleStyle(color)} />)
}
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
所以我已经决定将我的类(资源管理器类)更改为c ++中的静态类,我收到了一条我无法理解的错误消息...也许你们可以帮助我?:)
继承人头文件:
#ifndef RESOURCEMANAGER_H
#define RESOURCEMANAGER_H
#include <iostream>
#include <map>
#include <string>
#include "Image.h"
namespace sz {
typedef std::map<std::string, sz::Image> TStrImageMap;
typedef std::pair<std::string, sz::Image> TStrImagePair;
class ResourceManager {
private:
static TStrImageMap images; // Name, Image(sz::Image)
public:
static void AddImage(std::string name, std::string path);
//void AddSound();
static sz::Image &GetImage(std::string name);
//GetSound();
};
}
#endif
Run Code Online (Sandbox Code Playgroud)
这是我得到的错误:
1>------ Build started: Project: Basic SFML, Configuration: Debug Win32 ------
1>LINK : warning LNK4098: defaultlib 'LIBCMT' conflicts with use of other libs; use /NODEFAULTLIB:library
1>ResourceManager.obj : …
Run Code Online (Sandbox Code Playgroud)