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

9
one/docs/demo/anchor/offset.vue
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;

6
one/docs/demo/anchor/sticky.vue
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;