全球實時:#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編程