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

darkmode 适配

Browse Source
This commit is contained in:
bearyan
2020-01-27 15:00:40 +08:00
parent 2df3099133
commit 32dcbcbf23
13 changed files with 4091 additions and 3195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/example/example.css vendored
View File

File diff suppressed because one or more lines are too long

33
dist/example/index.html vendored
View File

@@ -189,6 +189,12 @@
</div>
<div class="weui-cell__ft"></div>
</a>
<a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="top-tips" href="javascript:;">
<div class="weui-cell__bd">
<p>TopTips</p>
</div>
<div class="weui-cell__ft"></div>
</a>
</div>
</div>
</li>
@@ -2907,6 +2913,33 @@
;
});
</script>
</script>
<script type="text/html" id="tpl_top-tips">
<div class="page">
<div class="page__hd">
<h1 class="page__title">TopTips</h1>
<p class="page__desc">顶部提示条</p>
</div>
<div class="page__bd page__bd_spacing">
<a href="javascript:;" class="weui-btn weui-btn_default" id="showTopTips">显示提示条</a>
<a href="javascript:;" class="weui-btn weui-btn_default" id="hideTopTips">隐藏提示条</a>
</div>
<div class="page__ft">
<a href="javascript:home()"><img src="./images/icon_footer_link.png" /></a>
</div>
<div class="weui-toptips weui-toptips_warn" id="topTips">错误提示</div>
</div>
<script type="text/javascript">
$(function(){
$('#showTopTips').on('click', function(){
$('#topTips').fadeIn(200);
});
$('#hideTopTips').on('click', function(){
$('#topTips').fadeOut(200);
});
});
</script>
</script>
<script src="./zepto.min.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

7214
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

2
src/style/base/variable/weui-button.less
View File

@@ -46,7 +46,7 @@
@weuiBtnDefaultDisabledBg: @weuiBtnDisabledBg;
// primary
@weuiBtnPrimaryFontColor: var(--weui-BTN-FONT-COLOR);
@weuiBtnPrimaryFontColor: @weuiBtnFontColor;
@weuiBtnPrimaryDisabledFontColor: @weuiBtnDisabledFontColor;
@weuiBtnPrimaryBg: var(--weui-BRAND);
@weuiBtnPrimaryActiveBg: var(--weui-TAG-TEXT-GREEN);

2
src/style/widget/weui-button/weui-btn_loading.less
View File

@@ -21,7 +21,7 @@
margin:-.2em .34em 0 0;
}
&.weui-btn_primary {
color: var(--weui-BTN-FONT-COLOR);
color: @weuiBtnFontColor;
}
&.weui-btn_default{
background-color: @weuiBtnDefaultActiveBg;

1
src/style/widget/weui-cell/weui-form/weui-select.less
View File

@@ -55,6 +55,7 @@
position: relative;
z-index: 1;
padding-left: @weuiCellGapH;
color: var(--weui-FG-0);
}
.weui-cell_select-before {

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

@@ -25,7 +25,7 @@
backface-visibility: hidden;
z-index: 5000;
width: 100%;
background-color: #EAE7E8;
background-color: @weuiBgColorDefault;
//slide up animation
transition: transform .3s;
@@ -44,7 +44,7 @@
font-size: 12px;
color: @weuiTextColorDesc;
line-height: 1.4;
background: #FFFFFF;
background: var(--weui-BG-2);
&:before {
.setBottomLine(@weuiCellBorderColor);
}
@@ -54,11 +54,11 @@
}
.weui-actionsheet__menu{
color:@weuiTextColorTitle;
background-color: #FFFFFF;
background-color: var(--weui-BG-2);
}
.weui-actionsheet__action {
margin-top: 8px;
background-color: #FFFFFF;
background-color: var(--weui-BG-2);
padding-bottom:constant(safe-area-inset-bottom);
padding-bottom:env(safe-area-inset-bottom);
}

2
src/style/widget/weui-tips/weui-badge.less
View File

@@ -22,7 +22,7 @@
min-width: 8px;
border-radius: 18px;
background-color: @weuiColorWarn;
color: #FFFFFF;
color: #FFFFFF; // 固定色值
line-height: 1.2;
text-align: center;
font-size: 12px;

10
src/style/widget/weui-tips/weui-half-screen-dialog.less
View File

@@ -74,7 +74,7 @@
}
.weui-half-screen-dialog__subtitle {
display:block;
color:rgba(0,0,0,.5);
color:var(--weui-FG-1);
font-size:10px;
}
@@ -84,18 +84,18 @@
padding-top:4px;
padding-bottom:40px;
font-size:14px;
color:rgba(0,0,0,.9);
color:var(--weui-FG-0);
}
.weui-half-screen-dialog__desc {
font-size:17px;
font-weight:700;
color:rgba(0,0,0,.9);
color:var(--weui-FG-0);
line-height:1.4;
}
.weui-half-screen-dialog__tips {
padding-top:16px;
font-size:14px;
color:rgba(0,0,0,.3);
color:var(--weui-FG-2);
line-height:1.4;
}
.weui-half-screen-dialog__ft {
@@ -116,7 +116,7 @@
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border-width: 0;
background-color: transparent;
color:rgba(0, 0, 0, 0.9);
color: var(--weui-FG-0);
font-size:0;
}
.weui-icon-more{

2
src/style/widget/weui-tips/weui-loadmore.less
View File

@@ -36,7 +36,7 @@
position: relative;
top:-.9em;
padding:0 .55em;
background-color: #FFFFFF;
background-color: var(--weui-BG-2);
color:@weuiTextColorDesc;
}
}

2
src/style/widget/weui-tips/weui-mask.less
View File

@@ -23,7 +23,7 @@
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, .6);
background: rgba(0, 0, 0, .6); // TODO 咨询视觉
}
.weui-mask_transparent{

6
src/style/widget/weui-tips/weui-toast.less
View File

@@ -24,10 +24,10 @@
top: 40%;
left: 50%;
transform:translate(-50%,-50%);
background: rgba(17,17,17,0.7);
background: rgba(17,17,17,0.7); // TODO 咨询视觉
text-align: center;
border-radius: 5px;
color: #FFFFFF;
color: #FFFFFF; // TODO 咨询视觉
display:flex;
flex-direction:column;
@@ -37,7 +37,7 @@
.weui-icon_toast {
display: block;
&.weui-icon-success-no-circle{
color: #FFFFFF;
color: #FFFFFF; // TODO 咨询视觉
width: 55px;
height: 55px;
}