如何使用线性渐变中倒在数组上的颜色十六进制代码?
How to use the color hex code that is poured on the array in the linear-gradient?
我将颜色十六进制代码放在数组中,我想在其中使用数组的名称,而不是使用线性渐变中的颜色十六进制代码。(我使用 ReactJs 库)
colors.js
export const primaryGradient = ["#B16E2A", "#E9AD57"]//Gold
buttonH1.jsx
import React from "react";
import { primaryGradient } from "../assets/colors";
const ButtonH1 = () => {
return (
<button
type='submit'
style={buttonStyle}
>
Submit
</button>
);
};
export default ButtonH1;
const buttonStyle = {
width: 40;
height: 25,
backgroundImage: "linear-gradient(?)",
};
你可以在 es6 中使用 template strings。
所以: backgroundImage: `linear-gradient(${primaryGradient[0]}, ${primaryGradient[1]})`,
我将颜色十六进制代码放在数组中,我想在其中使用数组的名称,而不是使用线性渐变中的颜色十六进制代码。(我使用 ReactJs 库)
colors.js
export const primaryGradient = ["#B16E2A", "#E9AD57"]//Gold
buttonH1.jsx
import React from "react";
import { primaryGradient } from "../assets/colors";
const ButtonH1 = () => {
return (
<button
type='submit'
style={buttonStyle}
>
Submit
</button>
);
};
export default ButtonH1;
const buttonStyle = {
width: 40;
height: 25,
backgroundImage: "linear-gradient(?)",
};
你可以在 es6 中使用 template strings。
所以: backgroundImage: `linear-gradient(${primaryGradient[0]}, ${primaryGradient[1]})`,