react-ui/src/pages/Tool/Swagger/index.tsx

import React, { useEffect } from 'react';

/**
 *
 * @author whiteshader@163.com
 *
 * */

const CacheInfo: React.FC = () => {
  useEffect(() => {
    const frame = document.getElementById('bdIframe');
    if (frame) {
      const deviceWidth = document.documentElement.clientWidth;
      const deviceHeight = document.documentElement.clientHeight;
      frame.style.width = `${Number(deviceWidth) - 260}px`;
      frame.style.height = `${Number(deviceHeight) - 120}px`;
    }
  });

  return (
    <div style={{}}>
      <iframe
        style={{ width: '100%', border: '0px', height: '100%' }}
        src={`/api/swagger-ui/index.html`}
        id="bdIframe"
      />
    </div>
  );
};

export default CacheInfo;