changes the thumbnail doc in the README
... to be more in-line with the changes that I brought to the model in v1.0.0
This commit is contained in:
parent
9b46adeb20
commit
2558831198
19
README.md
19
README.md
@ -113,31 +113,20 @@ In a Single File Component:
|
||||
style="width: 300px; height: 500px; border:1px solid black; "
|
||||
>
|
||||
<svg> ... </svg>
|
||||
<svg slot="thumbnail" class="thumbViewClass">
|
||||
...
|
||||
</svg>
|
||||
<svg slot="thumbnail"> ... </svg>
|
||||
</SvgPanZoom>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import SvgPanZoom from 'vue-svg-pan-zoom';
|
||||
import SvgPanZoom from 'vue-svg-pan-zoom';
|
||||
|
||||
export default {
|
||||
components: { SvgPanZoom },
|
||||
components: { SvgPanZoom },
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import 'vue-svg-pan-zoom/dist/vue-svg-pan-zoom.css';
|
||||
</style>
|
||||
|
||||
Note that for the css import to work, you'll have to have
|
||||
[postcss-import](https://github.com/postcss/postcss-import)
|
||||
installed as a dep.
|
||||
|
||||
Also, just like the main `SvgPanZoom`component, the `thumbnail` slot needs to
|
||||
Just like the main `SvgPanZoom`component, the `thumbnail` slot needs to
|
||||
be assigned to a `svg` node -- `embed` won't work.
|
||||
|
||||
### Storybook demos
|
||||
|
@ -10,12 +10,12 @@
|
||||
|
||||
|
||||
<script>
|
||||
import { SvgPanZoom, SvgPanZoomThumbnail } from './index';
|
||||
import { SvgPanZoom } from './index';
|
||||
import RawTiger from './RawTiger.vue';
|
||||
|
||||
|
||||
export default {
|
||||
components: { SvgPanZoom, RawTiger, SvgPanZoomThumbnail },
|
||||
components: { SvgPanZoom, RawTiger },
|
||||
methods: {
|
||||
honk(){ console.log( "thumbnail was mounted!" ) }
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user