mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-11-30 19:19:26 +08:00
feat(website): add link to ng-zorro-mobile website; (#12619)
This commit is contained in:
°))))彡
偏右
parent
436cbeed7b
commit
9aa4172c27
@ -44,6 +44,11 @@ const LinksList = () => (
|
||||
NG-ZORRO - Ant Design of Angular<LinkIcon />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://ng.mobile.ant.design" target="_blank">
|
||||
NG-ZORRO-MOBILE - Ant Design Mobile of Angular<LinkIcon />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/FE-Driver/vue-beauty" target="_blank">
|
||||
vue-beauty (vue)<LinkIcon />
|
||||
|
||||
@ -46,6 +46,11 @@ const LinksList = () => (
|
||||
NG-ZORRO - Ant Design of Angular<LinkIcon />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://ng.mobile.ant.design" target="_blank">
|
||||
NG-ZORRO-MOBILE - Ant Design Mobile of Angular<LinkIcon />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/FE-Driver/vue-beauty" target="_blank">
|
||||
vue-beauty (vue)<LinkIcon />
|
||||
|
||||
@ -30,7 +30,7 @@ module.exports = {
|
||||
'app.home.solution': 'Solution',
|
||||
'app.home.components-explain': 'Based on the Ant Design language, we have provided a suite of out-of-the-box with high quality for developing and serving enterprise background applications,including the official React implementation and Angular, Vue implementations',
|
||||
'app.home.product-pro-slogan': 'Out-of-the-box front-end / Design solution',
|
||||
'app.home.product-mobile-slogan': 'antd-mobile is a React implementation of Ant Design\'s mobile specification',
|
||||
'app.home.product-mobile-slogan': 'antd-mobile is the implementation of Ant Design\'s mobile specification',
|
||||
'app.home.product-antv-slogan': 'Simple, professional, with unlimited possibilities for data visualization solutions',
|
||||
'app.home.tool-title': 'Tools & Resources',
|
||||
'app.home.tool-package-title': 'Ant Design Resources',
|
||||
@ -41,6 +41,8 @@ module.exports = {
|
||||
'app.home.tool-kitchen-content': 'A Sketch tools for designers',
|
||||
'app.home.getting-started': 'Getting Started',
|
||||
'app.home.more': 'Learn more',
|
||||
'app.home.more-mobile-react': 'Ant Design Mobile of React',
|
||||
'app.home.more-mobile-angular': 'Ant Design Mobile of Angular',
|
||||
'app.footer.repo': 'GitHub Repository',
|
||||
'app.footer.awesome': 'Awesome Ant Design',
|
||||
'app.footer.course': 'Ant Design Practical Tutorial',
|
||||
|
||||
@ -269,6 +269,11 @@ svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
.more-mobile-react, .more-mobile-angular {
|
||||
display: block;
|
||||
color: @home-bg-color;
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
.block-image-wrapper {
|
||||
height: 104px;
|
||||
|
||||
@ -293,6 +293,13 @@
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
a.more-mobile-react, a.more-mobile-angular {
|
||||
color: @link-color;
|
||||
margin-top: 0;
|
||||
}
|
||||
a.more-mobile-react:hover, a.more-mobile-angular:hover {
|
||||
color: #40a9ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -23,7 +23,6 @@ const page2Data = [
|
||||
img: 'https://gw.alipayobjects.com/zos/rmsportal/GobRAKexhfTSJdLFzDFY.svg',
|
||||
name: 'Ant Design Mobile',
|
||||
slogan: (<FormattedMessage id="app.home.product-mobile-slogan" />),
|
||||
link: 'https://mobile.ant.design/index-cn',
|
||||
},
|
||||
{
|
||||
img: 'https://gw.alipayobjects.com/zos/rmsportal/slVtnOCcgeAcLEPwtewY.svg',
|
||||
@ -85,10 +84,24 @@ export default function Page2({ isMobile, locale }) {
|
||||
if (!isMobile && !i) {
|
||||
return null;
|
||||
}
|
||||
const content = isMobile && !i ? componentButton : [
|
||||
const mobileContent = (
|
||||
<div className="components-button-wrapper">
|
||||
<p key="p">{item.slogan}</p>
|
||||
<a className="more-mobile-react" href="https://mobile.ant.design" target="_black">
|
||||
<FormattedMessage id="app.home.more-mobile-react" />
|
||||
<Icon type="right" />
|
||||
</a>
|
||||
<a className="more-mobile-angular" href="http://ng.mobile.ant.design" target="_black">
|
||||
<FormattedMessage id="app.home.more-mobile-angular" />
|
||||
<Icon type="right" />
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
const moreContent = i === 2 ? mobileContent : [
|
||||
<p key="p">{item.slogan}</p>,
|
||||
<span className="more" key="a"><FormattedMessage id="app.home.more" /> <Icon type="right" /></span>,
|
||||
];
|
||||
const content = isMobile && !i ? componentButton : moreContent;
|
||||
return (
|
||||
<a className="product-block" key={item.name} href={item.link} style={{ display: 'block' }}>
|
||||
<Row>
|
||||
|
||||
@ -104,6 +104,9 @@ class Footer extends React.Component {
|
||||
<span> - </span>
|
||||
Ant Design of Angular
|
||||
</div>
|
||||
<div>
|
||||
<a href="http://ng.mobile.ant.design">NG-ZORRO-MOBILE</a>
|
||||
</div>
|
||||
<div>
|
||||
<a target="_blank " href="https://github.com/websemantics/awesome-ant-design">
|
||||
<FormattedMessage id="app.footer.awesome" />
|
||||
|
||||
@ -30,7 +30,7 @@ module.exports = {
|
||||
'app.home.solution': '解决方案',
|
||||
'app.home.components-explain': '基于 Ant Design 设计语言，我们提供了一套开箱即用的高质量 React 组件，用于开发和服务于企业级中后台产品，除官方的 React 实现，还有 Angular、Vue 的实现',
|
||||
'app.home.product-pro-slogan': '开箱即用的中台前端/设计解决方案',
|
||||
'app.home.product-mobile-slogan': 'antd-mobile 是 Ant Design 的移动规范的 React 实现',
|
||||
'app.home.product-mobile-slogan': 'antd-mobile 是 Ant Design 移动规范的实现',
|
||||
'app.home.product-antv-slogan': '简单、专业、拥有无限可能的数据可视化解决方案',
|
||||
'app.home.tool-title': '工具和资源',
|
||||
'app.home.tool-package-title': 'Ant Design 资源包',
|
||||
@ -41,6 +41,8 @@ module.exports = {
|
||||
'app.home.tool-kitchen-content': '一个为设计师提效的 Sketch 工具集',
|
||||
'app.home.getting-started': '开始使用',
|
||||
'app.home.more': '查看更多',
|
||||
'app.home.more-mobile-react': 'Ant Design Mobile of React',
|
||||
'app.home.more-mobile-angular': 'Ant Design Mobile of Angular',
|
||||
'app.footer.repo': 'GitHub 仓库',
|
||||
'app.footer.awesome': 'Awesome Ant Design',
|
||||
'app.footer.course': 'Ant Design 实战教程',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user