Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
94467668
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
5995
Star
90
Fork
162
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
18
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
18
Issue
18
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
94467668
编写于
8月 29, 2023
作者:
M
mehaotian
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
chore: 折叠面板修改打开后样式,增加透明度动画 ,动画时间改为 200ms
上级
41fc6e53
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
11 addition
and
8 deletion
+11
-8
components/uni-collapse-item/uni-collapse-item.vue
components/uni-collapse-item/uni-collapse-item.vue
+11
-8
未找到文件。
components/uni-collapse-item/uni-collapse-item.vue
浏览文件 @
94467668
<
template
>
<
template
>
<view
class=
"uni-collapse-item"
>
<view
class=
"uni-collapse-item"
>
<view
class=
"uni-collapse-item__title"
:class=
"
{'open--active':is_open}"
@click="openCollapse(!this.is_open)">
<view
class=
"uni-collapse-item__title"
@
click=
"openCollapse(!this.is_open)"
>
<text
class=
"uni-collapse-item__title-text"
:class=
"
{'is-disabled':disabled}">
{{
title
}}
</text>
<text
class=
"uni-collapse-item__title-text"
:class=
"
{'is-disabled':disabled
,'open--active':is_open
}">
{{
title
}}
</text>
<view
class=
"down_arrow"
:class=
"
{'down_arrow--active': is_open}">
</view>
<view
class=
"down_arrow"
:class=
"
{'down_arrow--active': is_open}">
</view>
</view>
</view>
<view
ref=
"boxRef"
class=
"uni-collapse-item__content"
>
<view
ref=
"boxRef"
class=
"uni-collapse-item__content"
>
...
@@ -92,9 +92,7 @@
...
@@ -92,9 +92,7 @@
background-color
:
#fff
;
background-color
:
#fff
;
}
}
.open--active
{
background-color
:
#f0f0f0
;
}
.down_arrow
{
.down_arrow
{
width
:
8px
;
width
:
8px
;
...
@@ -118,7 +116,12 @@
...
@@ -118,7 +116,12 @@
font-size
:
14px
;
font-size
:
14px
;
font-weight
:
400
;
font-weight
:
400
;
}
}
.open--active
{
/* background-color: #f0f0f0; */
color
:
#bbb
;
}
.is-disabled
{
.is-disabled
{
color
:
#999
;
color
:
#999
;
}
}
...
@@ -130,8 +133,8 @@
...
@@ -130,8 +133,8 @@
.uni-collapse-item__content-box
{
.uni-collapse-item__content-box
{
width
:
100%
;
width
:
100%
;
transition-property
:
transform
;
transition-property
:
transform
,
opacity
;
transition-duration
:
0.
3
s
;
transition-duration
:
0.
2
s
;
transform
:
translateY
(
-100%
);
transform
:
translateY
(
-100%
);
opacity
:
0
;
opacity
:
0
;
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录