taolin/docs_vue2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: show all styles in source code

Browse Source
This commit is contained in:
Justineo
2021-09-15 20:03:51 +08:00
parent 7b723e469b
commit 97aa5e7839
134 changed files with 349 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
one/docs/demo/directives/drag/axis.vue
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>

6
one/docs/demo/directives/drag/base.vue
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>

14
one/docs/demo/directives/drag/containment.vue
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>

14
one/docs/demo/directives/drag/targets.vue
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>

11
one/docs/demo/directives/nudge.vue
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;
}
}

9
one/docs/demo/directives/outside/click.vue
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;

9
one/docs/demo/directives/outside/hover-with-delay.vue
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;

9
one/docs/demo/directives/outside/hover.vue
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;

2
one/docs/demo/directives/resize.vue
View File

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

2
one/docs/demo/directives/tooltip.vue
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;
}