注：该组件本身自带的居中显示：当缩小窗口，其宽度比modal小的时候会掉下去，上面留有一段空白，是因为before的高度问题引起
列：

this.modalService.create({
          nzContent: ModalTellDetailComponent,
          nzWrapClassName: 'centerModal',
          nzFooter: null,
          nzMaskClosable: false,
          nzClosable: false,
          nzCloseIcon: null,
          nzAutofocus: null
注：其中nzAutofocus不设置时，会导致出现父页面的滚动条。
 完美解决办法：兼容IE
 
.centerModal {
  display: flex;
  text-align: center;
  .ant-modal {
   top:auto;
    display: inline-block;
    align-self: center;
    max-height: calc(100vh - 30px);
    margin: auto;
    text-align: left;
    vertical-align: middle;  
注：如果top有值会导致在火狐浏览器出现滚动条。
                    注：该组件本身自带的居中显示：当缩小窗口，其宽度比modal小的时候会掉下去，上面留有一段空白，是因为before的高度问题引起列：this.modalService.create({          nzContent: ModalTellDetailComponent,          nzWrapClassName: 'centerModal',          nzFooter: null,          nzMaskClosable: false,          nzC
npm install react-native-modal-translucent --save
yarn add react-native-modal-translucent
 如果您的RN版本低于0.60，则需要手动链接。
 react-native link react-native-modal-translucent
现在运行该应用程序并查看效果。
如果您的本机版本低于0.57，则需要更新android gradle。
 首先，修改您的android / build.g
				
最近几个月在做一个react的项目，项目做到了百分之八十，然后业务要求项目里面的模态框可以拖拽，呵呵，早不提，晚不提，偏偏现在提，尽管我心里骂了一万遍，可是还是只能老老实实搞啊，毕竟谁叫人家是上帝，吾等凡人只能任其宰割，不说了，说多了都是泪！
项目用的ui框架是antd-design,相信开发过react项目的都对它不陌生，几乎是react项目首选的ui库，毕竟阿里出厂，质量保证，但是坑爹的是它的...
				
<Flex direction="column" justify="center" style={{height: "100%"}}>
	<Flex justify="center">
		114514
	</Flex>
</Flex>
使用两个Flex，一个竖着居中（高度100%或者100vh），一个横着居中
				
最近做的系统中，有消息管理的功能，点击某条记录查看消息详情，可以展示消息发出人、发送时间、上传的附件等，都是很常规的功能，页面写的差不多时项目经理又提出一个要求：因为发消息有多个收件人，能不能显示两个按钮，点击后弹出弹窗，分别展示已经读了消息的收件人和未读消息的收件人？
what could I say??!!!You happy is ok
果真搬运代码的速度跟不上项目经理的脑洞。已读和未读...
				
ant组件modal组件 Vue Modal (Vue Modal)
Reusable Modal component, supports own custom HTML, text and classes and/or passing a component. Featuring multiple modal content / buttons.
 可重用的Modal组件，支持自己的自定义HTM...
import React from "react";
import {Card, Button, Modal} from "antd";
import './ui.less'
// × 和 cancel 是同一个事件
export default cla...
				
最近有一个需求是想要实现ant框架的弹窗可以做到拉伸放大缩小，去网上百度，大多数是el-dialog的，没有找到ant-modal的，然后我去ant群问有没有人做过得到回复是element框架的，实践了一下，发现element的弹窗跟ant框架有冲突，ant的多选框完全点击不了，遂放弃，想要照用element的代码代入到ant-modal里面去，可以实现得了；希望大家就不要遇到跟我一样的问题，我是莱不莱多小菜鸡；
废话不多说，下面直接贴代码
先建一个js文件
import Vue from 'vue'
 :package: 安装
yarn add ant-design-draggable-modal
 注意：您必须使用react@16.8.0和react-dom@16.8.0或更高版本。
 :hammer: 用法
import React , { useState , useCallback } from 'react'
import { Button } from 'antd'
import { DraggableModal , DraggableModalProvider } from
				
使用过bootstrap modal（模态框）组件的人都有一种困惑， 好好的一个弹出框怎么就无法垂直居中了呢？刚巧在做一个eit项目，由于此项目里面一些框架要遵循nttdata的一些规则，故用到了Bootstrap这个东东，第一次碰到这个东东，有很大抵触，觉得不好，但用起来我觉得和别的弹出框真没什么两样。废话少说，切入正题，Bootstrap弹出框垂直居中的问题，因为我拿到的弹出框样式并非垂直居中，而是top 10%，但页面长了，就显得特别恶心。
解决方案如下所示：
1.在css里，找到
.modal.fade.in {
top: 10%;
这个样式，修改它就ok了，由于css中是
<Modal title="标题" v-model="dialogVisible" :height="500">
    <div class="dialog-content">
        <!-- 弹窗内容 -->
</Modal>
<style>
.dialog-content {
    height: 400px; /* 内容区域的高度 */
    overflow: auto; /* 出现滚动条 */
</style>
在上面的例子中，div的class被设置为dialog-content，其高度被设置为400px，表示内容区域的高度为400px，同时overflow属性被设置为auto，表示当内容超出容器高度时出现滚动条。
通过以上两步设置，就可以让iview组件库的modal弹窗显示滚动条了。
                    两种去掉方式：
1.简单直接，自己写个组件
2.使用外部的css样式覆盖掉span的display: contents;及把.el-tag.el-tag--info {中的display变成inline-block。
第二种方法本人没在IE上测试过。
                el-select的多选加检索中的bug(IE下)
                    zjp567: 
                    如何去掉呢
                el-table在有些电脑上显示问题（表头与表体不对齐gutter列导致得）
                    qq_45865796: 
                    col[name='gutter']设为有效
                el-select的多选加检索中的bug(IE下)
                    如何取掉呢
                外部按钮下载echarts图片
                    Code--Maker: 
                    可以的,大佬