React:更新 UI 元素
React: Updating the UI elements
所以我试图在 React 中模仿 UI。除了以下几点,我已经能够实现其中的大部分内容:
编辑组件中的蓝色背景应该覆盖整个顶部。目前它不覆盖边界。我假设由于填充会出现此问题,但不确定如何解决它。
删除按钮应与参考图像中的中心对齐。目前略有下降。
我想在添加按钮的左侧显示一个“+”符号。它在 /resources/plus.svg 下可用,但由于某种原因浏览器未呈现它。
我已经根据您的要求添加和更新了样式,您可以在这里进一步发挥并根据需要进行调整,请查看。
请检查以下参考资料
https://stackblitz.com/edit/react-yxjldk?file=src%2FStackStyled.js
所以我试图在 React 中模仿 UI。除了以下几点,我已经能够实现其中的大部分内容:
编辑组件中的蓝色背景应该覆盖整个顶部。目前它不覆盖边界。我假设由于填充会出现此问题,但不确定如何解决它。
删除按钮应与参考图像中的中心对齐。目前略有下降。
我想在添加按钮的左侧显示一个“+”符号。它在 /resources/plus.svg 下可用,但由于某种原因浏览器未呈现它。
我已经根据您的要求添加和更新了样式,您可以在这里进一步发挥并根据需要进行调整,请查看。
请检查以下参考资料
https://stackblitz.com/edit/react-yxjldk?file=src%2FStackStyled.js