asder

.umirc.ts

@@ -68,7 +68,7 @@ export default defineConfig({
   },
   proxy: {
     '/website/': {
-      target: 'http://192.168.40.117:12345',
+      target: 'http://192.168.40.23:9001',
       changeOrigin: true,
       pathRewrite: { '^': '' },
     },

src/global.less

@@ -313,7 +313,6 @@ body,
   .ant-card-bordered {
     display: flex;
     flex-direction: column;
-    justify-content: center;
     align-items: center;
     overflow: hidden;
   }
@@ -1074,3 +1073,9 @@ body,
 .loader span:nth-child(4) {
   filter: blur(50px);
 }
+
+.ant-tag {
+  max-width: 88px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

src/pages/case/casedetail.jsx

 import React, { useState, useEffect } from 'react';
 import styles from './index.less';
-import { Row, Col, Image, Pagination, Card, Tag } from 'antd';
+import { Row, Col, Divider, Tooltip, Card, Tag } from 'antd';
 import { useRequest } from 'ahooks';
 import { doFetch } from '@/utils/doFetch';
 import { EyeFilled } from '@ant-design/icons';
@@ -72,23 +72,34 @@ function Insert({ location: { query } }) {
           style={{ fontSize: '0.7rem' }}
           className="html"
         ></div>
-        <p style={{ margin: 0, fontSize: '0.7rem', color: '#999999' }}>
+        <Divider></Divider>
+        <p
+          style={{
+            margin: 0,
+            fontSize: '0.7rem',
+            color: '#999999',
+            display: 'flex',
+            marginTop: 22,
+          }}
+        >
           相关产品：
           {data?.ngCaseProductList?.map((it, i) => {
             return (
-              <Tag
-                style={{
-                  margin: '2px',
-                  padding: '4px 8px',
-                  fontSize: '0.7rem',
-                }}
-                onClick={(e) => {
-                  e.stopPropagation();
-                  it?.linkUrl && window.open(it?.linkUrl);
-                }}
-              >
-                {it?.productName}
-              </Tag>
+              <Tooltip title={it?.productName}>
+                <Tag
+                  style={{
+                    margin: '2px',
+                    padding: '4px 8px',
+                    fontSize: '0.7rem',
+                  }}
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    it?.linkUrl && window.open(it?.linkUrl);
+                  }}
+                >
+                  {it?.productName}
+                </Tag>
+              </Tooltip>
             );
           })}
         </p>

src/pages/case/index.jsx

 import React, { useState, useEffect } from 'react';
 import styles from './index.less';
-import { Row, Col, Tag, Pagination, Card } from 'antd';
+import { Row, Col, Tag, Pagination, Card, Tooltip, Divider } from 'antd';
 import { useRequest } from 'ahooks';
 import { doFetch } from '@/utils/doFetch';
 import { EyeFilled } from '@ant-design/icons';
@@ -101,29 +101,33 @@ function Case() {
                     <p style={{ fontSize: '0.6rem', marginTop: '1rem' }}>
                       {it?.caseDescribe}
                     </p>
+                    <Divider></Divider>
                     <p
                       style={{
                         margin: 0,
                         fontSize: '0.7rem',
                         color: '#999999',
+                        display: 'flex',
                       }}
                     >
                       相关产品：
                       {it?.ngCaseProductList?.map((it, i) => {
                         return (
-                          <Tag
-                            style={{
-                              margin: '2px',
-                              padding: '4px 8px',
-                              fontSize: '0.7rem',
-                            }}
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              it?.linkUrl && window.open(it?.linkUrl);
-                            }}
-                          >
-                            {it?.productName}
-                          </Tag>
+                          <Tooltip title={it?.productName}>
+                            <Tag
+                              style={{
+                                margin: '2px',
+                                padding: '4px 8px',
+                                fontSize: '0.7rem',
+                              }}
+                              onClick={(e) => {
+                                e.stopPropagation();
+                                it?.linkUrl && window.open(it?.linkUrl);
+                              }}
+                            >
+                              {it?.productName}
+                            </Tag>
+                          </Tooltip>
                         );
                       })}
                     </p>

src/pages/index.jsx

@@ -716,28 +716,35 @@ function IndexPage({ route }) {
                     </span>
                   </div>
 
-                  <p style={{ fontSize: '0.6rem', marginTop: 12 }}>
+                  <p style={{ fontSize: '0.65rem', marginTop: 12 }}>
                     {it?.caseDescribe}
                   </p>
                   <p
-                    style={{ margin: 0, fontSize: '0.7rem', color: '#999999' }}
+                    style={{
+                      margin: 0,
+                      fontSize: '0.7rem',
+                      color: '#999999',
+                      display: 'flex',
+                    }}
                   >
                     相关产品：
                     {it?.ngCaseProductList?.map((it, i) => {
                       return (
-                        <Tag
-                          style={{
-                            margin: '2px',
-                            padding: '4px 8px',
-                            fontSize: '0.7rem',
-                          }}
-                          onClick={(e) => {
-                            e.stopPropagation();
-                            it?.linkUrl && window.open(it?.linkUrl);
-                          }}
-                        >
-                          {it?.productName}
-                        </Tag>
+                        <Tooltip title={it?.productName}>
+                          <Tag
+                            style={{
+                              margin: '2px',
+                              padding: '4px 8px',
+                              fontSize: '0.7rem',
+                            }}
+                            onClick={(e) => {
+                              e.stopPropagation();
+                              it?.linkUrl && window.open(it?.linkUrl);
+                            }}
+                          >
+                            {it?.productName}
+                          </Tag>
+                        </Tooltip>
                       );
                     })}
                   </p>