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: fix van-background-light var in demos

Browse Source
This commit is contained in:
chenjiahan 2022-01-21 17:19:21 +08:00
parent 3c3f58a7be
commit 526f54595d
23 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -102,7 +102,7 @@ const t = useTranslate({
<style lang="less">
.demo-badge {
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
.van-badge__wrapper {
margin-left: var(--van-padding-md);

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

@ -144,7 +144,7 @@ const t = useTranslate({
<style lang="less">
.demo-button {
background: var(--van-background-color-light);
background: var(--van-background-light);
.van-button {
&--large {

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

@ -71,6 +71,6 @@ const imageURL = 'https://img.yzcdn.cn/vant/ipad.jpeg';
<style lang="less">
.demo-card {
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
}
</style>

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

@ -70,7 +70,7 @@ const t = useTranslate({
<style lang="less">
.demo-col {
background: var(--van-background-color-light);
background: var(--van-background-light);
.van-doc-demo-block {
padding: 0 var(--van-padding-md);

2
packages/vant/src/count-down/demo/index.vue
View File

@ -91,7 +91,7 @@ const onFinish = () => Toast(t('finished'));
<style lang="less">
.demo-count-down {
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
.van-count-down {
margin-left: var(--van-padding-md);

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

@ -58,7 +58,7 @@ const t = useTranslate({
<style lang="less">
.demo-divider {
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
.van-doc-demo-block__title {
padding-top: var(--van-padding-md);

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

@ -68,7 +68,7 @@ const active = ref('error');
<style lang="less">
.demo-empty {
background: var(--van-background-color-light);
background: var(--van-background-light);
.custom-image {
.van-empty__image {

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

@ -197,7 +197,7 @@ const copy = (icon: string, option: Record<string, unknown> = {}) => {
&-tab-panel {
width: auto;
margin: 20px;
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
border-radius: 12px;
}

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

@ -124,7 +124,7 @@ const positions2 = ['top', 'center', 'bottom'] as const;
<style lang="less">
.demo-image {
overflow-x: hidden;
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
.van-row {
padding: 0 var(--van-padding-md);

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

@ -62,7 +62,7 @@ const t = useTranslate({
<style lang="less">
.demo-loading {
background: var(--van-background-color-light);
background: var(--van-background-light);
.van-loading {
display: inline-block;

2
packages/vant/src/notice-bar/demo/index.vue
View File

@ -81,7 +81,7 @@ const t = useTranslate({
<style lang="less">
.demo-notice-bar {
background: var(--van-background-color-light);
background: var(--van-background-light);
.van-notice-bar:not(:first-of-type) {
margin-top: 4px;

4
packages/vant/src/overlay/demo/index.vue
View File

@ -47,7 +47,7 @@ const showEmbedded = ref(false);
<style lang="less">
.demo-overlay {
background: var(--van-background-color-light);
background: var(--van-background-light);
.wrapper {
display: flex;
@ -59,7 +59,7 @@ const showEmbedded = ref(false);
.block {
width: 120px;
height: 120px;
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
border-radius: 4px;
}
}

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

@ -72,7 +72,7 @@ const reduce = () => {
<style lang="less">
.demo-progress {
background: var(--van-background-color-light);
background: var(--van-background-light);
.van-progress {
margin: 20px 16px;

2
packages/vant/src/pull-refresh/demo/index.vue
View File

@ -100,7 +100,7 @@ onMounted(preloadImage);
<style lang="less">
.demo-pull-refresh {
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
.van-pull-refresh {
height: calc(100vh - 50px);

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">
.demo-rate {
padding-bottom: 20px;
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
.van-rate {
margin-left: var(--van-padding-md);

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

@ -71,7 +71,7 @@ const onChange = (index: number) => Toast(`${t('title')} ${index + 1}`);
<style lang="less">
.demo-sidebar {
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
.van-sidebar {
margin-left: var(--van-padding-md);

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

@ -47,7 +47,7 @@ const show = ref(false);
<style lang="less">
.demo-skeleton {
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
.van-switch {
margin: 0 var(--van-padding-md) var(--van-padding-xs);

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

@ -96,7 +96,7 @@ const onChange = (value: string) => Toast(t('text') + value);
<style lang="less">
.demo-slider {
background: var(--van-background-color-light);
background: var(--van-background-light);
user-select: none;
.van-doc-demo-block {

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

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

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

@ -77,7 +77,7 @@ const animate = (newName: string) => {
.van-hairline--top {
height: 30px;
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
&::after {
top: 5px;

2
packages/vant/src/swipe-cell/demo/index.vue
View File

@ -100,7 +100,7 @@ const beforeClose = ({ position }: { position: string }) => {
.van-card {
margin: 0;
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
}
.delete-button {

4
packages/vant/src/tab/demo/index.vue
View File

@ -187,11 +187,11 @@ const beforeChange = (name: number) => {
.van-tab__panel {
padding: 24px 20px;
background-color: var(--van-background-color-light);
background: var(--van-background-light);
}
.van-tabs--card .van-tab__panel {
background-color: transparent;
background: transparent;
}
}
</style>

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

@ -180,7 +180,7 @@ const onOversize = (file: UploaderFileListItem, detail: unknown) => {
<style lang="less">
.demo-uploader {
background-color: var(--van-background-color-light);
background-color: var(--van-background-light);
.van-uploader {
margin-left: var(--van-padding-md);