1# toolbar-item<a name="ZH-CN_TOPIC_0000001209252173"></a> 2 3工具栏子组件。作为工具栏组件的子组件，用于展示工具栏上的一个操作选项。 4 5> **说明：** 6>从API Version 5 开始支持。 7 8## 子组件<a name="zh-cn_topic_0000001127125080_section9288143101012"></a> 9 10无 11 12## 属性<a name="zh-cn_topic_0000001127125080_section19217161499"></a> 13 14除支持[通用属性](js-components-common-attributes.md)外，还支持如下属性： 15 16<a name="zh-cn_topic_0000001127125080_table20633101642315"></a> 17<table><thead align="left"><tr id="zh-cn_topic_0000001127125080_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001127125080_a45273e2103004ff3bdd3375013e96a2a"><a name="zh-cn_topic_0000001127125080_a45273e2103004ff3bdd3375013e96a2a"></a><a name="zh-cn_topic_0000001127125080_a45273e2103004ff3bdd3375013e96a2a"></a>名称</p> 18</th> 19<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001127125080_ad5b10d4a60e44bb4a8bbb3b4416d7b27"><a name="zh-cn_topic_0000001127125080_ad5b10d4a60e44bb4a8bbb3b4416d7b27"></a><a name="zh-cn_topic_0000001127125080_ad5b10d4a60e44bb4a8bbb3b4416d7b27"></a>类型</p> 20</th> 21<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001127125080_ab2ae3d9f60d6475ab95ba095851a9d07"><a name="zh-cn_topic_0000001127125080_ab2ae3d9f60d6475ab95ba095851a9d07"></a><a name="zh-cn_topic_0000001127125080_ab2ae3d9f60d6475ab95ba095851a9d07"></a>默认值</p> 22</th> 23<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001127125080_p824610360217"><a name="zh-cn_topic_0000001127125080_p824610360217"></a><a name="zh-cn_topic_0000001127125080_p824610360217"></a>必填</p> 24</th> 25<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001127125080_af5c3b773ed0a42e589819a6c8d257ca1"><a name="zh-cn_topic_0000001127125080_af5c3b773ed0a42e589819a6c8d257ca1"></a><a name="zh-cn_topic_0000001127125080_af5c3b773ed0a42e589819a6c8d257ca1"></a>描述</p> 26</th> 27</tr> 28</thead> 29<tbody><tr id="zh-cn_topic_0000001127125080_row1745453714917"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_p1345453714498"><a name="zh-cn_topic_0000001127125080_p1345453714498"></a><a name="zh-cn_topic_0000001127125080_p1345453714498"></a>value</p> 30</td> 31<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_p8454537164910"><a name="zh-cn_topic_0000001127125080_p8454537164910"></a><a name="zh-cn_topic_0000001127125080_p8454537164910"></a>string</p> 32</td> 33<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_p645511377498"><a name="zh-cn_topic_0000001127125080_p645511377498"></a><a name="zh-cn_topic_0000001127125080_p645511377498"></a>-</p> 34</td> 35<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p10455637114917"><a name="zh-cn_topic_0000001127125080_p10455637114917"></a><a name="zh-cn_topic_0000001127125080_p10455637114917"></a>是</p> 36</td> 37<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_p18883831183010"><a name="zh-cn_topic_0000001127125080_p18883831183010"></a><a name="zh-cn_topic_0000001127125080_p18883831183010"></a>该操作项文本内容。</p> 38</td> 39</tr> 40<tr id="zh-cn_topic_0000001127125080_row1937143418494"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_p15372163494913"><a name="zh-cn_topic_0000001127125080_p15372163494913"></a><a name="zh-cn_topic_0000001127125080_p15372163494913"></a>icon</p> 41</td> 42<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_p13726344494"><a name="zh-cn_topic_0000001127125080_p13726344494"></a><a name="zh-cn_topic_0000001127125080_p13726344494"></a>string</p> 43</td> 44<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_p937223417498"><a name="zh-cn_topic_0000001127125080_p937223417498"></a><a name="zh-cn_topic_0000001127125080_p937223417498"></a>-</p> 45</td> 46<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p19372183413493"><a name="zh-cn_topic_0000001127125080_p19372183413493"></a><a name="zh-cn_topic_0000001127125080_p19372183413493"></a>是</p> 47</td> 48<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_p837212344498"><a name="zh-cn_topic_0000001127125080_p837212344498"></a><a name="zh-cn_topic_0000001127125080_p837212344498"></a>该操作项图标资源路径，该图标展示在选项文本上，支持本地路径，格式为png，jpg和svg。</p> 49</td> 50</tr> 51</tbody> 52</table> 53 54## 样式<a name="zh-cn_topic_0000001127125080_section184493015533"></a> 55 56仅支持如下样式： 57 58<a name="zh-cn_topic_0000001127125080_table1744514388541"></a> 59<table><thead align="left"><tr id="zh-cn_topic_0000001127125080_row1244614388545"><th class="cellrowborder" valign="top" width="17.98%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001127125080_a4e80fb5a797c4328af30d59e2c570c71"><a name="zh-cn_topic_0000001127125080_a4e80fb5a797c4328af30d59e2c570c71"></a><a name="zh-cn_topic_0000001127125080_a4e80fb5a797c4328af30d59e2c570c71"></a>名称</p> 60</th> 61<th class="cellrowborder" valign="top" width="15.82%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001127125080_a4238bd3a376645a3ad8498d3916ed6c8"><a name="zh-cn_topic_0000001127125080_a4238bd3a376645a3ad8498d3916ed6c8"></a><a name="zh-cn_topic_0000001127125080_a4238bd3a376645a3ad8498d3916ed6c8"></a>类型</p> 62</th> 63<th class="cellrowborder" valign="top" width="12.379999999999999%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001127125080_a5ece9efc3a1d464a868f9557e4784a97"><a name="zh-cn_topic_0000001127125080_a5ece9efc3a1d464a868f9557e4784a97"></a><a name="zh-cn_topic_0000001127125080_a5ece9efc3a1d464a868f9557e4784a97"></a>默认值</p> 64</th> 65<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001127125080_p19451142418147"><a name="zh-cn_topic_0000001127125080_p19451142418147"></a><a name="zh-cn_topic_0000001127125080_p19451142418147"></a>必填</p> 66</th> 67<th class="cellrowborder" valign="top" width="46.300000000000004%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001127125080_a2454f35c1eef44b4bb681caaa3ce48fc"><a name="zh-cn_topic_0000001127125080_a2454f35c1eef44b4bb681caaa3ce48fc"></a><a name="zh-cn_topic_0000001127125080_a2454f35c1eef44b4bb681caaa3ce48fc"></a>描述</p> 68</th> 69</tr> 70</thead> 71<tbody><tr id="zh-cn_topic_0000001127125080_row1968320716339"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_p16782113422516"><a name="zh-cn_topic_0000001127125080_p16782113422516"></a><a name="zh-cn_topic_0000001127125080_p16782113422516"></a>color</p> 72</td> 73<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_p678210342255"><a name="zh-cn_topic_0000001127125080_p678210342255"></a><a name="zh-cn_topic_0000001127125080_p678210342255"></a><color></p> 74</td> 75<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_p11782113462512"><a name="zh-cn_topic_0000001127125080_p11782113462512"></a><a name="zh-cn_topic_0000001127125080_p11782113462512"></a>#e6000000</p> 76</td> 77<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p1945222451418"><a name="zh-cn_topic_0000001127125080_p1945222451418"></a><a name="zh-cn_topic_0000001127125080_p1945222451418"></a>否</p> 78</td> 79<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_p9782134122511"><a name="zh-cn_topic_0000001127125080_p9782134122511"></a><a name="zh-cn_topic_0000001127125080_p9782134122511"></a>文本颜色。</p> 80</td> 81</tr> 82<tr id="zh-cn_topic_0000001127125080_row93711310173314"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_p15365537102518"><a name="zh-cn_topic_0000001127125080_p15365537102518"></a><a name="zh-cn_topic_0000001127125080_p15365537102518"></a>font-size</p> 83</td> 84<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_p1636517375255"><a name="zh-cn_topic_0000001127125080_p1636517375255"></a><a name="zh-cn_topic_0000001127125080_p1636517375255"></a><length></p> 85</td> 86<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_p7365103717256"><a name="zh-cn_topic_0000001127125080_p7365103717256"></a><a name="zh-cn_topic_0000001127125080_p7365103717256"></a>16px</p> 87</td> 88<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p1452152481418"><a name="zh-cn_topic_0000001127125080_p1452152481418"></a><a name="zh-cn_topic_0000001127125080_p1452152481418"></a>否</p> 89</td> 90<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_p336663712252"><a name="zh-cn_topic_0000001127125080_p336663712252"></a><a name="zh-cn_topic_0000001127125080_p336663712252"></a>文本大小。</p> 91</td> 92</tr> 93<tr id="zh-cn_topic_0000001127125080_row48601612153319"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_p3376124017256"><a name="zh-cn_topic_0000001127125080_p3376124017256"></a><a name="zh-cn_topic_0000001127125080_p3376124017256"></a>allow-scale</p> 94</td> 95<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_p1437654010251"><a name="zh-cn_topic_0000001127125080_p1437654010251"></a><a name="zh-cn_topic_0000001127125080_p1437654010251"></a>boolean</p> 96</td> 97<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_p1376154072515"><a name="zh-cn_topic_0000001127125080_p1376154072515"></a><a name="zh-cn_topic_0000001127125080_p1376154072515"></a>true</p> 98</td> 99<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p1452132471420"><a name="zh-cn_topic_0000001127125080_p1452132471420"></a><a name="zh-cn_topic_0000001127125080_p1452132471420"></a>否</p> 100</td> 101<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_p1937615404253"><a name="zh-cn_topic_0000001127125080_p1937615404253"></a><a name="zh-cn_topic_0000001127125080_p1937615404253"></a>文本尺寸是否跟随系统设置字体缩放尺寸进行放大缩小。</p> 102</td> 103</tr> 104<tr id="zh-cn_topic_0000001127125080_row1421915113312"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_p0781642162510"><a name="zh-cn_topic_0000001127125080_p0781642162510"></a><a name="zh-cn_topic_0000001127125080_p0781642162510"></a>font-style</p> 105</td> 106<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_p107816428255"><a name="zh-cn_topic_0000001127125080_p107816428255"></a><a name="zh-cn_topic_0000001127125080_p107816428255"></a>string</p> 107</td> 108<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_p17811342142514"><a name="zh-cn_topic_0000001127125080_p17811342142514"></a><a name="zh-cn_topic_0000001127125080_p17811342142514"></a>normal</p> 109</td> 110<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p11452162417140"><a name="zh-cn_topic_0000001127125080_p11452162417140"></a><a name="zh-cn_topic_0000001127125080_p11452162417140"></a>否</p> 111</td> 112<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_p197817427251"><a name="zh-cn_topic_0000001127125080_p197817427251"></a><a name="zh-cn_topic_0000001127125080_p197817427251"></a>文本字体样式，可选值为：</p> 113<a name="zh-cn_topic_0000001127125080_ol3712173853714"></a><a name="zh-cn_topic_0000001127125080_ol3712173853714"></a><ol id="zh-cn_topic_0000001127125080_ol3712173853714"><li>normal: 标准的字体样式；</li><li>italic: 斜体的字体样式。</li></ol> 114</td> 115</tr> 116<tr id="zh-cn_topic_0000001127125080_row1373417172335"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_p9764174572513"><a name="zh-cn_topic_0000001127125080_p9764174572513"></a><a name="zh-cn_topic_0000001127125080_p9764174572513"></a>font-weight</p> 117</td> 118<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_p37641045112510"><a name="zh-cn_topic_0000001127125080_p37641045112510"></a><a name="zh-cn_topic_0000001127125080_p37641045112510"></a>number|string</p> 119</td> 120<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_p1976434511252"><a name="zh-cn_topic_0000001127125080_p1976434511252"></a><a name="zh-cn_topic_0000001127125080_p1976434511252"></a>normal</p> 121</td> 122<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p24528247143"><a name="zh-cn_topic_0000001127125080_p24528247143"></a><a name="zh-cn_topic_0000001127125080_p24528247143"></a>否</p> 123</td> 124<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_p17641452258"><a name="zh-cn_topic_0000001127125080_p17641452258"></a><a name="zh-cn_topic_0000001127125080_p17641452258"></a>文本字体粗细，number类型取值[100, 900]的整数（被100整除），默认为400，取值越大，字体越粗。string类型取值为：lighter、normal、bold、bolder。</p> 125</td> 126</tr> 127<tr id="zh-cn_topic_0000001127125080_row017015211338"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_p1693494732511"><a name="zh-cn_topic_0000001127125080_p1693494732511"></a><a name="zh-cn_topic_0000001127125080_p1693494732511"></a>text-decoration</p> 128</td> 129<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_p7934124713256"><a name="zh-cn_topic_0000001127125080_p7934124713256"></a><a name="zh-cn_topic_0000001127125080_p7934124713256"></a>string</p> 130</td> 131<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_p1493416479256"><a name="zh-cn_topic_0000001127125080_p1493416479256"></a><a name="zh-cn_topic_0000001127125080_p1493416479256"></a>none</p> 132</td> 133<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p9452124171410"><a name="zh-cn_topic_0000001127125080_p9452124171410"></a><a name="zh-cn_topic_0000001127125080_p9452124171410"></a>否</p> 134</td> 135<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_p18934647142514"><a name="zh-cn_topic_0000001127125080_p18934647142514"></a><a name="zh-cn_topic_0000001127125080_p18934647142514"></a>文本修饰，可选值为：</p> 136<a name="zh-cn_topic_0000001127125080_ol280935211386"></a><a name="zh-cn_topic_0000001127125080_ol280935211386"></a><ol id="zh-cn_topic_0000001127125080_ol280935211386"><li>underline: 文本下划线修饰；</li><li>line-through: 穿过文本的修饰线；</li><li>none: 标准文本。</li></ol> 137</td> 138</tr> 139<tr id="zh-cn_topic_0000001127125080_row458624153320"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_p1543212507250"><a name="zh-cn_topic_0000001127125080_p1543212507250"></a><a name="zh-cn_topic_0000001127125080_p1543212507250"></a>font-family</p> 140</td> 141<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_p1243215092510"><a name="zh-cn_topic_0000001127125080_p1243215092510"></a><a name="zh-cn_topic_0000001127125080_p1243215092510"></a>string</p> 142</td> 143<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_p34321750192510"><a name="zh-cn_topic_0000001127125080_p34321750192510"></a><a name="zh-cn_topic_0000001127125080_p34321750192510"></a>sans-serif</p> 144</td> 145<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p1945217249142"><a name="zh-cn_topic_0000001127125080_p1945217249142"></a><a name="zh-cn_topic_0000001127125080_p1945217249142"></a>否</p> 146</td> 147<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_p134322050162510"><a name="zh-cn_topic_0000001127125080_p134322050162510"></a><a name="zh-cn_topic_0000001127125080_p134322050162510"></a>字体列表，用逗号分隔，每个字体用字体名或者字体族名设置。列表中第一个系统中存在的或者通过<a href="js-components-common-customizing-font.md">自定义字体</a>指定的字体，会被选中作为文本的字体。</p> 148</td> 149</tr> 150<tr id="zh-cn_topic_0000001127125080_row5132259115419"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_a473248d0f1ad4a6b87934aab462b09ce"><a name="zh-cn_topic_0000001127125080_a473248d0f1ad4a6b87934aab462b09ce"></a><a name="zh-cn_topic_0000001127125080_a473248d0f1ad4a6b87934aab462b09ce"></a>background</p> 151</td> 152<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_a7c54e775a6bf4bbea277ff8927cc4c13"><a name="zh-cn_topic_0000001127125080_a7c54e775a6bf4bbea277ff8927cc4c13"></a><a name="zh-cn_topic_0000001127125080_a7c54e775a6bf4bbea277ff8927cc4c13"></a><linear-gradient></p> 153</td> 154<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_a5bbca83860ff4086bba1bf5b8698e28c"><a name="zh-cn_topic_0000001127125080_a5bbca83860ff4086bba1bf5b8698e28c"></a><a name="zh-cn_topic_0000001127125080_a5bbca83860ff4086bba1bf5b8698e28c"></a>-</p> 155</td> 156<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p845216243143"><a name="zh-cn_topic_0000001127125080_p845216243143"></a><a name="zh-cn_topic_0000001127125080_p845216243143"></a>否</p> 157</td> 158<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_ad385002530a346f09c23e6745ca0e916"><a name="zh-cn_topic_0000001127125080_ad385002530a346f09c23e6745ca0e916"></a><a name="zh-cn_topic_0000001127125080_ad385002530a346f09c23e6745ca0e916"></a>仅支持设置<a href="js-components-common-gradient.md">渐变样式</a>，与background-color、background-image不兼容。</p> 159</td> 160</tr> 161<tr id="zh-cn_topic_0000001127125080_row1613225905418"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_af5c7b4fc3d8949b5aff81c5b49783259"><a name="zh-cn_topic_0000001127125080_af5c7b4fc3d8949b5aff81c5b49783259"></a><a name="zh-cn_topic_0000001127125080_af5c7b4fc3d8949b5aff81c5b49783259"></a>background-color</p> 162</td> 163<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_a3f45d99020c04479943ad07f262a591c"><a name="zh-cn_topic_0000001127125080_a3f45d99020c04479943ad07f262a591c"></a><a name="zh-cn_topic_0000001127125080_a3f45d99020c04479943ad07f262a591c"></a><color></p> 164</td> 165<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_add693215147d46e59c859940cc4520e8"><a name="zh-cn_topic_0000001127125080_add693215147d46e59c859940cc4520e8"></a><a name="zh-cn_topic_0000001127125080_add693215147d46e59c859940cc4520e8"></a>-</p> 166</td> 167<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p545218247144"><a name="zh-cn_topic_0000001127125080_p545218247144"></a><a name="zh-cn_topic_0000001127125080_p545218247144"></a>否</p> 168</td> 169<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_acd48c077d9964749ae766636b8ada95c"><a name="zh-cn_topic_0000001127125080_acd48c077d9964749ae766636b8ada95c"></a><a name="zh-cn_topic_0000001127125080_acd48c077d9964749ae766636b8ada95c"></a>设置背景颜色。</p> 170</td> 171</tr> 172<tr id="zh-cn_topic_0000001127125080_row20131459185410"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_a9ebf9bd289374413a2834bab0e3b46d4"><a name="zh-cn_topic_0000001127125080_a9ebf9bd289374413a2834bab0e3b46d4"></a><a name="zh-cn_topic_0000001127125080_a9ebf9bd289374413a2834bab0e3b46d4"></a>background-image</p> 173</td> 174<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_a46c151a9e45b4ffcb4c45dfcb93214bd"><a name="zh-cn_topic_0000001127125080_a46c151a9e45b4ffcb4c45dfcb93214bd"></a><a name="zh-cn_topic_0000001127125080_a46c151a9e45b4ffcb4c45dfcb93214bd"></a>string</p> 175</td> 176<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_a8be7284eb5884350ba591183a67d4060"><a name="zh-cn_topic_0000001127125080_a8be7284eb5884350ba591183a67d4060"></a><a name="zh-cn_topic_0000001127125080_a8be7284eb5884350ba591183a67d4060"></a>-</p> 177</td> 178<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p1045212441415"><a name="zh-cn_topic_0000001127125080_p1045212441415"></a><a name="zh-cn_topic_0000001127125080_p1045212441415"></a>否</p> 179</td> 180<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_aa236de4e56e349ff8c753d294e98abab"><a name="zh-cn_topic_0000001127125080_aa236de4e56e349ff8c753d294e98abab"></a><a name="zh-cn_topic_0000001127125080_aa236de4e56e349ff8c753d294e98abab"></a>设置背景图片。与background-color、background不兼容；支持网络图片资源和本地图片资源地址。</p> 181</td> 182</tr> 183<tr id="zh-cn_topic_0000001127125080_row0131145914543"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_a5def9eea1a2b42e9b040f0f898a2fcdf"><a name="zh-cn_topic_0000001127125080_a5def9eea1a2b42e9b040f0f898a2fcdf"></a><a name="zh-cn_topic_0000001127125080_a5def9eea1a2b42e9b040f0f898a2fcdf"></a>background-size</p> 184</td> 185<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><a name="zh-cn_topic_0000001127125080_uc9d67b59ab8c4f5d8f766deb0f8f657b"></a><a name="zh-cn_topic_0000001127125080_uc9d67b59ab8c4f5d8f766deb0f8f657b"></a><ul id="zh-cn_topic_0000001127125080_uc9d67b59ab8c4f5d8f766deb0f8f657b"><li>string</li><li><length> <length></li><li><percentage> <percentage></li></ul> 186</td> 187<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_a2d537661fce74b13acbcc7a95ea56f08"><a name="zh-cn_topic_0000001127125080_a2d537661fce74b13acbcc7a95ea56f08"></a><a name="zh-cn_topic_0000001127125080_a2d537661fce74b13acbcc7a95ea56f08"></a>auto</p> 188</td> 189<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p10452132414149"><a name="zh-cn_topic_0000001127125080_p10452132414149"></a><a name="zh-cn_topic_0000001127125080_p10452132414149"></a>否</p> 190</td> 191<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_a0709b83d5c8e4b75b1f0bb42d913ac02"><a name="zh-cn_topic_0000001127125080_a0709b83d5c8e4b75b1f0bb42d913ac02"></a><a name="zh-cn_topic_0000001127125080_a0709b83d5c8e4b75b1f0bb42d913ac02"></a>设置背景图片的大小。</p> 192<a name="zh-cn_topic_0000001127125080_ub2423a2f8d96432f8c58c629288432c5"></a><a name="zh-cn_topic_0000001127125080_ub2423a2f8d96432f8c58c629288432c5"></a><ul id="zh-cn_topic_0000001127125080_ub2423a2f8d96432f8c58c629288432c5"><li>string可选值：<a name="zh-cn_topic_0000001127125080_uee8f5c89381a4ce682a5d557f8e558ee"></a><a name="zh-cn_topic_0000001127125080_uee8f5c89381a4ce682a5d557f8e558ee"></a><ul id="zh-cn_topic_0000001127125080_uee8f5c89381a4ce682a5d557f8e558ee"><li>contain：把图像扩展至最大尺寸，以使其高度和宽度完全适用内容区域。</li><li>cover：把背景图像扩展至足够大，以使背景图像完全覆盖背景区域；背景图像的某些部分也许无法显示在背景定位区域中。</li><li>auto：保持原图的比例不变。</li></ul> 193</li><li>length值参数方式：<p id="zh-cn_topic_0000001127125080_a5b969a49f8074aae96a12e4232e47c5d"><a name="zh-cn_topic_0000001127125080_a5b969a49f8074aae96a12e4232e47c5d"></a><a name="zh-cn_topic_0000001127125080_a5b969a49f8074aae96a12e4232e47c5d"></a>设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。</p> 194</li><li>百分比参数方式：<p id="zh-cn_topic_0000001127125080_a19ef0a7986ce47f2b7fe614975e23cd9"><a name="zh-cn_topic_0000001127125080_a19ef0a7986ce47f2b7fe614975e23cd9"></a><a name="zh-cn_topic_0000001127125080_a19ef0a7986ce47f2b7fe614975e23cd9"></a>以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。</p> 195</li></ul> 196</td> 197</tr> 198<tr id="zh-cn_topic_0000001127125080_row2017552715511"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_a8e820e26428c4e008a691a8fc8c23294"><a name="zh-cn_topic_0000001127125080_a8e820e26428c4e008a691a8fc8c23294"></a><a name="zh-cn_topic_0000001127125080_a8e820e26428c4e008a691a8fc8c23294"></a>background-repeat</p> 199</td> 200<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_ab9ca7eb1f0fc48a9a3fc08b88fe11338"><a name="zh-cn_topic_0000001127125080_ab9ca7eb1f0fc48a9a3fc08b88fe11338"></a><a name="zh-cn_topic_0000001127125080_ab9ca7eb1f0fc48a9a3fc08b88fe11338"></a>string</p> 201</td> 202<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_abbb032e6786d43568f7eea7b29611821"><a name="zh-cn_topic_0000001127125080_abbb032e6786d43568f7eea7b29611821"></a><a name="zh-cn_topic_0000001127125080_abbb032e6786d43568f7eea7b29611821"></a>repeat</p> 203</td> 204<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p16452102413147"><a name="zh-cn_topic_0000001127125080_p16452102413147"></a><a name="zh-cn_topic_0000001127125080_p16452102413147"></a>否</p> 205</td> 206<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_a64efc26d6e2c48a3a4032c71b8511085"><a name="zh-cn_topic_0000001127125080_a64efc26d6e2c48a3a4032c71b8511085"></a><a name="zh-cn_topic_0000001127125080_a64efc26d6e2c48a3a4032c71b8511085"></a>针对重复背景图像样式进行设置，背景图像默认在水平和垂直方向上重复。</p> 207<a name="zh-cn_topic_0000001127125080_uee59e640d2304d56a0a5b396795a8cc5"></a><a name="zh-cn_topic_0000001127125080_uee59e640d2304d56a0a5b396795a8cc5"></a><ul id="zh-cn_topic_0000001127125080_uee59e640d2304d56a0a5b396795a8cc5"><li>repeat：在水平轴和竖直轴上同时重复绘制图片。</li><li>repeat-x：只在水平轴上重复绘制图片。</li><li>repeat-y：只在竖直轴上重复绘制图片。</li><li>no-repeat：不会重复绘制图片。</li></ul> 208</td> 209</tr> 210<tr id="zh-cn_topic_0000001127125080_row181756277552"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_a60e011e34e6c4b04a1c86ac873087eed"><a name="zh-cn_topic_0000001127125080_a60e011e34e6c4b04a1c86ac873087eed"></a><a name="zh-cn_topic_0000001127125080_a60e011e34e6c4b04a1c86ac873087eed"></a>background-position</p> 211</td> 212<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><a name="zh-cn_topic_0000001127125080_u2fe0f6beda39428780ca525d6dca1b30"></a><a name="zh-cn_topic_0000001127125080_u2fe0f6beda39428780ca525d6dca1b30"></a><ul id="zh-cn_topic_0000001127125080_u2fe0f6beda39428780ca525d6dca1b30"><li>string string</li><li><length> <length></li><li><percentage> <percentage></li></ul> 213</td> 214<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_ad96af7b5874e476db4b4cf968156a633"><a name="zh-cn_topic_0000001127125080_ad96af7b5874e476db4b4cf968156a633"></a><a name="zh-cn_topic_0000001127125080_ad96af7b5874e476db4b4cf968156a633"></a>0px 0px</p> 215</td> 216<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p445222451420"><a name="zh-cn_topic_0000001127125080_p445222451420"></a><a name="zh-cn_topic_0000001127125080_p445222451420"></a>否</p> 217</td> 218<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><a name="zh-cn_topic_0000001127125080_ub1e24d41a33d4560a6637f7a16ee5140"></a><a name="zh-cn_topic_0000001127125080_ub1e24d41a33d4560a6637f7a16ee5140"></a><ul id="zh-cn_topic_0000001127125080_ub1e24d41a33d4560a6637f7a16ee5140"><li>关键词方式：如果仅规定了一个关键词，那么第二个值为"center"。两个值分别定义水平方向位置和竖直方向位置。<a name="zh-cn_topic_0000001127125080_uac6e07c1eb0244d79eeed180658cb6c6"></a><a name="zh-cn_topic_0000001127125080_uac6e07c1eb0244d79eeed180658cb6c6"></a><ul id="zh-cn_topic_0000001127125080_uac6e07c1eb0244d79eeed180658cb6c6"><li>left：水平方向上最左侧。</li><li>right：水平方向上最右侧。</li><li>top：竖直方向上最顶部。</li><li>bottom：竖直方向上最底部。</li><li>center：水平方向或竖直方向上中间位置。</li></ul> 219</li></ul> 220<a name="zh-cn_topic_0000001127125080_ua495746d9777430c973a5ec607309ac4"></a><a name="zh-cn_topic_0000001127125080_ua495746d9777430c973a5ec607309ac4"></a><ul id="zh-cn_topic_0000001127125080_ua495746d9777430c973a5ec607309ac4"><li>length值参数方式：第一个值是水平位置，第二个值是垂直位置。 左上角是 0 0。单位是像素 (0px 0px) 。如果仅规定了一个值，另外一个值将是50%。</li><li>百分比参数方式：第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果仅规定了一个值，另外一个值为50%。</li><li>可以混合使用<percentage>和<length>。</li></ul> 221</td> 222</tr> 223<tr id="zh-cn_topic_0000001127125080_row31751127165514"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_a529a69841d634cdfa9637284412e5cf1"><a name="zh-cn_topic_0000001127125080_a529a69841d634cdfa9637284412e5cf1"></a><a name="zh-cn_topic_0000001127125080_a529a69841d634cdfa9637284412e5cf1"></a>opacity</p> 224</td> 225<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_a0820f7d1c5b34d6eab999bd9dddfad6c"><a name="zh-cn_topic_0000001127125080_a0820f7d1c5b34d6eab999bd9dddfad6c"></a><a name="zh-cn_topic_0000001127125080_a0820f7d1c5b34d6eab999bd9dddfad6c"></a>number</p> 226</td> 227<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_a35dd1b1eab3a421f9c95d512860d5bda"><a name="zh-cn_topic_0000001127125080_a35dd1b1eab3a421f9c95d512860d5bda"></a><a name="zh-cn_topic_0000001127125080_a35dd1b1eab3a421f9c95d512860d5bda"></a>1</p> 228</td> 229<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p14523246147"><a name="zh-cn_topic_0000001127125080_p14523246147"></a><a name="zh-cn_topic_0000001127125080_p14523246147"></a>否</p> 230</td> 231<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_a2e8d180f3c914356af72e679446f4ab5"><a name="zh-cn_topic_0000001127125080_a2e8d180f3c914356af72e679446f4ab5"></a><a name="zh-cn_topic_0000001127125080_a2e8d180f3c914356af72e679446f4ab5"></a>元素的透明度，取值范围为0到1，1表示为不透明，0表示为完全透明。</p> 232</td> 233</tr> 234<tr id="zh-cn_topic_0000001127125080_row48391367556"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_a2e53aab1be1043489c29919ab37c6ea4"><a name="zh-cn_topic_0000001127125080_a2e53aab1be1043489c29919ab37c6ea4"></a><a name="zh-cn_topic_0000001127125080_a2e53aab1be1043489c29919ab37c6ea4"></a>display</p> 235</td> 236<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_a38fa4b64eff24ff0bbb4220fb9026d73"><a name="zh-cn_topic_0000001127125080_a38fa4b64eff24ff0bbb4220fb9026d73"></a><a name="zh-cn_topic_0000001127125080_a38fa4b64eff24ff0bbb4220fb9026d73"></a>string</p> 237<p id="zh-cn_topic_0000001127125080_a951b8ea86c6c45f99c84c93d6675d800"><a name="zh-cn_topic_0000001127125080_a951b8ea86c6c45f99c84c93d6675d800"></a><a name="zh-cn_topic_0000001127125080_a951b8ea86c6c45f99c84c93d6675d800"></a></p> 238</td> 239<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_add1e263e897d48a595bd7a7f81b2c0c1"><a name="zh-cn_topic_0000001127125080_add1e263e897d48a595bd7a7f81b2c0c1"></a><a name="zh-cn_topic_0000001127125080_add1e263e897d48a595bd7a7f81b2c0c1"></a>flex</p> 240</td> 241<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p134525242141"><a name="zh-cn_topic_0000001127125080_p134525242141"></a><a name="zh-cn_topic_0000001127125080_p134525242141"></a>否</p> 242</td> 243<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_a677d3f5076894546a1fc1404af757f26"><a name="zh-cn_topic_0000001127125080_a677d3f5076894546a1fc1404af757f26"></a><a name="zh-cn_topic_0000001127125080_a677d3f5076894546a1fc1404af757f26"></a>确定一个元素所产生的框的类型，可选值为：</p> 244<a name="zh-cn_topic_0000001127125080_u20b5cc7616974e9d804498df629c48f1"></a><a name="zh-cn_topic_0000001127125080_u20b5cc7616974e9d804498df629c48f1"></a><ul id="zh-cn_topic_0000001127125080_u20b5cc7616974e9d804498df629c48f1"><li>flex：弹性布局。</li><li>none：不渲染此元素。</li></ul> 245</td> 246</tr> 247<tr id="zh-cn_topic_0000001127125080_row1483963614553"><td class="cellrowborder" valign="top" width="17.98%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001127125080_a74fb259ecfff44c7b47f54b335255419"><a name="zh-cn_topic_0000001127125080_a74fb259ecfff44c7b47f54b335255419"></a><a name="zh-cn_topic_0000001127125080_a74fb259ecfff44c7b47f54b335255419"></a>visibility</p> 248</td> 249<td class="cellrowborder" valign="top" width="15.82%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001127125080_a9a50e36f1fb246b0b1c193437d9ac37a"><a name="zh-cn_topic_0000001127125080_a9a50e36f1fb246b0b1c193437d9ac37a"></a><a name="zh-cn_topic_0000001127125080_a9a50e36f1fb246b0b1c193437d9ac37a"></a>string</p> 250<p id="zh-cn_topic_0000001127125080_ab6e40650e55d48f3b666dce48145f2bd"><a name="zh-cn_topic_0000001127125080_ab6e40650e55d48f3b666dce48145f2bd"></a><a name="zh-cn_topic_0000001127125080_ab6e40650e55d48f3b666dce48145f2bd"></a></p> 251</td> 252<td class="cellrowborder" valign="top" width="12.379999999999999%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001127125080_a98ed5a2ff4dc4e6596afb58eea00d9e5"><a name="zh-cn_topic_0000001127125080_a98ed5a2ff4dc4e6596afb58eea00d9e5"></a><a name="zh-cn_topic_0000001127125080_a98ed5a2ff4dc4e6596afb58eea00d9e5"></a>visible</p> 253</td> 254<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001127125080_p1345202471410"><a name="zh-cn_topic_0000001127125080_p1345202471410"></a><a name="zh-cn_topic_0000001127125080_p1345202471410"></a>否</p> 255</td> 256<td class="cellrowborder" valign="top" width="46.300000000000004%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001127125080_a25930a9fa4bd4b8896aacc24e5202575"><a name="zh-cn_topic_0000001127125080_a25930a9fa4bd4b8896aacc24e5202575"></a><a name="zh-cn_topic_0000001127125080_a25930a9fa4bd4b8896aacc24e5202575"></a>是否显示元素所产生的框。不可见的框会占用布局（将'display'属性设置为'none'来完全去除框），可选值为：</p> 257<a name="zh-cn_topic_0000001127125080_u2395105022844e08854f4266096995ea"></a><a name="zh-cn_topic_0000001127125080_u2395105022844e08854f4266096995ea"></a><ul id="zh-cn_topic_0000001127125080_u2395105022844e08854f4266096995ea"><li>visible：元素正常显示。</li><li>hidden：隐藏元素，但是其他元素的布局不改变，相当于此元素变成透明。</li></ul> 258<div class="note" id="zh-cn_topic_0000001127125080_nca29d306d97b4fbdbfd735b6c9fb57a4"><a name="zh-cn_topic_0000001127125080_nca29d306d97b4fbdbfd735b6c9fb57a4"></a><a name="zh-cn_topic_0000001127125080_nca29d306d97b4fbdbfd735b6c9fb57a4"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001127125080_a5196ede3623d46bbb930bc6254a55b9e"><a name="zh-cn_topic_0000001127125080_a5196ede3623d46bbb930bc6254a55b9e"></a><a name="zh-cn_topic_0000001127125080_a5196ede3623d46bbb930bc6254a55b9e"></a>visibility和display样式都设置时，仅display生效。</p> 259</div></div> 260</td> 261</tr> 262</tbody> 263</table> 264 265## 事件<a name="zh-cn_topic_0000001127125080_section571865310552"></a> 266 267支持[通用事件](js-components-common-events.md)。 268 269## 方法<a name="zh-cn_topic_0000001127125080_section568225514199"></a> 270 271不支持。 272 273## 示例<a name="zh-cn_topic_0000001127125080_section1240714821316"></a> 274 275``` 276<toolbar style="position: fixed; bottom: 0px; "> 277 <toolbar-item icon='common/Icon/location.png' value='Option 1' > </toolbar-item> 278 <toolbar-item icon='common/Icon/heart.png' value='Option 2'> </toolbar-item> 279 <toolbar-item icon='common/Icon/diamond.png' value='Option 3' > </toolbar-item> 280 <toolbar-item icon='common/Icon/heart.png' value='Option 4' > </toolbar-item> 281 <toolbar-item icon='common/Icon/heart.png' value='Option 5' > </toolbar-item> 282 <toolbar-item icon='common/Icon/heart.png' value='Option 6'> </toolbar-item> 283</toolbar> 284``` 285 286 287 288
