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"> <style lang="less">
.demo-badge { .demo-badge {
background-color: var(--van-background-color-light); background-color: var(--van-background-light);
.van-badge__wrapper { .van-badge__wrapper {
margin-left: var(--van-padding-md); 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"> <style lang="less">
.demo-button { .demo-button {
background: var(--van-background-color-light); background: var(--van-background-light);
.van-button { .van-button {
&--large { &--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"> <style lang="less">
.demo-card { .demo-card {
background-color: var(--van-background-color-light); background-color: var(--van-background-light);
} }
</style> </style>

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

@ -70,7 +70,7 @@ const t = useTranslate({
<style lang="less"> <style lang="less">
.demo-col { .demo-col {
background: var(--van-background-color-light); background: var(--van-background-light);
.van-doc-demo-block { .van-doc-demo-block {
padding: 0 var(--van-padding-md); 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"> <style lang="less">
.demo-count-down { .demo-count-down {
background-color: var(--van-background-color-light); background-color: var(--van-background-light);
.van-count-down { .van-count-down {
margin-left: var(--van-padding-md); 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"> <style lang="less">
.demo-divider { .demo-divider {
background-color: var(--van-background-color-light); background-color: var(--van-background-light);
.van-doc-demo-block__title { .van-doc-demo-block__title {
padding-top: var(--van-padding-md); 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"> <style lang="less">
.demo-empty { .demo-empty {
background: var(--van-background-color-light); background: var(--van-background-light);
.custom-image { .custom-image {
.van-empty__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 { &-tab-panel {
width: auto; width: auto;
margin: 20px; margin: 20px;
background-color: var(--van-background-color-light); background-color: var(--van-background-light);
border-radius: 12px; 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"> <style lang="less">
.demo-image { .demo-image {
overflow-x: hidden; overflow-x: hidden;
background-color: var(--van-background-color-light); background-color: var(--van-background-light);
.van-row { .van-row {
padding: 0 var(--van-padding-md); 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"> <style lang="less">
.demo-loading { .demo-loading {
background: var(--van-background-color-light); background: var(--van-background-light);
.van-loading { .van-loading {
display: inline-block; display: inline-block;

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

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

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

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

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

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

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

@ -100,7 +100,7 @@ onMounted(preloadImage);
<style lang="less"> <style lang="less">
.demo-pull-refresh { .demo-pull-refresh {
background-color: var(--van-background-color-light); background-color: var(--van-background-light);
.van-pull-refresh { .van-pull-refresh {
height: calc(100vh - 50px); 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"> <style lang="less">
.demo-rate { .demo-rate {
padding-bottom: 20px; padding-bottom: 20px;
background-color: var(--van-background-color-light); background-color: var(--van-background-light);
.van-rate { .van-rate {
margin-left: var(--van-padding-md); 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"> <style lang="less">
.demo-sidebar { .demo-sidebar {
background-color: var(--van-background-color-light); background-color: var(--van-background-light);
.van-sidebar { .van-sidebar {
margin-left: var(--van-padding-md); 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"> <style lang="less">
.demo-skeleton { .demo-skeleton {
background-color: var(--van-background-color-light); background-color: var(--van-background-light);
.van-switch { .van-switch {
margin: 0 var(--van-padding-md) var(--van-padding-xs); 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"> <style lang="less">
.demo-slider { .demo-slider {
background: var(--van-background-color-light); background: var(--van-background-light);
user-select: none; user-select: none;
.van-doc-demo-block { .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')"> <demo-block :title="t('setContainer')">
<div <div
ref="container" 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-sticky :container="container">
<van-button type="warning" style="margin-left: 215px"> <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 { .van-hairline--top {
height: 30px; height: 30px;
background-color: var(--van-background-color-light); background-color: var(--van-background-light);
&::after { &::after {
top: 5px; top: 5px;

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

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

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

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

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

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