ui

src/app/basicVersion/exampleShow/ExampleShow.jsx

@@ -4,7 +4,7 @@ import lo from '../../../images/lo.png'
 import './index.css'
 import {graphqlUrl} from "../../../config";
 import {SHOW_CASE} from "../../../gql";
-
+import {FormattedMessage} from 'react-intl';
 import {request} from 'graphql-request'
 
 const {Content} = Layout;
@@ -44,13 +44,15 @@ class ExampleShow extends Component {
             <div id="example-show">
                 <Layout style={{padding: '24px', minHeight: '300px'}}>
                     <Content className="content">
-
-                        {
-                            this.state.examples.length === 0 ?
-                                <Spin />
-                                :
-                                this.state.examples.map((item, index) => (
-                                    <span key={index} style={{padding: '10px 0'}}>
+                        <div>
+                            <div className={'schema-name'}><FormattedMessage id='scan and use'/></div>
+                            <div className="caseAllShow">
+                            {
+                                this.state.examples.length === 0 ?
+                                    <Spin />
+                                    :
+                                    this.state.examples.map((item, index) => (
+                                        <span key={index} style={{padding: '10px 0'}}>
                                         <Card
                                             key={index}
                                             style={{width: 300}}
@@ -79,8 +81,10 @@ class ExampleShow extends Component {
                                             />
                                         </Card>
                                     </span>
-                                ))
-                        }
+                                    ))
+                            }
+                            </div>
+                        </div>
                     </Content>
                 </Layout>
             </div>

src/app/basicVersion/exampleShow/index.css

@@ -1,6 +1,9 @@
 #example-show .content{
     padding: 20px 50px;
     background: rgb(255, 255, 255);
+}
+
+.caseAllShow {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;

src/language/en_US.js

@@ -174,6 +174,7 @@ const en_US = {
     'amazon cloud': 'AWS',
     'no this cloud, click to save': 'no this cloud, click to save',
     'back to case show': 'back to case show',
-    'back to all case show': 'back to case store'
+    'back to all case show': 'back to case store',
+    'scan and use': 'scan and try'
 };
 export default en_US;

src/language/zh_CN.js

@@ -175,6 +175,7 @@ const zh_CN = {
     'amazon cloud': 'AWS',
     'no this cloud, click to save': '没有该服务商的 key，点我设置',
     'back to case show': '返回该案例',
-    'back to all case show': '返回案例商城'
+    'back to all case show': '返回案例商城',
+    'scan and use': '案例商城，扫码体验'
 };
 export default zh_CN;