css如何设置dialog,css-dialog提示

内容不完善内容不完善内容不完善内容不完善内容不完善

确定

BackGround.js

import styled from 'styled-components';

const BackGround = styled.div`

background-color: rgba(19, 21, 26, 0.6);

opacity: 1;

z-index: 1001;

top: 0;

left: 0;

right: 0;

bottom: 0;

position: absolute;

export default BackGround;

Dialog.js

import styled from 'styled-components';

const Dialog = styled.div`

background-color: #fff;

width: 270px;

height: auto;

top: 50%;

transform: translateY(-50%) translateX(-50%);

left: 50%;

z-index: 1002;

display: block;

position: fixed;

border-radius: 5px;

export default Dialog;

Hint.js

import styled from 'styled-components';

const Hint = styled.div`

border-bottom: 1px solid #f1f1f1;

padding: 14px 10px;

line-height: 1.4;

export default Hint;

OKButton.js

import styled from 'styled-components';

const OKButton = styled.button`

background-color: #fff;

color: orange;

border: none;

outline: none;

background-clip: padding-box;

border-radius: 5px;

width: 100%;

padding: 10px;

export default OKButton;

css如何设置dialog,css-dialog提示相关推荐

css字体设置透明度,CSS字体透明度怎么设置？
在css中有很多好看的样式都可以实现,css设置出来的样式让整个网页看起来也会非常美观,今天的这篇文章就给大家来介绍一下在css中怎么设置字体的透明度,让你的字体在网页中看起来是透明的. 在css3中 ...
css 怎样设置虚线,css生成可控虚线的方法
前言 css生成虚线,前端小儿科.一般都会用border来实现,不做深入考究,但是生成如下虚线?如何操作? 实现方式实现方式,有的人用多个span生成,一个小圆点就是一个span,这样是可以,但是整 ...
微信小程序开发教程5：设置全局css样式
平凡也就两个字: 懒和惰; 成功也就两个字: 苦和勤; 优秀也就两个字: 你和我. 跟着我从0学习JAVA.spring全家桶和linux运维等知识,带你从懵懂少年走向人生巅峰,迎娶白富美! 关注微信 ...
css动画设置渐进渐出_具有srcset和CSS动画的渐进增强灯箱
css动画设置渐进渐出 An earlier article on this site demonstrated how to use the HTML5 <dialog> element ...
html中怎么修改黑体,css怎样设置黑体？
css怎样设置黑体?下面本篇文章给大家介绍一下css中设置字体为黑体的方式,同样适用于设置其他字体,有着一定的参考价值,现在将它分享给各位,希望对大家有帮助. css怎样设置黑体样式? css设置字体 ...
CSS：设置边框和背景
应用边框样式边框基本设置首先简单介绍一下使用边框最常用的三个基本属性: 属性说明值 border-width 设置边框的宽度度量单位(em.px.cm等) border-color 设置边框 ...
# CSS 背景设置
CSS 背景设置在当今的HTML页面中,页面的背景色默认为"白色",除了少许的表单元素及HTML5规范后才出现的一些新的"功能性"元素标签,其它元素是不具有背 ...
html如何取消背景平铺,css怎么设置图片背景不平铺？
css可以设置图片背景background-repeat:no-repeat样式实现图片背景不平铺,background-repeat属性定义了图像的平铺模式. css可以使用background-r ...
html修改黑体字体,css怎样设置黑体？
css怎样设置黑体?下面本篇文章给大家介绍一下css中设置字体为黑体的方式,同样适用于设置其他字体,有着一定的参考价值,现在将它分享给各位,希望对大家有帮助. css怎样设置黑体样式? css设置字体 ...
css汉字注释乱码,css font-family属性设置中文字体乱码
一般设置字体,个人都喜欢用中文,比如:font-family:"微软雅黑":但是偶尔会出现设置以后字体显示乱码的问题解决方法[1]: 看看你的CSS文件的第一行有没有:@char ...

css如何设置dialog,css-dialog提示

css如何设置dialog,css-dialog提示相关推荐

最新文章

热门文章