feat: show all styles in source code

This commit is contained in:
Justineo 2021-09-15 20:03:51 +08:00
parent 7b723e469b
commit 97aa5e7839
No known key found for this signature in database
GPG Key ID: B73F0979CF18A0EA
134 changed files with 349 additions and 300 deletions

View File

@ -22,7 +22,8 @@ export default {
}
</script>
<style lang="stylus" scoped docs>
section
margin-bottom 20px
<style scoped>
section {
margin-bottom: 20px;
}
</style>

View File

@ -34,7 +34,8 @@ export default {
}
</script>
<style lang="stylus" scoped docs>
section
margin-bottom 20px
<style scoped>
section {
margin-bottom: 20px;
}
</style>

View File

@ -55,10 +55,11 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 10px;
}
.icon {
vertical-align: -2px;
}

View File

@ -60,7 +60,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 10px;
}

View File

@ -26,7 +26,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-alert {
margin-bottom: 20px;
}

View File

@ -71,7 +71,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.anchor-offset-demo {
position: relative;
@ -80,7 +80,8 @@ export default {
position: absolute;
top: 20px;
width: 180px;
border-top: 1px solid red;;
border-top: 1px solid red;
&::after {
content: "targetOffset: 20px";
position: absolute;
@ -90,9 +91,11 @@ export default {
font-size: 12px;
}
}
.sticky-offset-line {
top: 30px;
left: 250px;
&::after {
content: "stickyOffset: 30px";
}
@ -117,10 +120,12 @@ export default {
width: 100px;
height: 150px;
flex: none;
& + .block {
margin-top: 20px;
}
}
.anchor-two {
position: absolute;
left: 250px;

View File

@ -77,14 +77,16 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.anchor-demo {
position: relative;
.line {
position: absolute;
top: 0;
width: 180px;
border-top: 1px solid red;;
&::after {
content: "0";
position: absolute;
@ -114,6 +116,7 @@ export default {
width: 100px;
height: 150px;
flex: none;
& + .block {
margin-top: 20px;
}
@ -124,6 +127,7 @@ export default {
left: 250px;
top: 50px;
}
.anchor-two {
position: absolute;
left: 450px;

View File

@ -32,7 +32,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 1em;
}

View File

@ -46,7 +46,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-badge {
margin-right: 2em;
}

View File

@ -41,7 +41,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-badge {
& + & {
margin-left: 2em;

View File

@ -48,7 +48,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-breadcrumb:first-child {
margin-bottom: 20px;
}

View File

@ -42,7 +42,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-breadcrumb:first-child {
margin-bottom: 20px;
}

View File

@ -40,7 +40,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 1em;
}

View File

@ -40,7 +40,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 1em;
}

View File

@ -61,7 +61,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 1em;
}

View File

@ -28,7 +28,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button-group {
margin-right: 1em;
}

View File

@ -34,7 +34,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button-group {
margin-right: 1em;
}

View File

@ -38,7 +38,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 1em;
}

View File

@ -87,7 +87,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 1em;
}

View File

@ -87,7 +87,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 1em;
}

View File

@ -28,7 +28,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 1em;
}

View File

@ -47,7 +47,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 1em;
}

View File

@ -54,7 +54,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
article {
overflow: hidden;
}

View File

@ -56,7 +56,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
h4 {
margin: 0 0 10px;
}

View File

@ -64,27 +64,28 @@ export default {
indicatorPosition: 'inside',
align: 'start',
indicators: [
{ label: 'Bar', value: 'bar' },
{ label: 'Number', value: 'number' },
{ label: 'Dot', value: 'dot' },
{ label: 'None', value: 'none' }
{ label: 'bar', value: 'bar' },
{ label: 'number', value: 'number' },
{ label: 'dot', value: 'dot' },
{ label: 'none', value: 'none' }
],
alignments: [
{ value: 'start', label: 'start' },
{ value: 'end', label: 'end' }
{ label: 'start', value: 'start' },
{ label: 'end', value: 'end' }
],
positions: [
{ label: 'Inside', value: 'inside' },
{ label: 'Outside', value: 'outside' }
{ label: 'inside', value: 'inside' },
{ label: 'outside', value: 'outside' }
]
}
}
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
h4 {
margin: 0 0 10px;
&:not(:first-child) {
margin-top: 10px;
}

View File

@ -65,7 +65,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
h4 {
margin: 0 0 10px;
}

View File

@ -53,7 +53,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
h4 {
margin: 0 0 10px;
}

View File

@ -58,7 +58,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
h4 {
margin: 0 0 10px;
}

View File

@ -1,32 +1,52 @@
<template>
<article>
<section class="cascader-config">
<veui-checkbox ui="s" v-model="clearable2">Clearable</veui-checkbox>
<veui-checkbox ui="s" v-model="showSelectAll2">ShowSelectAll</veui-checkbox>
<veui-checkbox
v-model="clearable2"
ui="s"
>
Clearable
</veui-checkbox>
<veui-checkbox
v-model="showSelectAll2"
ui="s"
>
ShowSelectAll
</veui-checkbox>
<veui-radio
v-model="trigger2"
ui="s"
value="click"
name="columnTrigger2"
>click to expand</veui-radio>
>
click to expand
</veui-radio>
<veui-radio
v-model="trigger2"
ui="s"
value="hover"
name="columnTrigger2"
>hover to expand</veui-radio>
>
hover to expand
</veui-radio>
<label>
Max:
<veui-number-input ui="s" v-model="max2"/>
<veui-number-input
v-model="max2"
ui="s"
/>
</label>
<label>
columnWidth:
<veui-input ui="s" v-model="columnWidth2"/>
<veui-input
v-model="columnWidth2"
ui="s"
/>
</label>
</section>
<veui-cascader
class="mt-3p"
v-model="value2"
class="mt-3p"
:options="options"
:searchable="searchable2"
:column-trigger="trigger2"
@ -178,7 +198,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.cascader-config {
display: flex;
align-items: center;

View File

@ -141,13 +141,14 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.cascader-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
.veui-cascader + .veui-cascader{
margin-top: 12px;
}
}
.veui-cascader + .veui-cascader {
margin-top: 12px;
}
</style>

View File

@ -54,7 +54,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}

View File

@ -51,7 +51,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}

View File

@ -54,7 +54,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}

View File

@ -51,7 +51,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}

View File

@ -48,10 +48,12 @@ export default {
}
</script>
<style lang="stylus" scoped docs>
.veui-checkbox
& + &
margin-left 20px
<style lang="less" scoped>
.veui-checkbox {
& + & {
margin-left: 20px;
}
}
</style>
<docs>

View File

@ -28,7 +28,8 @@ export default {
}
</script>
<style lang="stylus" scoped docs>
section
margin-bottom 20px
<style lang="less" scoped>
section {
margin-bottom: 20px;
}
</style>

View File

@ -33,7 +33,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section:not(:last-child) {
margin-bottom: 20px;
}

View File

@ -35,7 +35,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section:not(:last-child) {
margin-bottom: 20px;
}

View File

@ -106,7 +106,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
article > .veui-button {
margin-right: 20px;
}

View File

@ -66,7 +66,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 20px;
}

View File

@ -31,7 +31,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 20px;
}

View File

@ -57,7 +57,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 20px;
}

View File

@ -59,7 +59,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 20px;
}

View File

@ -47,7 +47,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 20px;
}

View File

@ -2,10 +2,17 @@
<article>
<div class="op-wrap">
<veui-button @click="aOpen = true">
Open Dialog
Open Dialog
</veui-button>
<veui-checkbox v-model="loading">Loading</veui-checkbox>
<veui-checkbox class="ml-3p" v-model="disabled">Disabled</veui-checkbox>
<veui-checkbox v-model="loading">
Loading
</veui-checkbox>
<veui-checkbox
v-model="disabled"
class="ml-3p"
>
Disabled
</veui-checkbox>
</div>
<veui-dialog
:open.sync="aOpen"
@ -37,14 +44,14 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 20px;
}
.op-wrap {
display: flex;
display: flex;
}
.ml-3p {
margin-left: 12px;
margin-left: 12px;
}
</style>

View File

@ -27,16 +27,15 @@ export default {
}
</script>
<style lang="less" scoped docs>
@import "~veui-theme-dls/lib.less";
<style lang="less" scoped>
article {
height: 200px;
}
.target {
.size(80px);
background: @veui-gray-color-6;
width: 80px;
height: 80px;
background: #e7e7e7;
display: inline-flex;
margin-right: 40px;
align-items: center;
@ -45,7 +44,8 @@ article {
}
.container {
.size(100%, 300px);
background: @veui-gray-color-8;
width: 100%;
height: 300px;
background: #f7f7f7;
}
</style>

View File

@ -18,11 +18,11 @@ export default {
}
</script>
<style lang="less" scoped docs>
@import "~veui-theme-dls/lib.less";
<style lang="less" scoped>
.target {
.size(80px);
width: 80px;
height: 80px;
background: @veui-gray-color-6;
}
</style>

View File

@ -23,16 +23,16 @@ export default {
}
</script>
<style lang="less" scoped docs>
@import "~veui-theme-dls/lib.less";
<style lang="less" scoped>
.target {
.size(80px);
background: @veui-gray-color-6;
width: 80px;
height: 80px;
background: #e7e7e7;
}
.container {
.size(100%, 300px);
background: @veui-gray-color-8;
width: 100%;
height: 300px;
background: #f7f7f7;
}
</style>

View File

@ -28,12 +28,11 @@ export default {
}
</script>
<style lang="less" scoped docs>
@import "~veui-theme-dls/lib.less";
<style lang="less" scoped>
.target {
.size(80px);
background: @veui-gray-color-6;
width: 80px;
height: 80px;
background: #e7e7e7;
display: inline-flex;
margin-right: 40px;
align-items: center;
@ -42,7 +41,8 @@ export default {
}
.container {
.size(100%, 300px);
background: @veui-gray-color-8;
width: 100%;
height: 300px;
background: #f7f7f7;
}
</style>

View File

@ -45,19 +45,18 @@ export default {
}
</script>
<style lang="less" scoped docs>
@import "~veui-theme-dls/lib.less";
<style lang="less" scoped>
article {
display: flex;
}
.box {
.size(200px, 50px);
width: 200px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid @veui-gray-color-5;
border: 1px solid #dbdbdb;
background: #fff;
margin-right: 40px;
user-select: none;
@ -67,7 +66,7 @@ article {
line-height: 1;
&:focus {
background-color: @veui-gray-color-6;
background-color: #e7e7e7;
}
}

View File

@ -36,12 +36,11 @@ export default {
}
</script>
<style lang="less" scoped docs>
@import "~veui-theme-dls/lib.less";
<style lang="less" scoped>
.box {
.size(500px, 100px);
background: @veui-gray-color-8;
width: 500px;
height: 100px;
background: #f7f7f7;
display: flex;
align-items: center;
justify-content: center;

View File

@ -43,14 +43,13 @@ export default {
}
</script>
<style lang="less" scoped docs>
@import "~veui-theme-dls/lib.less";
<style lang="less" scoped>
.box1,
.box2,
.box3 {
.size(200px, 100px);
background: @veui-gray-color-8;
width: 200px;
height: 100px;
background: #f7f7f7;
margin-right: 30px;
display: inline-flex;
align-items: center;

View File

@ -31,12 +31,11 @@ export default {
}
</script>
<style lang="less" scoped docs>
@import "~veui-theme-dls/lib.less";
<style lang="less" scoped>
.box {
.size(500px, 100px);
background: @veui-gray-color-8;
width: 500px;
height: 100px;
background: #f7f7f7;
display: flex;
align-items: center;
justify-content: center;

View File

@ -86,7 +86,7 @@ export default {
}
</script>
<style lang="less" docs scoped>
<style lang="less" scoped>
.demo {
height: 50px;
line-height: 50px;

View File

@ -39,7 +39,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button + .veui-button {
margin-left: 8px;
}

View File

@ -66,7 +66,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 20px;
}

View File

@ -57,7 +57,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-button {
margin-right: 20px;
}

View File

@ -98,7 +98,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-dropdown {
margin-left: 1em;
}

View File

@ -122,9 +122,10 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.container {
margin-bottom: 1em;
.veui-dropdown {
margin-left: 1em;
}

View File

@ -161,7 +161,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-dropdown {
margin-left: 1em;
}

View File

@ -64,7 +64,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-dropdown {
max-width: 120px;
margin-right: 10px;

View File

@ -50,7 +50,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-dropdown {
& + & {
margin-left: 1em;

View File

@ -43,7 +43,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}

View File

@ -56,7 +56,7 @@ export default {
}
</script>
<style lang="less" docs scoped>
<style lang="less" scoped>
.item {
padding: 8px 15px;
}

View File

@ -6,29 +6,29 @@
</article>
</template>
<style lang="stylus" scoped docs>
p
margin-bottom 1em
button
width 120px
height 36px
margin-right 1em
background #fff
border solid 1px #999
padding 3px 6px
text-align center
transition background-color 0.3s
&:hover
background-color #f8f8f8
&:active
background-color #eee
</style>
<style lang="less" scoped>
p {
margin-bottom: 1em;
}
button {
width: 120px;
height: 36px;
margin-right: 1em;
background: #fff;
border: solid 1px #999;
padding: 3px 6px;
text-align: center;
transition: background-color 0.3s;
&:hover {
background-color: #f8f8f8;
}
&:active {
background-color: #eee;
}
&:focus {
outline: 2px solid #eee;
}

View File

@ -37,7 +37,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}

View File

@ -37,7 +37,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}

View File

@ -69,9 +69,7 @@ export default {
margin: 2px 0; /* Just for showcase */
}
}
</style>
<style lang="less" scoped docs>
.content {
background-color: #eee;
height: 100%;

View File

@ -60,9 +60,7 @@ article {
margin: 2px 0; /* Just for showcase */
}
}
</style>
<style lang="less" scoped docs>
.content {
background-color: #eee;
height: 100%;

View File

@ -31,13 +31,13 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
article {
overflow: hidden;
}
.item {
@grid-size: 128px;
@grid-size: 120px;
float: left;
width: @grid-size;
height: calc(@grid-size + 3em);
@ -51,7 +51,7 @@ article {
font-size: 1.5em;
line-height: @grid-size;
border-radius: 4px;
transition: border-color .2s;
transition: border-color 0.2s;
&:hover {
border-color: #ccc;

View File

@ -119,7 +119,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}

View File

@ -53,7 +53,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 1em;
}

View File

@ -53,7 +53,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 1em;
}

View File

@ -32,7 +32,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 1em;
}

View File

@ -44,7 +44,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}

View File

@ -3,18 +3,24 @@
<div>
<veui-check-box
v-model="wrap"
>循环播放</veui-check-box>
>
循环播放
</veui-check-box>
<veui-check-box
v-model="indicator"
true-value="number"
false-value="none"
>头部页码</veui-check-box>
>
头部页码
</veui-check-box>
</div>
<veui-button
class="mt-3p"
ui="primary"
@click="open = true"
>展现灯箱</veui-button>
>
展现灯箱
</veui-button>
<veui-lightbox
:open.sync="open"
:datasource="items"
@ -41,7 +47,7 @@ export default {
}
},
computed: {
items() {
items () {
return [
{
src:
@ -73,10 +79,11 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-checkbox {
margin-right: 15px;
}
.mt-3p {
margin-top: 12px;
}

View File

@ -44,7 +44,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
h4 {
margin-top: 0;
}

View File

@ -22,7 +22,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.container {
display: flex;
align-items: flex-end;

View File

@ -76,14 +76,16 @@ export default {
}
</script>
<style lang="less" scoped docs-loading>
<style lang="less" scoped>
.reverse {
background: #ccc;
padding: 8px;
}
.veui-loading {
margin-left: 1em;
}
.container {
margin-bottom: 2em;
}

View File

@ -60,7 +60,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.reverse {
background: #ccc;
padding: 8px;

View File

@ -32,10 +32,11 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-loading {
margin-left: 1em;
}
.reverse {
background: #ccc;
padding: 8px;

View File

@ -47,7 +47,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section,
p {
margin-bottom: 1em;

View File

@ -47,7 +47,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section,
p {
margin-bottom: 1em;

View File

@ -33,7 +33,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
p {
margin-bottom: 1em;
}

View File

@ -40,7 +40,7 @@ export default {
}
</script>
<style lang="less">
<style lang="less" scoped>
.centered-overlay {
position: fixed;
top: 50%;
@ -49,15 +49,11 @@ export default {
width: 200px;
height: 100px;
}
</style>
<style lang="less" docs>
@import "~veui-theme-dls/lib.less";
.centered-overlay {
line-height: 100px;
text-align: center;
border: 1px solid @veui-gray-color-5;
border: 1px solid #dbdbdb;
background-color: #fff;
}
</style>

View File

@ -42,4 +42,21 @@ export default {
}
</script>
<style lang="less" src="./relative.less" docs></style>
<style lang="less" scoped>
.veui-overlay {
display: none;
}
.relative-overlay {
width: 200px;
height: 100px;
line-height: 100px;
text-align: center;
border: 1px solid #dbdbdb;
background-color: #fff;
.veui-button {
margin-left: 10px;
}
}
</style>

View File

@ -1,18 +0,0 @@
@import "~veui-theme-dls/lib.less";
.veui-overlay {
display: none;
}
.relative-overlay {
width: 200px;
height: 100px;
line-height: 100px;
text-align: center;
border: 1px solid @veui-gray-color-5;
background-color: #fff;
.veui-button {
margin-left: 10px;
}
}

View File

@ -87,14 +87,21 @@ export default {
}
</script>
<style lang="less" docs scoped>
<style lang="less" scoped>
.veui-overlay {
display: none;
}
.veui-button {
margin-right: 10px;
.relative-overlay {
width: 200px;
height: 100px;
line-height: 100px;
text-align: center;
border: 1px solid #dbdbdb;
background-color: #fff;
.veui-button {
margin-left: 10px;
}
}
</style>
<style lang="less" src="./relative.less" docs></style>

View File

@ -71,14 +71,21 @@ export default {
}
</script>
<style lang="less" docs scoped>
<style lang="less" scoped>
.veui-overlay {
display: none;
}
.veui-button {
margin-right: 10px;
.relative-overlay {
width: 200px;
height: 100px;
line-height: 100px;
text-align: center;
border: 1px solid #dbdbdb;
background-color: #fff;
.veui-button {
margin-left: 10px;
}
}
</style>
<style lang="less" src="./relative.less" docs></style>

View File

@ -60,10 +60,21 @@ export default {
}
</script>
<style lang="less" docs scoped>
.veui-button {
margin-right: 10px;
<style lang="less" scoped>
.veui-overlay {
display: none;
}
.relative-overlay {
width: 200px;
height: 100px;
line-height: 100px;
text-align: center;
border: 1px solid #dbdbdb;
background-color: #fff;
.veui-button {
margin-left: 10px;
}
}
</style>
<style lang="less" src="./relative.less" docs></style>

View File

@ -30,7 +30,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
article {
text-align: right;
}

View File

@ -41,7 +41,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
article {
text-align: right;
}

View File

@ -192,7 +192,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-grid-container {
width: 80%;
min-width: 600px;

View File

@ -62,7 +62,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section + section {
margin-top: 20px;
}

View File

@ -53,7 +53,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section + section {
margin-top: 20px;
}

View File

@ -66,7 +66,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section + section {
margin-top: 20px;
}

View File

@ -66,7 +66,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}

View File

@ -51,7 +51,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}

View File

@ -40,7 +40,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-radio {
margin-right: 20px;
}

View File

@ -36,7 +36,7 @@ export default {
}
</script>
<style lang="less" scoped docs>
<style lang="less" scoped>
.veui-radio {
margin-right: 20px;
}

Some files were not shown because too many files have changed in this diff Show More