我想知道是否可以只写一个文件夹的名称,里面的每个文件都会被自动导入？
例如,我有一个main.scss只包含导入的
@import "components/forms";
@import "components/header";
@import 'components/intro';
我想写一下
@import "components/**/*";
因此,内部的每个文件components都将如上导入.
我有一个本地JSON文件,用于将所有数据加载到app.在一个组件中,我加载了constructor()这些数据.在函数中addRow()我添加了新字段,但它只是在本地状态变量中.我想将它添加到json文件中,所以刷新后这个新行仍然会在这里.
我试着找到这个解决方法真的很容易,但我找不到它.如果您了解某个主题,请将其发送给我.
constructor() {
super();
this.state = {
employees: require('json!../../../data/employees.json')
};
this.addEmployee = this.addEmployee.bind(this);
}
addEmployee(employee) {
this.setState({
employees: this.state.employees.concat([employee])
});
}
我有一个HTML输入范围设置与外观的一堆CSS更改,我想知道是否有任何方法使它从任何地方顺利更改到用户更改的位置？
input[type=range] {
-webkit-appearance: none;
width: 100%;
height: 20px;
border-radius: 5px;
border: 1px solid;
background: none;
box-shadow: 0px 0px 8px 0px #555, 0px 0px 25px 0px #555 inset;
transition: 0.4s all ease-out;
outline: none;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 30px;
height: 30px;
background-color: #CCC;
border: solid 1px #333;
border-radius: 4px;
box-shadow: 0px 0px 8px 0px #555, 0px 0px 25px 0px #555 inset;
cursor: pointer;
transition: 0.4s all ease-out;
}
input[type=range]:hover {
background: rgba(255, 255, 255, 0.2);
box-shadow: 0px 0px …我的输入边框有问题.当我更改边框宽度属性时,它会更改整个输入的宽度.但是,我希望输入的宽度为100%.这是我的代码:
CSS
#wrapper {
width: 170px;
}
textarea {
border-color: #eee;
border-width: 1px;
}
label, textarea, input {
width: 100%;
display: block;
}
input {
border-style: solid;
border-width: 1px;
}<div id="wrapper">
<form>
<label for="comments">Comments</label>
<textarea name="comments" rows="5"></textarea>
<label for="date">Date</label>
<input type="text" name="date">
<label for="time">Time</label>
<input type="text" name="time">
<label for="longitude">Longitude</label>
<input type="text" name="logitude">
<label for="latitude">Latitude</label>
<input type="text" name="latitude">
</form>
<div>注意输入几乎延伸到文本区域,但不完全.谢谢!