点击查看全部图片（类似头条效果）

结果展示：

1.设计思路

• 判断文章内容的高度，若大于1200px则直接设置文章的最大高度为580px, 超出部分直接 display: hidden
• 查看全部图片直接相对定位放在文章底部，只有文章内容大于1200px才显示，否则display: none
• 查看全部图片设置点击事件，并进行状态切换即可

​

应用代码：

import React, { Component } from 'react';
import bootstrap from '../../../framework/base';
import Header from '../../../component/header';
import Sidebar from '../../../component/sidebar';
import './index.scss'
import { ContentFormatter, Rec1Header, AInsert, Comment  } from '../../../component/index';


interface Props {
    isMobile