mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 19:19:57 +08:00
site: add alt to images
This commit is contained in:
parent
0f73b5d3f7
commit
6458280cb3
@ -213,7 +213,7 @@ According to [React documentation](https://facebook.github.io/react/docs/lists-a
|
|||||||
|
|
||||||
If `dataSource[i].key` is not provided, then you should specify the primary key of dataSource value via `rowKey`. If not, warnings like above will show in browser console.
|
If `dataSource[i].key` is not provided, then you should specify the primary key of dataSource value via `rowKey`. If not, warnings like above will show in browser console.
|
||||||
|
|
||||||
![](https://os.alipayobjects.com/rmsportal/luLdLvhPOiRpyss.png)
|
![console warning](https://os.alipayobjects.com/rmsportal/luLdLvhPOiRpyss.png)
|
||||||
|
|
||||||
```jsx
|
```jsx
|
||||||
// primary key is uid
|
// primary key is uid
|
||||||
|
@ -213,7 +213,7 @@ class NameColumn extends Table.Column<IUser> {}
|
|||||||
|
|
||||||
如果你的数据没有这个属性,务必使用 `rowKey` 来指定数据列的主键。若没有指定,控制台会出现以下的提示,表格组件也会出现各类奇怪的错误。
|
如果你的数据没有这个属性,务必使用 `rowKey` 来指定数据列的主键。若没有指定,控制台会出现以下的提示,表格组件也会出现各类奇怪的错误。
|
||||||
|
|
||||||
![](https://os.alipayobjects.com/rmsportal/luLdLvhPOiRpyss.png)
|
![控制台警告](https://os.alipayobjects.com/rmsportal/luLdLvhPOiRpyss.png)
|
||||||
|
|
||||||
```jsx
|
```jsx
|
||||||
// 比如你的数据主键是 uid
|
// 比如你的数据主键是 uid
|
||||||
|
@ -5,7 +5,7 @@ title: Customize Theme
|
|||||||
|
|
||||||
Ant Design allows you to customize some basic design aspects in order to meet the needs of UI diversity from business and brand, including primary color, border radius, border color, etc.
|
Ant Design allows you to customize some basic design aspects in order to meet the needs of UI diversity from business and brand, including primary color, border radius, border color, etc.
|
||||||
|
|
||||||
![](https://zos.alipayobjects.com/rmsportal/zTFoszBtDODhXfLAazfSpYbSLSEeytoG.png)
|
![customized themes](https://zos.alipayobjects.com/rmsportal/zTFoszBtDODhXfLAazfSpYbSLSEeytoG.png)
|
||||||
|
|
||||||
## Less variables
|
## Less variables
|
||||||
|
|
||||||
|
@ -5,7 +5,7 @@ title: 定制主题
|
|||||||
|
|
||||||
Ant Design 设计规范上支持一定程度的样式定制,以满足业务和品牌上多样化的视觉需求,包括但不限于主色、圆角、边框和部分组件的视觉定制。
|
Ant Design 设计规范上支持一定程度的样式定制,以满足业务和品牌上多样化的视觉需求,包括但不限于主色、圆角、边框和部分组件的视觉定制。
|
||||||
|
|
||||||
![](https://zos.alipayobjects.com/rmsportal/zTFoszBtDODhXfLAazfSpYbSLSEeytoG.png)
|
![一些配置好的主题](https://zos.alipayobjects.com/rmsportal/zTFoszBtDODhXfLAazfSpYbSLSEeytoG.png)
|
||||||
|
|
||||||
## 样式变量
|
## 样式变量
|
||||||
|
|
||||||
|
@ -179,7 +179,7 @@ If you see logs like below screenshot, you might be importing all components by
|
|||||||
You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.
|
You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.
|
||||||
```
|
```
|
||||||
|
|
||||||
> ![](https://zos.alipayobjects.com/rmsportal/GHIRszVcmjccgZRakJDQ.png)
|
> ![console warning](https://zos.alipayobjects.com/rmsportal/GHIRszVcmjccgZRakJDQ.png)
|
||||||
|
|
||||||
However, we can import individual components on demand:
|
However, we can import individual components on demand:
|
||||||
|
|
||||||
|
@ -179,7 +179,7 @@ IE8 需要配合使用 [react@0.14.x](https://facebook.github.io/react/blog/2016
|
|||||||
You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.
|
You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.
|
||||||
```
|
```
|
||||||
|
|
||||||
> ![](https://zos.alipayobjects.com/rmsportal/GHIRszVcmjccgZRakJDQ.png)
|
> ![控制台警告](https://zos.alipayobjects.com/rmsportal/GHIRszVcmjccgZRakJDQ.png)
|
||||||
|
|
||||||
可以通过以下的写法来按需加载组件。
|
可以通过以下的写法来按需加载组件。
|
||||||
|
|
||||||
|
@ -66,12 +66,12 @@ export default function BannerImage() {
|
|||||||
<g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" transform="translate(0, 30)">
|
<g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" transform="translate(0, 30)">
|
||||||
<g id="Group-7" transform="translate(56.000000, 124)">
|
<g id="Group-7" transform="translate(56.000000, 124)">
|
||||||
<TweenOneG animation={animate.rotateY}>
|
<TweenOneG animation={animate.rotateY}>
|
||||||
<image id="cc2" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/DJWUmdpxcQakQHwhPjzf.png" width="124px" height="130px" />
|
<image id="cc2" alt="globe" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/DJWUmdpxcQakQHwhPjzf.png" width="124px" height="130px" />
|
||||||
</TweenOneG>
|
</TweenOneG>
|
||||||
</g>
|
</g>
|
||||||
<g id="Group-8" transform="translate(127.000000, 82)">
|
<g id="Group-8" transform="translate(127.000000, 82)">
|
||||||
<TweenOneG animation={animate.rotateR}>
|
<TweenOneG animation={animate.rotateR}>
|
||||||
<image id="cc1" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/DEaRdiYbAyVNRelJpwXx.png" width="195px" height="163px" />
|
<image id="cc1" alt="globe" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/DEaRdiYbAyVNRelJpwXx.png" width="195px" height="163px" />
|
||||||
</TweenOneG>
|
</TweenOneG>
|
||||||
</g>
|
</g>
|
||||||
<g id="Group-13" transform="translate(0.000000, 41.000000)">
|
<g id="Group-13" transform="translate(0.000000, 41.000000)">
|
||||||
@ -104,18 +104,18 @@ export default function BannerImage() {
|
|||||||
</g>
|
</g>
|
||||||
<g id="Group-9" transform="translate(322.000000, 107.000000)">
|
<g id="Group-9" transform="translate(322.000000, 107.000000)">
|
||||||
<TweenOneG style={{ transformOrigin: '50px 40px' }} animation={animate.rotateR}>
|
<TweenOneG style={{ transformOrigin: '50px 40px' }} animation={animate.rotateR}>
|
||||||
<image id="cc3" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/cCmuVrmQIJYlrhFjiPDZ.png" width="160px" height="66px" />
|
<image id="cc3" alt="globe" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/cCmuVrmQIJYlrhFjiPDZ.png" width="160px" height="66px" />
|
||||||
</TweenOneG>
|
</TweenOneG>
|
||||||
</g>
|
</g>
|
||||||
<g id="Group-12" transform="translate(271.000000, 2)">
|
<g id="Group-12" transform="translate(271.000000, 2)">
|
||||||
<TweenOneG style={{ transformOrigin: '125px 200px' }} animation={animate.rotate}>
|
<TweenOneG style={{ transformOrigin: '125px 200px' }} animation={animate.rotate}>
|
||||||
<image id="cc0" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/TOElddMOrCWlgZvWTJna.png" width="184px" height="293px" />
|
<image id="cc0" alt="globe" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/TOElddMOrCWlgZvWTJna.png" width="184px" height="293px" />
|
||||||
</TweenOneG>
|
</TweenOneG>
|
||||||
</g>
|
</g>
|
||||||
</TweenOneG>
|
</TweenOneG>
|
||||||
<g id="Group-14" transform="translate(150.000000, 230.000000)">
|
<g id="Group-14" transform="translate(150.000000, 230.000000)">
|
||||||
<g id="Group-22" transform="translate(62.000000, 7.000000)">
|
<g id="Group-22" transform="translate(62.000000, 7.000000)">
|
||||||
<image id="cc4" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/FpKOqFadwoFFIZFExjaf.png" width="151px" height="234px" />
|
<image id="cc4" alt="globe" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/FpKOqFadwoFFIZFExjaf.png" width="151px" height="234px" />
|
||||||
</g>
|
</g>
|
||||||
<mask id="mask-2">
|
<mask id="mask-2">
|
||||||
<use xlinkHref="#mask" fill="white" transform="translate(-42, -33)" />
|
<use xlinkHref="#mask" fill="white" transform="translate(-42, -33)" />
|
||||||
@ -127,7 +127,7 @@ export default function BannerImage() {
|
|||||||
<path d="M83.1700911,35.9320015 C63.5256194,37.9279025 44.419492,43.1766434 25.8517088,51.6782243 C14.3939956,57.7126276 7.77167019,64.8449292 7.77167019,72.4866248 C7.77167019,94.1920145 61.1993389,111.787709 127.105708,111.787709 C193.012078,111.787709 246.439746,94.1920145 246.439746,72.4866248 C246.439746,55.2822262 212.872939,40.6598106 166.13127,35.3351955" id="line-s" stroke="#0D1A26" strokeWidth="1.35" strokeLinecap="round" transform="translate(127.105708, 73.561453) rotate(-16.000000) translate(-127.105708, -73.561453) " />
|
<path d="M83.1700911,35.9320015 C63.5256194,37.9279025 44.419492,43.1766434 25.8517088,51.6782243 C14.3939956,57.7126276 7.77167019,64.8449292 7.77167019,72.4866248 C7.77167019,94.1920145 61.1993389,111.787709 127.105708,111.787709 C193.012078,111.787709 246.439746,94.1920145 246.439746,72.4866248 C246.439746,55.2822262 212.872939,40.6598106 166.13127,35.3351955" id="line-s" stroke="#0D1A26" strokeWidth="1.35" strokeLinecap="round" transform="translate(127.105708, 73.561453) rotate(-16.000000) translate(-127.105708, -73.561453) " />
|
||||||
</g>
|
</g>
|
||||||
<TweenOneG animation={animate.path}>
|
<TweenOneG animation={animate.path}>
|
||||||
<image id="id2" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/IauKICnGjGnotJBEyCRK.png" x="16" y="62" width="26px" height="26px" />
|
<image alt="globe" id="id2" xlinkHref="https://gw.alipayobjects.com/zos/rmsportal/IauKICnGjGnotJBEyCRK.png" x="16" y="62" width="26px" height="26px" />
|
||||||
</TweenOneG>
|
</TweenOneG>
|
||||||
</g>
|
</g>
|
||||||
</TweenOneG>
|
</TweenOneG>
|
||||||
|
Loading…
Reference in New Issue
Block a user