Skip to content

Commit

Permalink
update demo.jsx
Browse files Browse the repository at this point in the history
  • Loading branch information
zhaojing1987 committed Mar 28, 2024
1 parent a86ef5d commit 1d0a4a1
Show file tree
Hide file tree
Showing 8 changed files with 37 additions and 15 deletions.
2 changes: 1 addition & 1 deletion source/public/page-data/demo/page-data.json
Original file line number Diff line number Diff line change
@@ -1 +1 @@
{"componentChunkName":"component---src-pages-demo-jsx","path":"/demo/","result":{"data":{"locales":{"edges":[{"node":{"ns":"translation","data":"{\"Documentation\":\"文档\",\"FAQ\":\"常见问题\",\"NEXT\":\"下一页\",\"PREV\":\"上一页\",\"Product List\":\"应用列表\",\"ALL\":\"全部\",\"No relevant data found\":\"未找到相关数据\",\"Get it Now\":\"立即获取\",\"Overview\":\"概述\",\"Highlights\":\"亮点\",\"Description\":\"详情\",\"Related Applications\":\"相关应用\",\"Learning Materials\":\"学习资料\",\"Classification\":\"分类\",\"Os\":\"系统\",\"Open Source License\":\"开源许可\",\"Support Language\":\"支持语言\",\"Languages\":\"编程语言\",\"Solution\":\"场景方案\",\"Resource\":\"资源\",\"Applicable Personnel\":\"适用人员\",\"Resource List\":\"资源列表\",\"Official Website\":\"官网\",\"Feedback\":\"沟通反馈\",\"Submit A Suggestion\":\"提交此应用的建议\",\"Get Professional Services\":\"获取专业服务\",\"Tags\":\"关键词\",\"Author\":\"作者\",\"Related Reading\":\"相关阅读\",\"Resource Center\":\"资源中心\",\"Challengeg\":\"挑战\",\"How do we solve it?\":\"我们如何解决?\",\"More solution\":\"更多方案\",\"Type of asset\":\"类型\",\"Categories\":\"类别\",\"Resource Download\":\"资料下载\",\"Discover Now\":\"阅读详情\",\"Become a Partner\":\"成为伙伴\",\"Invoicing\":\"开具发票\",\"7×24 Tickets\":\"7×24 工单\",\"BROWSE ALL\":\"浏览所有\",\"Services List\":\"服务列表\",\"Service Type\":\"服务类别\",\"Service Object\":\"服务对象\",\"Content directory\":\"内容目录\",\"mo\":\"月\",\"y\":\"年\",\"Benefit\":\"好处\",\"What do we do\":\"我们怎么做\",\"Cases\":\"案例\",\"Purchase and price\":\"购买与价格\",\"Service portfolio\":\"服务组合\",\"Related Services\":\"相关服务\",\"Business insight\":\"业务洞察\",\"Components\":\"相关组件\",\"Copyright\":\"© 2022 长沙网久软件有限公司版权所有 备案:<a href='https://beian.miit.gov.cn/' target='_blank'>湘ICP备16009117号-1</a>\",\"Company summary\":\"为用户提供简单的云原生应用,帮助软件开发商构建基于全球云计算的在线商业体系\",\"Applications\":\"相关应用\",\"SHARE\":\"分享至\"}","language":"zh-CN"}}]},"allContentfulPage":{"nodes":[{"title":"试用","description":null,"tags":null,"content":[{"id":"0671b245-7a5a-5dea-ac59-6ad10bd10e38","headings":"试用 Websoft9","texts":null,"buttons":[],"features":[{"id":"85451e7d-5bbc-5107-841f-7a7a548590eb","title":"立即演示","image":"https://libs.websoft9.com/Websoft9/feature/userrole-marketing-websoft9.webp","description":{"description":"网址:[http://t.demo.goweb.cc:9000/](http://t.demo.goweb.cc:9000/) \n账号:demo \n密码:4[qseJ&q53HM%P3p "},"link":null},{"id":"f4601f8c-e0e2-598d-975f-e3c3e8676685","title":"在云平台上试用","image":"https://libs.websoft9.com/Websoft9/feature/product-feature-hero-websoft9.jpg","description":{"description":"我们在全球主流的云平台Azure,AWS,Alibaba Cloud都提供了可以用于生产用途的镜像环境,最多有一个月的免费试用期。"},"link":[{"key":"马上试用","value":"https://support.websoft9.com/docs/next/install/cloud"}]}]},{"id":"494bb1bf-e11f-5b50-afca-5a917c0cedc9","headings":"Github开源","texts":"如果你喜欢Websoft9,请给我们starts吧","buttons":[{"id":"c00cb207-59a8-51e9-b7e4-c22f2fb4c194","content":"Github 标星","path":"https://github.com/Websoft9/websoft9"}],"features":null}]}]}},"pageContext":{"breadcrumb":{"location":"/demo/","crumbs":[{"pathname":"/","crumbLabel":"Home"},{"pathname":"/demo","crumbLabel":"demo"}]},"language":"zh-CN","i18n":{"language":"zh-CN","languages":["en-US","zh-CN"],"defaultLanguage":"zh-CN","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/demo/","path":"/demo/"}}},"staticQueryHashes":["2390569662","3367695531","3666294474","3881056605","931386620"]}
{"componentChunkName":"component---src-pages-demo-jsx","path":"/demo/","result":{"data":{"locales":{"edges":[{"node":{"ns":"translation","data":"{\"Documentation\":\"文档\",\"FAQ\":\"常见问题\",\"NEXT\":\"下一页\",\"PREV\":\"上一页\",\"Product List\":\"应用列表\",\"ALL\":\"全部\",\"No relevant data found\":\"未找到相关数据\",\"Get it Now\":\"立即获取\",\"Overview\":\"概述\",\"Highlights\":\"亮点\",\"Description\":\"详情\",\"Related Applications\":\"相关应用\",\"Learning Materials\":\"学习资料\",\"Classification\":\"分类\",\"Os\":\"系统\",\"Open Source License\":\"开源许可\",\"Support Language\":\"支持语言\",\"Languages\":\"编程语言\",\"Solution\":\"场景方案\",\"Resource\":\"资源\",\"Applicable Personnel\":\"适用人员\",\"Resource List\":\"资源列表\",\"Official Website\":\"官网\",\"Feedback\":\"沟通反馈\",\"Submit A Suggestion\":\"提交此应用的建议\",\"Get Professional Services\":\"获取专业服务\",\"Tags\":\"关键词\",\"Author\":\"作者\",\"Related Reading\":\"相关阅读\",\"Resource Center\":\"资源中心\",\"Challengeg\":\"挑战\",\"How do we solve it?\":\"我们如何解决?\",\"More solution\":\"更多方案\",\"Type of asset\":\"类型\",\"Categories\":\"类别\",\"Resource Download\":\"资料下载\",\"Discover Now\":\"阅读详情\",\"Become a Partner\":\"成为伙伴\",\"Invoicing\":\"开具发票\",\"7×24 Tickets\":\"7×24 工单\",\"BROWSE ALL\":\"浏览所有\",\"Services List\":\"服务列表\",\"Service Type\":\"服务类别\",\"Service Object\":\"服务对象\",\"Content directory\":\"内容目录\",\"mo\":\"月\",\"y\":\"年\",\"Benefit\":\"好处\",\"What do we do\":\"我们怎么做\",\"Cases\":\"案例\",\"Purchase and price\":\"购买与价格\",\"Service portfolio\":\"服务组合\",\"Related Services\":\"相关服务\",\"Business insight\":\"业务洞察\",\"Components\":\"相关组件\",\"Copyright\":\"© 2022 长沙网久软件有限公司版权所有 备案:<a href='https://beian.miit.gov.cn/' target='_blank'>湘ICP备16009117号-1</a>\",\"Company summary\":\"为用户提供简单的云原生应用,帮助软件开发商构建基于全球云计算的在线商业体系\",\"Applications\":\"相关应用\",\"SHARE\":\"分享至\"}","language":"zh-CN"}}]},"allContentfulPage":{"nodes":[{"title":"试用","description":null,"tags":null,"content":[{"id":"0671b245-7a5a-5dea-ac59-6ad10bd10e38","headings":"试用 Websoft9","texts":null,"buttons":[],"features":[{"id":"85451e7d-5bbc-5107-841f-7a7a548590eb","title":"立即演示","icon":"login","description":{"description":"网址:[http://t.demo.goweb.cc:9000/](http://t.demo.goweb.cc:9000/) \n账号:demo \n密码:websoft9"},"link":null},{"id":"f4601f8c-e0e2-598d-975f-e3c3e8676685","title":"在云平台上试用","icon":"cloud_done","description":{"description":"我们在全球主流的云平台Azure,AWS,Alibaba Cloud都提供了可以用于生产用途的镜像环境,最多有一个月的免费试用期。"},"link":[{"key":"马上试用","value":"https://support.websoft9.com/docs/next/install/cloud"}]}]},{"id":"494bb1bf-e11f-5b50-afca-5a917c0cedc9","headings":"Github开源","texts":"如果你喜欢Websoft9,请给我们starts吧","buttons":[{"id":"c00cb207-59a8-51e9-b7e4-c22f2fb4c194","content":"Github 标星","path":"https://github.com/Websoft9/websoft9"}],"features":null}]}]}},"pageContext":{"breadcrumb":{"location":"/demo/","crumbs":[{"pathname":"/","crumbLabel":"Home"},{"pathname":"/demo","crumbLabel":"demo"}]},"language":"zh-CN","i18n":{"language":"zh-CN","languages":["en-US","zh-CN"],"defaultLanguage":"zh-CN","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/demo/","path":"/demo/"}}},"staticQueryHashes":["2390569662","3367695531","3666294474","3881056605","931386620"]}
2 changes: 1 addition & 1 deletion source/public/page-data/dev-404-page/page-data.json

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion source/public/page-data/en-US/demo/page-data.json
Original file line number Diff line number Diff line change
@@ -1 +1 @@
{"componentChunkName":"component---src-pages-demo-jsx","path":"/en-US/demo/","result":{"data":{"locales":{"edges":[{"node":{"ns":"translation","data":"{\"Documentation\":\"Documentation\",\"FAQ\":\"FAQ\",\"NEXT\":\"NEXT\",\"PREV\":\"PREV\",\"Product List\":\"Applications\",\"ALL\":\"ALL\",\"No relevant data found\":\"No relevant data found\",\"Get it Now\":\"Get it Now\",\"Overview\":\"Overview\",\"Highlights\":\"Highlights\",\"Description\":\"Description\",\"Related Applications\":\"Related Applications\",\"Learning Materials\":\"Learning Materials\",\"Classification\":\"Classification\",\"Os\":\"Os\",\"Open Source License\":\"Open Source License\",\"Support Language\":\"Support Language\",\"Languages\":\"Languages\",\"Solution\":\"Solution\",\"Resource\":\"Resource\",\"Applicable Personnel\":\"Applicable Personnel\",\"Resource List\":\"Resource List\",\"Official Website\":\"Official Website\",\"Feedback\":\"Feedback\",\"Submit A Suggestion\":\"Submit A Suggestion\",\"Get Professional Services\":\"Get Professional Services\",\"Tags\":\"Tags\",\"Author\":\"Author\",\"Related Reading\":\"Related Reading\",\"Resource Center\":\"Resource Center\",\"Challengeg\":\"Challengeg\",\"How do we solve it?\":\"How do we solve it?\",\"More solution\":\"More solution\",\"Type of asset\":\"Type of asset\",\"Categories\":\"Categories\",\"Resource Download\":\"Resource Download\",\"Discover Now\":\"Discover Now\",\"Become a Partner\":\"Become a Partner\",\"Invoicing\":\"Invoicing\",\"7×24 Tickets\":\"7×24 Tickets\",\"BROWSE ALL\":\"BROWSE ALL\",\"Services List\":\"Services List\",\"Service Type\":\"Service Type\",\"Service Object\":\"Service Object\",\"Content directory\":\"Content directory\",\"mo\":\"mo\",\"y\":\"y\",\"Benefit\":\"Benefit\",\"What do we do\":\"What do we do\",\"Cases\":\"Cases\",\"Purchase and price\":\"Purchase and price\",\"Service portfolio\":\"Service portfolio\",\"Related Services\":\"Related Services\",\"Business insight\":\"Business insight\",\"Components\":\"Components\",\"Copyright\":\"© 2022 Websoft9. All Rights Reserved.\",\"Company summary\":\"Provide users with simple serial applications to help software operators create global cloud-based online business commerce\",\"Applications\":\"Applications\",\"SHARE\":\"SHARE\"}","language":"en-US"}}]},"allContentfulPage":{"nodes":[{"title":"Demo","description":null,"tags":null,"content":[{"id":"10292013-287b-5e72-95de-94384bdec2f3","headings":"Try Websoft9","texts":null,"buttons":[],"features":[{"id":"ace3253e-8b1a-57c4-8ca2-1e06eea80390","title":"Live Preview","image":"https://libs.websoft9.com/Websoft9/feature/userrole-marketing-websoft9.webp","description":{"description":"URL: [http://t.demo.goweb.cc:9000/](http://t.demo.goweb.cc:9000/) \nUser: demo \nPassword: 4[qseJ&q53HM%P3p "},"link":null},{"id":"20e2ea6c-a6e5-5eea-b046-57e7cfb5fbe7","title":"Trial On Cloud","image":"https://libs.websoft9.com/Websoft9/feature/product-feature-hero-websoft9.jpg","description":{"description":"We provide production-ready image environments on the world's leading cloud platforms Azure, AWS, and Alibaba Cloud, with up to one month of free trial available."},"link":[{"key":"Try it now","value":"https://support.websoft9.com/docs/next/install/cloud"}]}]},{"id":"8553d54a-65f9-5a3f-8761-2fd44eca11e1","headings":"Github Open Source","texts":"If you like Websoft9, please give us stars.","buttons":[{"id":"6ab7b5ef-38a0-5f6c-958a-2109548a2d81","content":"Star at Github","path":"https://github.com/Websoft9/websoft9"}],"features":null}]}]}},"pageContext":{"breadcrumb":{"location":"/en-US/demo/","crumbs":[{"pathname":"/","crumbLabel":"Home"},{"pathname":"/en-US","crumbLabel":"en-US"},{"pathname":"/en-US/demo","crumbLabel":"demo"}]},"language":"en-US","i18n":{"language":"en-US","languages":["en-US","zh-CN"],"defaultLanguage":"zh-CN","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/demo/","path":"en-US/demo/"}}},"staticQueryHashes":["2390569662","3367695531","3666294474","3881056605","931386620"]}
{"componentChunkName":"component---src-pages-demo-jsx","path":"/en-US/demo/","result":{"data":{"locales":{"edges":[{"node":{"ns":"translation","data":"{\"Documentation\":\"Documentation\",\"FAQ\":\"FAQ\",\"NEXT\":\"NEXT\",\"PREV\":\"PREV\",\"Product List\":\"Applications\",\"ALL\":\"ALL\",\"No relevant data found\":\"No relevant data found\",\"Get it Now\":\"Get it Now\",\"Overview\":\"Overview\",\"Highlights\":\"Highlights\",\"Description\":\"Description\",\"Related Applications\":\"Related Applications\",\"Learning Materials\":\"Learning Materials\",\"Classification\":\"Classification\",\"Os\":\"Os\",\"Open Source License\":\"Open Source License\",\"Support Language\":\"Support Language\",\"Languages\":\"Languages\",\"Solution\":\"Solution\",\"Resource\":\"Resource\",\"Applicable Personnel\":\"Applicable Personnel\",\"Resource List\":\"Resource List\",\"Official Website\":\"Official Website\",\"Feedback\":\"Feedback\",\"Submit A Suggestion\":\"Submit A Suggestion\",\"Get Professional Services\":\"Get Professional Services\",\"Tags\":\"Tags\",\"Author\":\"Author\",\"Related Reading\":\"Related Reading\",\"Resource Center\":\"Resource Center\",\"Challengeg\":\"Challengeg\",\"How do we solve it?\":\"How do we solve it?\",\"More solution\":\"More solution\",\"Type of asset\":\"Type of asset\",\"Categories\":\"Categories\",\"Resource Download\":\"Resource Download\",\"Discover Now\":\"Discover Now\",\"Become a Partner\":\"Become a Partner\",\"Invoicing\":\"Invoicing\",\"7×24 Tickets\":\"7×24 Tickets\",\"BROWSE ALL\":\"BROWSE ALL\",\"Services List\":\"Services List\",\"Service Type\":\"Service Type\",\"Service Object\":\"Service Object\",\"Content directory\":\"Content directory\",\"mo\":\"mo\",\"y\":\"y\",\"Benefit\":\"Benefit\",\"What do we do\":\"What do we do\",\"Cases\":\"Cases\",\"Purchase and price\":\"Purchase and price\",\"Service portfolio\":\"Service portfolio\",\"Related Services\":\"Related Services\",\"Business insight\":\"Business insight\",\"Components\":\"Components\",\"Copyright\":\"© 2022 Websoft9. All Rights Reserved.\",\"Company summary\":\"Provide users with simple serial applications to help software operators create global cloud-based online business commerce\",\"Applications\":\"Applications\",\"SHARE\":\"SHARE\"}","language":"en-US"}}]},"allContentfulPage":{"nodes":[{"title":"Demo","description":null,"tags":null,"content":[{"id":"10292013-287b-5e72-95de-94384bdec2f3","headings":"Try Websoft9","texts":null,"buttons":[],"features":[{"id":"ace3253e-8b1a-57c4-8ca2-1e06eea80390","title":"Live demo","icon":"login","description":{"description":"URL: [http://t.demo.goweb.cc:9000/](http://t.demo.goweb.cc:9000/) \nUser: demo \nPassword: 4[qseJ&q53HM%P3p "},"link":null},{"id":"20e2ea6c-a6e5-5eea-b046-57e7cfb5fbe7","title":"Trial On Cloud","icon":"cloud_done","description":{"description":"We provide production-ready image environments on the major cloud platforms Azure, AWS, and Alibaba Cloud, with up to one month of free trial available."},"link":[{"key":"Try it now","value":"https://support.websoft9.com/docs/next/install/cloud"}]}]},{"id":"8553d54a-65f9-5a3f-8761-2fd44eca11e1","headings":"Github Open Source","texts":"If you like Websoft9, please give us stars.","buttons":[{"id":"6ab7b5ef-38a0-5f6c-958a-2109548a2d81","content":"Star at Github","path":"https://github.com/Websoft9/websoft9"}],"features":null}]}]}},"pageContext":{"breadcrumb":{"location":"/en-US/demo/","crumbs":[{"pathname":"/","crumbLabel":"Home"},{"pathname":"/en-US","crumbLabel":"en-US"},{"pathname":"/en-US/demo","crumbLabel":"demo"}]},"language":"en-US","i18n":{"language":"en-US","languages":["en-US","zh-CN"],"defaultLanguage":"zh-CN","generateDefaultLanguagePage":false,"routed":true,"originalPath":"/demo/","path":"en-US/demo/"}}},"staticQueryHashes":["2390569662","3367695531","3666294474","3881056605","931386620"]}
2 changes: 1 addition & 1 deletion source/public/page-data/index/page-data.json

Large diffs are not rendered by default.

25 changes: 20 additions & 5 deletions source/src/components/box-image/layout-09/index.jsx
Original file line number Diff line number Diff line change
@@ -1,19 +1,34 @@
import Image from "@ui/image";
import React from "react";
import ReactVivus from "react-vivus";
import {
BoxContentWrap, BoxImgInner,
BoxImgWrap, BoxImgWrapper, HeadingWrap,
BoxContentWrap,
BoxIconImg,
BoxImgInner,
BoxImgWrapper, HeadingWrap,
TextWrap
} from "./style";

const BoxImage = ({ title, image, desc, links, className, ...restProps }) => {
const BoxImage = ({ title, icon, desc, links, className, ...restProps }) => {
return (
<BoxImgWrapper className={className} {...restProps}>
<BoxImgInner style={{ boxShadow: 'none' }}>
{image?.src && (
{/* {image?.src && (
<BoxImgWrap>
<Image src={image.src} alt={image?.alt || title} />
</BoxImgWrap>
)} */}
{icon && (
<BoxIconImg>
<ReactVivus
id={`svg-${icon}`}
option={{
file: icon,
type: "oneByOne",
animTimingFunction: "EASE",
duration: 250,
}}
/>
</BoxIconImg>
)}
<BoxContentWrap>
{title && <HeadingWrap><b>{title}</b></HeadingWrap>}
Expand Down
9 changes: 9 additions & 0 deletions source/src/components/box-image/layout-09/style.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -133,3 +133,12 @@ export const BoxImgWrapper = styled.div`
}
}
`;

export const BoxIconImg = styled.div`
max-width: 80px;
flex-basis: 80px;
margin-block-end: 28px;
color: ${themeGet("colors.heading")};
margin-inline-start: auto;
margin-inline-end: auto;
`;
8 changes: 3 additions & 5 deletions source/src/containers/elements/box-image/section-07/index.jsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import defaultImage from "@assets/images/default.png";
import BoxImage from "@components/box-image/layout-09";
import SectionTitle from "@ui/section-title";
import { Col, Container, Row } from "@ui/wrapper";
Expand All @@ -8,13 +7,15 @@ import remarkGfm from 'remark-gfm';
import { MarkdownStyle, SectionWrap } from "./style";

const BoxSection = ({ data, lgSize = 4 }) => {
const svgDir = require.context('@material-design-icons/svg/two-tone/');
return (
<SectionWrap>
<Container>
<SectionTitle mb={["47px", null, "60px"]} subtitle={data.texts} title={data.headings} />
<Row>
{
data.features?.map((item, i) => {
const svgFile = svgDir("./" + item.icon + ".svg").default;
return (
<Col
lg={lgSize}
Expand All @@ -24,10 +25,7 @@ const BoxSection = ({ data, lgSize = 4 }) => {
>
<BoxImage
title={item.title}
image=
{
item.image == null ? { src: defaultImage } : { src: item.image }
}
icon={svgFile}
desc={
<MarkdownStyle>
<ReactMarkdown remarkPlugins={[remarkGfm]}>
Expand Down
2 changes: 1 addition & 1 deletion source/src/pages/demo.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ export const query = graphql`
... on ContentfulBaseFeature{
id
title
image
icon
description{
description
}
Expand Down

0 comments on commit 1d0a4a1

Please sign in to comment.