<Row type="flex" justify="center" align="middle" style={{minHeight:'100vh'}}>
</Col>
</Row>
参考网址<Row type="flex" justify="center" align="middle" style={{minHeight:'100vh'}}><Col>...</Col></Row>
spinning 为true 的时候 显示 加载中小图标 ,否则显示结果
<spanclass="title"v-if="spinning==true">共<a-spin></a-spin>个结果</span>
<spanclass="title"v-else>共{{count}}个结果</span>
现在,此项目部署在服务器121.201.18.177中:/ home / hcapp / webHtml /
更多信息,请查看deploy.sh
如果只想部署到开发服务器,请执行shell脚本,例如:sh deploy.sh
如果要配置环境,请查看.webpackrc文件
.aaa{
display: table-cell;
vertical-align: middle; //该属性是定义行内元素垂直对齐的,只有行内元素会生效。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。
import React from 'react'
import { Card, Button, Spin, Icon, Alert} from 'antd'
import './ui.less'
export default class Loadings extends React.Component{
render(){
const icon = &...
import React, { Component } from 'react'
import { Table, Spin } from '
antd';
import axios from 'axios'
export default class Home extends Component {
state = {
selectedRowKeys: [], // 表格选择项Keys
selectedRows: [], // 表格选择项Rows
最近在使用react 写个人站点,发现项目一开始加载有很大一段白屏,觉得这样不是很好,需要优化一下,然后项目里面使用的是
antd 的 spin, 所以首页就使用 html + css 来实现一个
主要分为以下几个部分:
1.loading 需要居中
居中的方法有很多,父相子绝, 弹性盒模型 等。
antd 官方是这么实现的:
position: absolute;
left: 50%;
top: 50%;
bottom: 0;
在最新版的antd中,.ant-table-pagination ** 是flex,.ant-table-pagination-right**设置的 justify-content: flex-end,所以分页默认在右边展示,如下:
我们想要分页居中,首先要把flex给成display: block;
然后在给 .ant-table-pagination-right设置居中 text-align: center;
.center_table{
:global {
.ant-tabl