javascript/weui
1
0
Fork 0
mirror of https://github.com/Tencent/weui.git synced 2026-03-13 08:02:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

action sheet update

Browse Source
This commit is contained in:
wrynnsun
2017-04-07 19:46:03 +08:00
parent dc08fc93a9
commit 8a11ee5548
5 changed files with 72 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
dist/example/index.html vendored
View File

@@ -1141,6 +1141,9 @@
<div>
<div class="weui-mask" id="iosMask" style="display: none"></div>
<div class="weui-actionsheet" id="iosActionsheet">
<div class="weui-actionsheet__title">
<p class="weui-actionsheet__title-text">这是一个标题，可以为一行或者两行，但不应该展示超过三行的文案。</p>
</div>
<div class="weui-actionsheet__menu">
<div class="weui-actionsheet__cell">示例菜单</div>
<div class="weui-actionsheet__cell">示例菜单</div>

47
dist/style/weui.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/style/weui.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
src/example/fragment/actionsheet.html
View File

@@ -11,6 +11,9 @@
<div>
<div class="weui-mask" id="iosMask" style="display: none"></div>
<div class="weui-actionsheet" id="iosActionsheet">
<div class="weui-actionsheet__title">
<p class="weui-actionsheet__title-text">这是一个标题，可以为一行或者两行，但不应该展示超过三行的文案。</p>
</div>
<div class="weui-actionsheet__menu">
<div class="weui-actionsheet__cell">示例菜单</div>
<div class="weui-actionsheet__cell">示例菜单</div>

23
src/style/widget/weui-tips/weui-actionsheet.less
View File

@@ -13,12 +13,31 @@
//slide up animation
transition: transform .3s;
}
.weui-actionsheet__title {
position: relative;
height: 65px;
padding: 0 20px;
line-height: 1.4;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
font-size: 14px;
color: #888;
background: #FCFCFD;
&:before {
.setBottomLine(@weuiCellBorderColor);
}
.weui-actionsheet__title-text {
.ellipsisLn(2);
}
}
.weui-actionsheet__menu{
background-color: #FFFFFF;
background-color: #FCFCFD;
}
.weui-actionsheet__action {
margin-top: 6px;
background-color: #FFFFFF;
background-color: #FCFCFD;;
}
.weui-actionsheet__cell {
position: relative;