Polymer 聚合物1.0:如何设置<;纸张下拉菜单>;?
如何将Polymer 聚合物1.0:如何设置<;纸张下拉菜单>;?,polymer,polymer-1.0,paper-elements,Polymer,Polymer 1.0,Paper Elements,如何将下拉菜单设置为800px宽 聚合物仓 纸质菜单{ --纸张下拉菜单:{ 宽度:800px; }; } 单击下面的菜单图标以显示下拉菜单。 分享 设置 帮助 (功能(){ 聚合物({ 是:“x元素” }); })(); 如果删除--纸张下拉菜单,您将获得800px宽菜单: 下面更新已接受答案的导入 聚合物仓 纸质菜单{ 宽度:800px; } 单击下面的菜单图标以显示下拉菜单。 分享 设置 帮助 (功能(){ 聚合物({ 是:“x元素” }); })(); <!DOCTYPE
下拉菜单设置为800px
宽
聚合物仓
纸质菜单{
--纸张下拉菜单:{
宽度:800px;
};
}
单击下面的菜单图标以显示下拉菜单。
分享
设置
帮助
(功能(){
聚合物({
是:“x元素”
});
})();
如果删除--纸张下拉菜单
,您将获得800px
宽菜单:
下面更新已接受答案的导入
聚合物仓
纸质菜单{
宽度:800px;
}
单击下面的菜单图标以显示下拉菜单。
分享
设置
帮助
(功能(){
聚合物({
是:“x元素”
});
})();
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Polymer Bin</title>
<base href="http://element-party.xyz">
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="all-elements.html">
</head>
<body>
<x-element></x-element>
<dom-module id="x-element">
<template>
<style>
paper-menu {
--paper-dropdown-menu: {
width: 800px;
};
}
</style>
Click the below menu icon to make the dropdown menu appear.
<br>
<paper-menu-button>
<paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
<paper-menu class="dropdown-content">
<paper-item>Share</paper-item>
<paper-item>Settings</paper-item>
<paper-item>Help</paper-item>
</paper-menu>
</paper-menu-button>
</template>
<script>
(function(){
Polymer({
is: 'x-element'
});
})();
</script>
</dom-module>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Polymer Bin</title>
<meta charset="utf-8">
<base href="https://polygit.org/components/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link href="polymer/polymer.html" rel="import">
<link href="paper-menu/paper-menu.html" rel="import">
<link href="paper-menu-button/paper-menu-button.html" rel="import">
<link href="paper-item/paper-item.html" rel="import">
<link href="paper-icon-button/paper-icon-button.html" rel="import">
<link href="iron-icons/iron-icons.html" rel="import">
</head>
<body>
<x-element></x-element>
<dom-module id="x-element">
<template>
<style>
paper-menu {
width: 800px;
}
</style>
Click the below menu icon to make the dropdown menu appear.
<br>
<paper-menu-button>
<paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
<paper-menu class="dropdown-content">
<paper-item>Share</paper-item>
<paper-item>Settings</paper-item>
<paper-item>Help</paper-item>
</paper-menu>
</paper-menu-button>
</template>
<script>
(function(){
Polymer({
is: 'x-element'
});
})();
</script>
</dom-module>
</body>
</html>