Skip to content

Commit

Permalink
add weda page's loading style
Browse files Browse the repository at this point in the history
  • Loading branch information
@zhaojing1987
zhaojing1987 committed Apr 25, 2024
1 parent 2fb3415 commit 6d54b91
Show file tree
Hide file tree
Showing 13 changed files with 102 additions and 53 deletions.
5 changes: 3 additions & 2 deletions source/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,8 @@
"swiper": "^8.0.7",
"tinycolor2": "^1.4.2",
"video-react": "^0.15.0",
"vivus": "^0.4.6"
"vivus": "^0.4.6",
"react-loader-spinner": "^4.0.0"
},
"devDependencies": {
"@babel/core": "7.13.15",
Expand All @@ -99,4 +100,4 @@
"bugs": {
"url": "https://github.com/gatsbyjs/gatsby/issues"
}
}
}
2 changes: 1 addition & 1 deletion source/public/page-data/apps/bytebase/page-data.json
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
{"componentChunkName":"component---src-templates-app-detail-index-jsx","path":"/apps/bytebase","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"}}]},"allContentfulResource":{"nodes":[]},"allContentfulProduct":{"nodes":[{"id":"4653733b-9ef2-5dee-a8a2-d9284920a015","key":"bytebase","title":"数据库的 DevOps 工具","trademark":"Bytebase","review":5,"summary":"数据库的 DevOps 工具","keywords":["可视化管理","数据管理","DevOps","GitOps","Navicat"],"image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/bytebase-websoft9.png"},"type":[{"id":"d57b4b00-ae74-5ec9-a062-a7422b3d2696","key":"dbtools","title":"数据库管理工具","product":[{"id":"2d3921ac-290c-5bc4-92d0-499ce08bb438","key":"postgrest","trademark":"PostgREST","summary":"将 PostgreSQL 转换成 RESTful API 的中间件","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/postgrest-websoft9.png"}},{"id":"4653733b-9ef2-5dee-a8a2-d9284920a015","key":"bytebase","trademark":"Bytebase","summary":"数据库的 DevOps 工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/bytebase-websoft9.png"}},{"id":"214c3329-c6c9-5e3f-8f99-668d173dac75","key":"cloudbeaver","trademark":"CloudBeaver","summary":"开源的 Web 数据库可视化管理工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/cloudbeaver-websoft9.png"}},{"id":"47b77079-d8e3-574a-832f-6f855a6a6c61","key":"redisinsight","trademark":"RedisInsight","summary":"官方出品的 Redis 可视化管理工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/redisinsight-websoft9.png"}},{"id":"dfb77194-836a-5696-9449-1962936ab1c9","key":"phpmyadmin","trademark":"phpMyAdmin","summary":"MySQL/MariaDB 可视化管理工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/phpmyadmin-websoft9.png"}},{"id":"2ef13d86-31e5-5842-99dc-58a45cd022a7","key":"pgadmin","trademark":"pgAdmin","summary":"Web 图形化 PostgreSQL 数据库管理工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/pgadmin-websoft9.png"}},{"id":"8f421658-cb30-5feb-8713-c032e2be463d","key":"mongocompass","trademark":"MongoDB Compass","summary":"MongoDB 官方可视化工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/mongocompass-websoft9.png"}},{"id":"59b54815-e247-55e7-bfc7-27218028197d","key":"directus","trademark":"Directus","summary":"数据驱动的低代码与后端即服务平台","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/directus-websoft9.png"}},{"id":"dd5f26b1-7f93-580a-b455-f3028c13a2a7","key":"chat2db","trademark":"chat2DB","summary":"AI SQL 多数据库管理工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/chat2db-websoft9.png"}}],"catalog":[{"key":"database"}]}],"screenshots":[{"id":"c399afc5-fce5-5de8-bcdb-29803f28c075","key":"架构","value":"https://libs.websoft9.com/Websoft9/DocsPicture/zh/bytebase/bytebase-arch-websoft9.webp"}],"os":["Linux"],"supportLanguage":["英文","简体中文","其它"],"program":[{"id":"36b1275d-f17e-5080-b341-a2fe6f4f4abb","name":"Go"}],"userType":[{"id":"7533e6ff-6314-5ce2-98d9-6eb8370896f6","title":"开发者"},{"id":"07ca85a2-27e8-5581-9ff0-99f3bdda07d0","title":"项目经理"},{"id":"b0d1656f-b408-5c5c-8e16-97a103843799","title":"产品经理"},{"id":"9260ecc7-ab7e-5501-9d3d-da41f5c02229","title":"业务分析师"}],"solution":null,"license":null,"websiteurl":"https://www.bytebase.com/","overview":{"overview":"Bytebase 是面向数据库 DevOps 的 GitLab/GitHub，专为开发人员、DBA 和平台团队打造。"},"highlights":null,"description":{"childMarkdownRemark":{"html":"<p>Bytebase 是一个开源数据库 DevOps 工具，它是用于在整个应用程序开发生命周期中管理数据库的 GitLab/GitHub。它为 DBA、开发人员和平台工程师提供了一个基于 Web 的协作工作区。</p>\n<p>由于 GitLab/GitHub 为团队提供了 GUI 和协作工作区来管理代码，因此 Bytebase 在管理数据库方面也做了类似的工作。</p>"}},"faq":[],"component":null}]}},"pageContext":{"slug":"bytebase","breadcrumb":{"location":"/apps/bytebase","crumbs":[{"pathname":"/","crumbLabel":"Home"},{"pathname":"/apps","crumbLabel":"apps"},{"pathname":"/apps/bytebase","crumbLabel":"bytebase"}]},"language":"zh-CN","i18n":{"language":"zh-CN","languages":["en-US","zh-CN"],"defaultLanguage":"zh-CN","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/apps/bytebase","path":"/apps/bytebase"}}},"staticQueryHashes":["2390569662","3367695531","3666294474","3881056605","931386620"]}
{"componentChunkName":"component---src-templates-app-detail-index-jsx","path":"/apps/bytebase","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"}}]},"allContentfulResource":{"nodes":[]},"allContentfulProduct":{"nodes":[{"id":"4653733b-9ef2-5dee-a8a2-d9284920a015","key":"bytebase","title":"数据库的 DevOps 工具","trademark":"Bytebase","review":5,"summary":"数据库的 DevOps 工具","keywords":["可视化管理","数据管理","DevOps","GitOps","Navicat"],"image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/bytebase-websoft9.png"},"type":[{"id":"d57b4b00-ae74-5ec9-a062-a7422b3d2696","key":"dbtools","title":"数据库管理工具","product":[{"id":"4653733b-9ef2-5dee-a8a2-d9284920a015","key":"bytebase","trademark":"Bytebase","summary":"数据库的 DevOps 工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/bytebase-websoft9.png"}},{"id":"2d3921ac-290c-5bc4-92d0-499ce08bb438","key":"postgrest","trademark":"PostgREST","summary":"将 PostgreSQL 转换成 RESTful API 的中间件","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/postgrest-websoft9.png"}},{"id":"214c3329-c6c9-5e3f-8f99-668d173dac75","key":"cloudbeaver","trademark":"CloudBeaver","summary":"开源的 Web 数据库可视化管理工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/cloudbeaver-websoft9.png"}},{"id":"47b77079-d8e3-574a-832f-6f855a6a6c61","key":"redisinsight","trademark":"RedisInsight","summary":"官方出品的 Redis 可视化管理工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/redisinsight-websoft9.png"}},{"id":"dfb77194-836a-5696-9449-1962936ab1c9","key":"phpmyadmin","trademark":"phpMyAdmin","summary":"MySQL/MariaDB 可视化管理工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/phpmyadmin-websoft9.png"}},{"id":"2ef13d86-31e5-5842-99dc-58a45cd022a7","key":"pgadmin","trademark":"pgAdmin","summary":"Web 图形化 PostgreSQL 数据库管理工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/pgadmin-websoft9.png"}},{"id":"8f421658-cb30-5feb-8713-c032e2be463d","key":"mongocompass","trademark":"MongoDB Compass","summary":"MongoDB 官方可视化工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/mongocompass-websoft9.png"}},{"id":"59b54815-e247-55e7-bfc7-27218028197d","key":"directus","trademark":"Directus","summary":"数据驱动的低代码与后端即服务平台","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/directus-websoft9.png"}},{"id":"dd5f26b1-7f93-580a-b455-f3028c13a2a7","key":"chat2db","trademark":"chat2DB","summary":"AI SQL 多数据库管理工具","image":{"imageurl":"https://libs.websoft9.com/Websoft9/logo/product/chat2db-websoft9.png"}}],"catalog":[{"key":"database"}]}],"screenshots":[{"id":"c399afc5-fce5-5de8-bcdb-29803f28c075","key":"架构","value":"https://libs.websoft9.com/Websoft9/DocsPicture/zh/bytebase/bytebase-arch-websoft9.webp"}],"os":["Linux"],"supportLanguage":["英文","简体中文","其它"],"program":[{"id":"36b1275d-f17e-5080-b341-a2fe6f4f4abb","name":"Go"}],"userType":[{"id":"7533e6ff-6314-5ce2-98d9-6eb8370896f6","title":"开发者"},{"id":"07ca85a2-27e8-5581-9ff0-99f3bdda07d0","title":"项目经理"},{"id":"b0d1656f-b408-5c5c-8e16-97a103843799","title":"产品经理"},{"id":"9260ecc7-ab7e-5501-9d3d-da41f5c02229","title":"业务分析师"}],"solution":null,"license":null,"websiteurl":"https://www.bytebase.com/","overview":{"overview":"Bytebase 是面向数据库 DevOps 的 GitLab/GitHub，专为开发人员、DBA 和平台团队打造。"},"highlights":null,"description":{"childMarkdownRemark":{"html":"<p>Bytebase 是一个开源数据库 DevOps 工具，它是用于在整个应用程序开发生命周期中管理数据库的 GitLab/GitHub。它为 DBA、开发人员和平台工程师提供了一个基于 Web 的协作工作区。</p>\n<p>由于 GitLab/GitHub 为团队提供了 GUI 和协作工作区来管理代码，因此 Bytebase 在管理数据库方面也做了类似的工作。</p>"}},"faq":[],"component":null}]}},"pageContext":{"slug":"bytebase","breadcrumb":{"location":"/apps/bytebase","crumbs":[{"pathname":"/","crumbLabel":"Home"},{"pathname":"/apps","crumbLabel":"apps"},{"pathname":"/apps/bytebase","crumbLabel":"bytebase"}]},"language":"zh-CN","i18n":{"language":"zh-CN","languages":["en-US","zh-CN"],"defaultLanguage":"zh-CN","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/apps/bytebase","path":"/apps/bytebase"}}},"staticQueryHashes":["2390569662","3367695531","3666294474","3881056605","931386620"]}
Loading

0 comments on commit 6d54b91

Please sign in to comment.