Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
3fafa2d8
N
nutui
项目概览
京东前端
/
nutui
通知
37
Star
4
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
nutui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
3fafa2d8
编写于
11月 05, 2021
作者:
R
richard1015
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
deploy:
791e15ef
上级
5eecce63
变更
5
展开全部
隐藏空白更改
内联
并排
Showing
5 changed file
with
14 addition
and
8 deletion
+14
-8
3.1.9/doc.0635d6a6.js
3.1.9/doc.0635d6a6.js
+10
-4
3.1.9/doc.952add5d.js
3.1.9/doc.952add5d.js
+1
-1
3.1.9/mobile.d41989f8.css
3.1.9/mobile.d41989f8.css
+1
-1
demo.html
demo.html
+1
-1
index.html
index.html
+1
-1
未找到文件。
3.1.9/doc.
96240e13
.js
→
3.1.9/doc.
0635d6a6
.js
浏览文件 @
3fafa2d8
...
...
@@ -41,13 +41,19 @@ app.use(MenuItem);
</code></pre><h3>\u7981\u7528\u83DC\u5355</h3><pre><code class="language-html"><span class="hljs-tag"><<span class="hljs-name">nut-menu</span>></span>
<span class="hljs-tag"><<span class="hljs-name">nut-menu-item</span> <span class="hljs-attr">title</span>=<span class="hljs-string">"\u5168\u90E8\u5546\u54C1"</span> <span class="hljs-attr">disabled</span>=<span class="hljs-string">"true"</span> <span class="hljs-attr">:options</span>=<span class="hljs-string">"options1"</span>></span><span class="hljs-tag"></<span class="hljs-name">nut-menu-item</span>></span>
<span class="hljs-tag"></<span class="hljs-name">nut-menu</span>></span>
</code></pre><h3>\u81EA\u5B9A\u4E49\u9009\u9879\u7684\u9009\u4E2D\u6001\u56FE\u6807\u989C\u8272</h3><pre><code class="language-html"><span class="hljs-tag"><<span class="hljs-name">nut-menu</span> <span class="hljs-attr">active-color</span>=<span class="hljs-string">"
green
"</span>></span>
</code></pre><h3>\u81EA\u5B9A\u4E49\u9009\u9879\u7684\u9009\u4E2D\u6001\u56FE\u6807\u989C\u8272</h3><pre><code class="language-html"><span class="hljs-tag"><<span class="hljs-name">nut-menu</span> <span class="hljs-attr">active-color</span>=<span class="hljs-string">"
#0f0
"</span>></span>
<span class="hljs-tag"><<span class="hljs-name">nut-menu-item</span> <span class="hljs-attr">title</span>=<span class="hljs-string">"\u5168\u90E8\u5546\u54C1"</span> <span class="hljs-attr">:options</span>=<span class="hljs-string">"options1"</span>></span><span class="hljs-tag"></<span class="hljs-name">nut-menu-item</span>></span>
<span class="hljs-tag"></<span class="hljs-name">nut-menu</span>></span>
</code></pre><h3>\u81EA\u5B9A\u4E49\u83DC\u5355\u5185\u5BB9</h3><pre><code class="language-html"><span class="hljs-tag"><<span class="hljs-name">nut-menu</span>></span>
<span class="hljs-tag"><<span class="hljs-name">nut-menu-item</span> <span class="hljs-attr">title</span>=<span class="hljs-string">"\u7B5B\u9009"</span> <span class="hljs-attr">ref</span>=<span class="hljs-string">"item"</span>></span>
<span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"customer-item-demo"</span>></span>
<span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">:style</span>=<span class="hljs-string">"{'display': 'flex','justify-content': 'space-between', 'align-items': 'center'}"</span>></span>
<span class="hljs-tag"><<span class="hljs-name">div</span>
<span class="hljs-attr">:style</span>=<span class="hljs-string">"{
display: 'flex',
'justify-content': 'space-between',
'align-items': 'center'
}"</span>
></span>
<span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">:style</span>=<span class="hljs-string">"{ 'font-size': '12px' }"</span>></span>\u6211\u662F\u81EA\u5B9A\u4E49\u5185\u5BB9<span class="hljs-tag"></<span class="hljs-name">div</span>></span>
<span class="hljs-tag"><<span class="hljs-name">nut-button</span> @<span class="hljs-attr">click</span>=<span class="hljs-string">"handleClick"</span>></span>\u5173\u95ED<span class="hljs-tag"></<span class="hljs-name">nut-button</span>></span>
<span class="hljs-tag"></<span class="hljs-name">div</span>></span>
<span class="hljs-tag"></<span class="hljs-name">nut-menu-item</span>></span>
...
...
@@ -56,7 +62,7 @@ app.use(MenuItem);
<span class="hljs-keyword">const</span> item = ref<HTMLElement>()
<span class="hljs-keyword">const</span> handleClick = <span class="hljs-function">() =></span> {
item.value
.toggle()
(item.value <span class="hljs-keyword">as</span> any)
.toggle()
}
}
</code></pre><h2>API</h2><h3>Props</h3><h3>nut-menu</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>col</td><td>\u663E\u793A\u7684\u5217\u6570</td><td>String/Number</td><td>1</td></tr><tr><td>active-color</td><td>\u9009\u9879\u7684\u9009\u4E2D\u6001\u56FE\u6807\u989C\u8272</td><td>String</td><td>#f00</td></tr></tbody></table><h3>nut-menu-item</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>title</td><td>\u6807\u9898</td><td>String</td><td>-</td></tr><tr><td>options</td><td>\u5217\u8868\u5BF9\u8C61</td><td>Array</td><td>-</td></tr><tr><td>disabled</td><td>\u662F\u5426\u7981\u7528\u83DC\u5355</td><td>Boolean</td><td>false</td></tr></tbody></table><h3>Events</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>choose</td><td>\u5355\u9009\u4E0B\uFF0C\u9009\u62E9\u4E4B\u540E\u89E6\u53D1</td><td>1.\u9009\u62E9\u7684\u5217\u8868\u5BF9\u8C61\u30022.\u5217\u8868\u7D22\u5F15</td></tr></tbody></table>`
,
31
),
e
=
[
p
],
u
=
{
setup
(
c
,{
expose
:
s
}){
return
s
({
frontmatter
:{}}),(
o
,
j
)
=>
(
n
(),
a
(
"
div
"
,
l
,
e
))}};
export
{
u
as
default
};
3.1.9/doc.9
a345d3
d.js
→
3.1.9/doc.9
52add5
d.js
浏览文件 @
3fafa2d8
此差异已折叠。
点击以展开。
3.1.9/mobile.
99f0cd7
8.css
→
3.1.9/mobile.
d41989f
8.css
浏览文件 @
3fafa2d8
因为 它太大了无法显示 source diff 。你可以改为
查看blob
。
demo.html
浏览文件 @
3fafa2d8
...
...
@@ -21,7 +21,7 @@
<script
type=
"module"
crossorigin
src=
"/nutui/3.1.9/mobile.b88c66a4.js"
></script>
<link
rel=
"modulepreload"
href=
"/nutui/3.1.9/index.5dbae174.js"
>
<link
rel=
"modulepreload"
href=
"/nutui/3.1.9/vendor.b9b5ce39.js"
>
<link
rel=
"stylesheet"
href=
"/nutui/3.1.9/mobile.
99f0cd7
8.css"
>
<link
rel=
"stylesheet"
href=
"/nutui/3.1.9/mobile.
d41989f
8.css"
>
</head>
<body>
<noscript>
...
...
index.html
浏览文件 @
3fafa2d8
...
...
@@ -40,7 +40,7 @@
a
.
appendChild
(
r
);
})(
window
,
document
,
"
https://static.hotjar.com/c/hotjar-
"
,
"
.js?sv=
"
);
</script>
<script
type=
"module"
crossorigin
src=
"/nutui/3.1.9/doc.9
a345d3
d.js"
></script>
<script
type=
"module"
crossorigin
src=
"/nutui/3.1.9/doc.9
52add5
d.js"
></script>
<link
rel=
"modulepreload"
href=
"/nutui/3.1.9/index.5dbae174.js"
>
<link
rel=
"modulepreload"
href=
"/nutui/3.1.9/vendor.b9b5ce39.js"
>
<link
rel=
"stylesheet"
href=
"/nutui/3.1.9/doc.f860a87c.css"
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录