You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
3.8 KiB
1 lines
3.8 KiB
"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[714],{668061:function(d,s,e){e.r(s);var m=e(502143),u=e(968521),h=e(720719),g=e(28840),E=e(759907),v=e(828089),P=e(825673),D=e(902068),M=e(574399),c=e(863942),O=e(316073),T=e(24628),x=e(719260),Z=e(956140),p=e(127179),C=e(905388),b=e(40428),t=e(606965),I=e(268696),A=e(587302),i=e(424128),R=e(249706),W=e(795127),L=e(116846),B=e(212039),w=e(73024),K=e(553913),a=e(606641),o=e(667294),_=e(370917);function l(){var r=(0,a.eL)(),n=r.texts;return(0,_.tZ)(a.dY,null,(0,_.tZ)(o.Fragment,null,(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,n[0].value),(0,_.tZ)("blockquote",null,(0,_.tZ)("img",{src:"https://os.alipayobjects.com/rmsportal/wAcbQmeqTWDqsnu.png",width:"150"}),n[1].value),(0,_.tZ)("hr",null),(0,_.tZ)("h2",{id:"always-visible-tools"},(0,_.tZ)(i.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#always-visible-tools",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Always-Visible Tools")),(0,_.tZ)(t.Z,null,n[2].value,(0,_.tZ)("img",{className:"preview-img",alt:"example of Always-Visible Tools, from Zhihu",description:"Status No.1: A clear clickable area makes it easier to highlight the button on the page.<br>Status No.2: As hovering over the button, the mouse pointer turns into a hand symbol, and the fill color of the button changes to a dark color, which provides a clear call to action.<br>Status No.3: The style of the button obviously changes once clicked.",src:"https://gw.alipayobjects.com/zos/rmsportal/ofpeZpgdrqXcRpTlVXTp.png"})),(0,_.tZ)("div",{className:"markdown"},n[3].value,(0,_.tZ)("br",null),(0,_.tZ)("hr",null),(0,_.tZ)("h2",{id:"hover-reveal-tools"},(0,_.tZ)(i.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#hover-reveal-tools",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Hover-Reveal Tools")),(0,_.tZ)(t.Z,null,n[4].value,(0,_.tZ)("img",{className:"preview-img",alt:"example of Hover-Reveal Tools",description:"On mouse hover, the tools are revealed.",src:"https://gw.alipayobjects.com/zos/rmsportal/XzKWrNfqIMNnIrwWNJYg.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,n[5].value),(0,_.tZ)("br",null),(0,_.tZ)("hr",null),(0,_.tZ)("h2",{id:"toggle-reveal-tools"},(0,_.tZ)(i.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#toggle-reveal-tools",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Toggle-Reveal Tools")),(0,_.tZ)(t.Z,null,n[6].value,(0,_.tZ)("img",{className:"preview-img",alt:"example of Toggle-Reveal Tools",description:"The table reveals an input box from the text only when the edit mode is turned on for the area.",src:"https://gw.alipayobjects.com/zos/rmsportal/iLilpTYKqogBNlwpmVGw.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,n[7].value),(0,_.tZ)("br",null),(0,_.tZ)("hr",null),(0,_.tZ)("h2",{id:"visible-area--clickable-area"},(0,_.tZ)(i.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#visible-area--clickable-area",sourceType:"a"},(0,_.tZ)("span",{className:"icon icon-link"})),"Visible Area \u2260 Clickable Area")),(0,_.tZ)(t.Z,null,n[8].value,(0,_.tZ)("img",{className:"preview-img",alt:"example of hypertext hot spot",description:"When hovering on the cell in which the hypertext is positioned, the mouse turns from a cursor to a hand symbol. Click it and jump to another page.",src:"https://gw.alipayobjects.com/zos/rmsportal/lhOpWlaOzwsuHGxqHgPg.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,n[9].value),(0,_.tZ)("br",null)),(0,_.tZ)(t.Z,null,n[10].value,(0,_.tZ)("img",{className:"preview-img",alt:"example of button hot spot",description:"Move the mouse near the button and activate the hover state.",src:"https://gw.alipayobjects.com/zos/rmsportal/BlUnqNCHsgUnhnRjMTnX.png"})),(0,_.tZ)("div",{className:"markdown"},(0,_.tZ)("p",null,n[11].value),(0,_.tZ)("blockquote",null,(0,_.tZ)("p",null,n[12].value)))))}s.default=l}}]);
|
|
|