File tree Expand file tree Collapse file tree 1 file changed +25
-29
lines changed Expand file tree Collapse file tree 1 file changed +25
-29
lines changed Original file line number Diff line number Diff line change 11<template >
2- <vue-content-loading v-bind =" $attrs" :width =" 230" :height =" height" >
3- <template v-for =" i in rows " >
4- <circle cx =" 8" :cy =" getYPos(i, 8)" r =" 8" :key = " i + '_c' " />
5- <rect x =" 22" :y =" getYPos(i, 3)" rx =" 3" ry =" 3" width =" 200" height =" 9" :key = " i + '_r' " />
6- </template >
7- </vue-content-loading >
2+ <vue-content-loading v-bind =" $attrs" :width =" 230" :height =" height" >
3+ <template v-for =" i in rows " >
4+ <circle :key = " i + '_c' " cx =" 8" :cy =" getYPos(i, 8)" r =" 8" />
5+ <rect :key = " i + '_r' " x =" 22" :y =" getYPos(i, 3)" rx =" 3" ry =" 3" width =" 200" height =" 9" />
6+ </template >
7+ </vue-content-loading >
88</template >
99
1010<script >
11- import VueContentLoading from ' vue-content-loading' ;
12-
13- export default {
14- components: {
15- VueContentLoading,
16- },
17-
18- props: {
19- rows: {
20- default: 5 ,
21- type: Number ,
11+ import VueContentLoading from ' ../VueContentLoading.vue' ;
12+ export default {
13+ components: {
14+ VueContentLoading,
2215 },
23- },
24-
25- computed : {
26- height () {
27- return this . rows * 21 ;
16+ props : {
17+ rows : {
18+ default : 5 ,
19+ type : Number ,
20+ },
2821 },
29- },
30-
31- methods: {
32- getYPos (row , plus ) {
33- return plus + ((row - 1 ) * 22 );
22+ computed: {
23+ height () {
24+ return this .rows * 21 ;
25+ },
26+ },
27+ methods: {
28+ getYPos (row , plus ) {
29+ return plus + ((row - 1 ) * 22 );
30+ },
3431 },
35- },
36- };
32+ };
3733 </script >
You can’t perform that action at this time.
0 commit comments