style: actionsheet

Tencent · Aug 28, 2019 · d5b369c · d5b369c
1 parent 64e4731
commit d5b369c
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 14 deletions.
diff --git a/dist/example/index.html b/dist/example/index.html
@@ -1591,8 +1591,7 @@ <h1 class="page__title">ActionSheet</h1>
             <div class="weui-actionsheet__menu">
                 <div class="weui-actionsheet__cell">示例菜单</div>
                 <div class="weui-actionsheet__cell">示例菜单</div>
-                <div class="weui-actionsheet__cell">示例菜单</div>
-                <div class="weui-actionsheet__cell">示例菜单</div>
+                <div class="weui-actionsheet__cell weui-actionsheet__cell_warn">负向菜单</div>
             </div>
             <div class="weui-actionsheet__action">
                 <div class="weui-actionsheet__cell" id="iosActionsheetCancel">取消</div>
@@ -1647,6 +1646,7 @@ <h1 class="page__title">ActionSheet</h1>
         });
     });
 </script>
+
 </script>
     <script type="text/html" id="tpl_icons">
 <div class="page">

diff --git a/dist/style/weui.css b/dist/style/weui.css
diff --git a/dist/style/weui.min.css b/dist/style/weui.min.css
diff --git a/src/example/fragment/actionsheet.html b/src/example/fragment/actionsheet.html
@@ -17,8 +17,7 @@ <h1 class="page__title">ActionSheet</h1>
             <div class="weui-actionsheet__menu">
                 <div class="weui-actionsheet__cell">示例菜单</div>
                 <div class="weui-actionsheet__cell">示例菜单</div>
-                <div class="weui-actionsheet__cell">示例菜单</div>
-                <div class="weui-actionsheet__cell">示例菜单</div>
+                <div class="weui-actionsheet__cell weui-actionsheet__cell_warn">负向菜单</div>
             </div>
             <div class="weui-actionsheet__action">
                 <div class="weui-actionsheet__cell" id="iosActionsheetCancel">取消</div>
@@ -72,4 +71,4 @@ <h1 class="page__title">ActionSheet</h1>
             });
         });
     });
-</script>
+</script>
diff --git a/src/style/widget/weui-tips/weui-actionsheet.less b/src/style/widget/weui-tips/weui-actionsheet.less
@@ -25,9 +25,13 @@
     backface-visibility: hidden;
     z-index: 5000;
     width: 100%;
-    background-color: @weuiBgColorDefault;
+    background-color: #EAE7E8;
     //slide up animation
     transition: transform .3s;
+
+    border-top-left-radius:12px;
+    border-top-right-radius:12px;
+    overflow:hidden;
 }
 .weui-actionsheet__title {
     position: relative;
@@ -37,7 +41,7 @@
     justify-content: center;
     flex-direction: column;
     text-align: center;
-    font-size: 14px;
+    font-size: 12px;
     color: @weuiTextColorDesc;
     line-height: 1.4;
     background: #FFFFFF;
@@ -49,10 +53,11 @@
     }
 }
 .weui-actionsheet__menu{
-    background-color: #FFFFFF;
+  color:@weuiTextColorTitle;
+  background-color: #FFFFFF;
 }
 .weui-actionsheet__action {
-    margin-top: 6px;
+    margin-top: 8px;
     background-color: #FFFFFF;
     padding-bottom:constant(safe-area-inset-bottom);
     padding-bottom:env(safe-area-inset-bottom);
@@ -75,6 +80,9 @@
         }
     }
 }
+.weui-actionsheet__cell_warn {
+  color:@weuiColorWarn;
+}
 
 
 //android actionSheet
@@ -92,6 +100,8 @@
         background: transparent;
         //slide up animation
         transition: transform .3s;
+        border-top-left-radius:0;
+        border-top-right-radius:0;
     }
     .weui-actionsheet__action{
         display: none;