https://github.com/thrbttl/photocaption
NuxtJs photo caption gallery component
https://github.com/thrbttl/photocaption
Last synced: 4 months ago
JSON representation
NuxtJs photo caption gallery component
- Host: GitHub
- URL: https://github.com/thrbttl/photocaption
- Owner: thrbttl
- Created: 2020-10-08T12:35:34.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2020-10-08T16:39:28.000Z (over 5 years ago)
- Last Synced: 2025-08-28T06:39:08.098Z (10 months ago)
- Language: Vue
- Size: 12.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# photocaption
NuxtJs photo caption gallery component
````nuxt.js
import PhotoCaption from "../node_modules/photocaption/photoCaption3/PhotoCaption";
````
````nuxt.js
data() {
return {
photoCaption: {
color: {
bgColor1: " ", // color , Hex, rgb, rgba
bgColor2: " ", // color , Hex, rgb, rgba
bgColor3: " ", // color , Hex, rgb, rgba
textColor1: " ", // color , Hex, rgb, rgba
textColor2: " ", // color , Hex, rgb, rgba
textColor3: " ", // color , Hex, rgb, rgba
textColor4: " ", // color , Hex, rgb, rgba
},
text: {
btnText: " ", // button in text
title1: "Javascript",
title2: "Vue Js",
title3: "Nuxt JS",
title4: "Node Js",
subTitle1: "Lorem ipsum dolor sit amet consectetur adipisicing elit.",
subTitle2: "Lorem ipsum dolor sit amet consectetur adipisicing elit.",
subTitle3: "Lorem ipsum dolor sit amet consectetur adipisicing elit.",
subTitle4: "Lorem ipsum dolor sit amet consectetur adipisicing elit.",
},
path: {
path1: "javascript",
path2: "vuejs",
path3: "nuxtjs",
path4: "nodejs",
},
},
};
},
````
### images
static folder in create new folder name: 'image' > image in new folder name: 'photoCaption' > photoCaption in your image.