Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
deb1d0bf
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 搜索 >>
提交
deb1d0bf
编写于
11月 24, 2021
作者:
D
Drjnigfubo
1
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'next' of
https://github.com/jdf2e/nutui
into next
上级
8a913f3c
680de4c1
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
33 addition
and
16 deletion
+33
-16
src/packages/__VUE/drag/index.scss
src/packages/__VUE/drag/index.scss
+4
-0
src/packages/__VUE/fixednav/demo.vue
src/packages/__VUE/fixednav/demo.vue
+9
-6
src/packages/__VUE/fixednav/doc.md
src/packages/__VUE/fixednav/doc.md
+7
-0
src/packages/__VUE/fixednav/index.scss
src/packages/__VUE/fixednav/index.scss
+6
-1
src/sites/mobile-taro/vue/src/nav/pages/fixednav/index.vue
src/sites/mobile-taro/vue/src/nav/pages/fixednav/index.vue
+7
-9
未找到文件。
src/packages/__VUE/drag/index.scss
浏览文件 @
deb1d0bf
...
...
@@ -4,6 +4,10 @@
z-index
:
9997
!
important
;
width
:
fit-content
;
height
:
fit-content
;
.nut-fixednav
{
position
:
relative
!
important
;
}
}
.nut-taro-drag
{
// position: fixed;
...
...
src/packages/__VUE/fixednav/demo.vue
浏览文件 @
deb1d0bf
...
...
@@ -23,12 +23,8 @@
:nav-list="navList"
@selected="selected"
/>
<nut-fixednav
:position=
"
{ top: '280px' }"
type="left"
v-model:visible="myActive"
@selected="selected"
>
<nut-fixednav
:position=
"
{ top: '280px' }" type="left" v-model:visible="myActive" @selected="selected">
<template
v-slot:list
>
<ul
class=
"nut-fixednav__list"
>
<li
class=
"nut-fixednav__list-item"
>
1
</li>
...
...
@@ -43,6 +39,11 @@
<span
class=
"text"
>
{{
myActive
?
'
自定义开
'
:
'
自定义关
'
}}
</span>
</
template
>
</nut-fixednav>
<!-- 配合 Drag 支持拖拽 ,小程序暂不支持 -->
<nut-drag
direction=
"y"
:style=
"{ right: '0px', bottom: '240px' }"
>
<nut-fixednav
un-active-text=
"支持拖拽"
v-model:visible=
"visible3"
:nav-list=
"navList"
@
selected=
"selected"
/>
</nut-drag>
</div>
</template>
...
...
@@ -56,6 +57,7 @@ export default createDemo({
const
visible
=
ref
(
false
);
const
visible1
=
ref
(
false
);
const
visible2
=
ref
(
false
);
const
visible3
=
ref
(
false
);
const
myActive
=
ref
(
false
);
onMounted
(()
=>
{
...
...
@@ -94,6 +96,7 @@ export default createDemo({
visible
,
visible1
,
visible2
,
visible3
,
myActive
,
navList
,
selected
...
...
src/packages/__VUE/fixednav/doc.md
浏览文件 @
deb1d0bf
...
...
@@ -71,6 +71,13 @@ app.use(FixedNav);
<nut-fixednav
:overlay=
"false"
:position=
"{top:'210px' }"
v-model:visible=
"visible"
:nav-list=
"navList"
/>
```
### 配合 Drag 支持拖拽 , 小程序暂不支持
```
html
<nut-drag
direction=
"y"
:style=
"{right:'0px',bottom:'240px'}"
>
<nut-fixednav
un-active-text=
"支持拖拽"
v-model:visible=
"visible"
:nav-list=
"navList"
/>
</nut-drag>
```
### 自定义使用
...
...
src/packages/__VUE/fixednav/index.scss
浏览文件 @
deb1d0bf
...
...
@@ -55,7 +55,9 @@
right
:
0
;
transform
:
translateX
(
100%
);
transition
:
all
0
.5s
;
box-sizing
:
border-box
;
padding
:
0
;
margin
:
0
;
z-index
:
$fixednav-index
;
flex-shrink
:
0
;
height
:
100%
;
...
...
@@ -69,6 +71,9 @@
right
:
80px
;
}
&
-item
{
box-sizing
:
border-box
;
padding
:
0
;
margin
:
0
;
position
:
relative
;
flex
:
1
;
height
:
100%
;
...
...
src/sites/mobile-taro/vue/src/nav/pages/fixednav/index.vue
浏览文件 @
deb1d0bf
...
...
@@ -23,12 +23,8 @@
:nav-list="navList"
@selected="selected"
/>
<nut-fixednav
:position=
"
{ top: '280px' }"
type="left"
v-model:visible="myActive"
@selected="selected"
>
<nut-fixednav
:position=
"
{ top: '280px' }" type="left" v-model:visible="myActive" @selected="selected">
<template
v-slot:list
>
<ul
class=
"nut-fixednav__list"
>
<li
class=
"nut-fixednav__list-item"
>
1
</li>
...
...
@@ -47,13 +43,14 @@
</template>
<
script
lang=
"ts"
>
import
{
defineComponent
,
onMounted
,
reactive
,
ref
}
from
'
vue
'
;
export
default
defineComponent
(
{
import
{
onMounted
,
reactive
,
ref
}
from
'
vue
'
;
export
default
{
props
:
{},
setup
()
{
const
visible
=
ref
(
false
);
const
visible1
=
ref
(
false
);
const
visible2
=
ref
(
false
);
const
visible3
=
ref
(
false
);
const
myActive
=
ref
(
false
);
onMounted
(()
=>
{
...
...
@@ -92,10 +89,11 @@ export default defineComponent({
visible
,
visible1
,
visible2
,
visible3
,
myActive
,
navList
,
selected
};
}
}
)
;
};
</
script
>
richard_1015
@u011978868
mentioned in commit
8eeb2bf6
·
1月 07, 2022
mentioned in commit
8eeb2bf6
mentioned in commit 8eeb2bf654027441971de360b80cc6500a30dcc4
开关提交列表
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录