blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

chore: adjust some css vars (#9758)

Browse Source
This commit is contained in:
neverland 2021-10-30 20:45:07 +08:00 committed by GitHub
parent 5d85f9ca9e
commit 3400c33450
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vant/src/badge/index.less
View File

@ -25,7 +25,7 @@
line-height: 1.2; line-height: 1.2;
text-align: center; text-align: center;
background: var(--van-badge-background-color); background: var(--van-badge-background-color);
border: var(--van-badge-border-width) solid var(--van-white); border: var(--van-badge-border-width) solid var(--van-background-color-light);
border-radius: var(--van-border-radius-max); border-radius: var(--van-border-radius-max);
&--fixed { &--fixed {

2
packages/vant/src/checkbox/demo/index.vue
View File

@ -184,7 +184,7 @@ const toggleAll = () => {
<style lang="less"> <style lang="less">
.demo-checkbox { .demo-checkbox {
background: var(--van-white); background: var(--van-background-color-light);
.van-checkbox { .van-checkbox {
margin: 0 0 8px 20px; margin: 0 0 8px 20px;

2
packages/vant/src/icon/demo/index.vue
View File

@ -231,7 +231,7 @@ const copy = (icon: string, option: Record<string, unknown> = {}) => {
.van-tab__pane { .van-tab__pane {
width: auto; width: auto;
margin: 20px; margin: 20px;
background-color: #fff; background-color: var(--van-background-color-light);
border-radius: 12px; border-radius: 12px;
} }
} }

2
packages/vant/src/popover/demo/index.vue
View File

@ -136,7 +136,7 @@ const onSelect = (action: { text: string }) => Toast(action.text);
v-model:show="showPicker" v-model:show="showPicker"
round round
position="bottom" position="bottom"
get-container="body" teleport="body"
> >
<div class="demo-popover-box"> <div class="demo-popover-box">
<van-popover <van-popover

4
packages/vant/src/popover/test/__snapshots__/demo.spec.ts.snap
View File

@ -47,10 +47,6 @@ exports[`should render demo and match snapshot 1`] = `
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"> <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i> </i>
</div> </div>
<transition-stub>
</transition-stub>
<transition-stub>
</transition-stub>
</div> </div>
<div> <div>
<span class="van-popover__wrapper"> <span class="van-popover__wrapper">

2
packages/vant/src/rate/demo/index.vue
View File

@ -88,7 +88,7 @@ const onChange = (value: number) => Toast(t('toastContent', value));
<style lang="less"> <style lang="less">
.demo-rate { .demo-rate {
padding-bottom: 20px; padding-bottom: 20px;
background-color: #fff; background-color: var(--van-background-color-light);
.van-rate { .van-rate {
margin-left: var(--van-padding-md); margin-left: var(--van-padding-md);

2
packages/vant/src/step/index.less
View File

@ -66,7 +66,7 @@
left: calc(var(--van-padding-xs) * -1); left: calc(var(--van-padding-xs) * -1);
z-index: 1; z-index: 1;
padding: 0 var(--van-padding-xs); padding: 0 var(--van-padding-xs);
background-color: var(--van-white); background-color: var(--van-background-color-light);
transform: translateY(-50%); transform: translateY(-50%);
} }

5
packages/vant/src/sticky/demo/index.vue
View File

@ -38,7 +38,10 @@ const container = ref(null);
</demo-block> </demo-block>
<demo-block :title="t('setContainer')"> <demo-block :title="t('setContainer')">
<div ref="container" style="height: 150px; background-color: #fff"> <div
ref="container"
style="height: 150px; background-color: var(--van-background-color-light)"
>
<van-sticky :container="container"> <van-sticky :container="container">
<van-button type="warning" style="margin-left: 215px"> <van-button type="warning" style="margin-left: 215px">
{{ t('setContainer') }} {{ t('setContainer') }}

2
packages/vant/src/sticky/test/__snapshots__/demo.spec.ts.snap
View File

@ -34,7 +34,7 @@ exports[`should render demo and match snapshot 1`] = `
</div> </div>
</div> </div>
<div> <div>
<div style="height: 150px; background-color: rgb(255, 255, 255);"> <div style="height: 150px;">
<div> <div>
<div class="van-sticky"> <div class="van-sticky">
<button type="button" <button type="button"