diff options
Diffstat (limited to 'src/app/style/base/patch/weui-slideview.less')
-rwxr-xr-x | src/app/style/base/patch/weui-slideview.less | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/src/app/style/base/patch/weui-slideview.less b/src/app/style/base/patch/weui-slideview.less new file mode 100755 index 0000000..cb0d794 --- /dev/null +++ b/src/app/style/base/patch/weui-slideview.less @@ -0,0 +1,121 @@ +/** +* Tencent is pleased to support the open source community by making +* WeUI-WXSS available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. +* All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use +* this file except in compliance with the License. You may obtain a copy of +* the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../fn.less"; + +:host { + width: 100%; +} +.weui-slideview{ + position: relative; + overflow: hidden; +} + +.weui-slideview__left { + position: relative; + z-index: 10; +} + +.weui-slideview__right { + position: absolute; + z-index: 1; + left: 100%; + top: 0; + height: 100%; +} +.weui-slideview__btn__wrp { + position: absolute; + left: 0; + bottom: 0; + text-align: center; + min-width:69px; + height: 100%; + white-space:nowrap; + + +} +.weui-slideview__btn { + color:#FFFFFF; + padding: 0 17px; +} +.weui-slideview__btn-group_default{ + .weui-slideview__btn { + background: #C7C7CC; + .dark({background: var(--weui-BG-4)}); + } + &~&{ + &:before{ + .setLeftLine(#FFFFFF); + .dark({border-left-color: var(--weui-FG-3)}); + } + } + &:first-child{ + &:before{ + display:none; + } + } +} +.weui-slideview__btn-group_warn{ + .weui-slideview__btn { + background: #FE3B30; + } + &~&{ + &:before{ + .setLeftLine(#FFFFFF); + } + } + &:first-child{ + &:before{ + display:none; + } + } +} + +.weui-slideview_icon{ + .weui-slideview__btn__wrp{ + background: transparent; + font-size:0; + &:first-child{ + padding-left:16px; + } + &:last-child{ + padding-right:8px; + } + } + .weui-slideview__btn{ + width:48px; + height:48px; + line-height:48px; + padding:0; + display:inline-block; + vertical-align:middle; + border-radius:50%; + background-color:#FFFFFF; + .dark({ + background-color: var(--weui-BG-4); + }); + } + .weui-slideview__btn__icon{ + display:inline-block; + vertical-align:middle; + width:22px; + height:22px; + } +} |