全球实时:#yyds干货盘点# react笔记之学习之添加弹框提示

2022-12-23 15:29:26 来源:51CTO博客


【资料图】

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群

js部分 model.js

import "./ComfirmModal.css";import Card from "../Card/Card";const ConfirmModal = props => {    return         

该操作不可恢复!确认吗?

;};export default ConfirmModal;

样式 model.css

.confirmModal{    display: flex;    flex-flow: column;    width: 400px;    height: 200px;    padding: 10px;    background-color: #fff;    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    margin: auto;}.confirmText{    display: flex;    height: 150px;    justify-content: center;    align-items: center;    font-size: 22px;    color: #D62828;}.confirmButton{    flex: auto;    display: flex;    justify-content: flex-end;}.confirmButton button{    width: 80px;    margin: 0 10px;    border: none;    background-color: #EAE2B7;    font-weight: bold;    font-size: 18px;}.confirmButton .okButton{    background-color: #D62828;    color: white;}

标签: 年的时间 学习交流 从头再来

上一篇:头条:Cisco ACI 架构生产环境异地数据中心线路备份方案
下一篇:java进阶—JUC编程