https://github.com/thrbttl/nuxtjsnav
nuxt.js Navigation Components
https://github.com/thrbttl/nuxtjsnav
Last synced: 11 months ago
JSON representation
nuxt.js Navigation Components
- Host: GitHub
- URL: https://github.com/thrbttl/nuxtjsnav
- Owner: thrbttl
- Created: 2020-09-29T13:10:33.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-10-01T12:06:51.000Z (over 5 years ago)
- Last Synced: 2025-07-01T01:43:40.835Z (12 months ago)
- Language: Vue
- Size: 35.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# nuxtjsnav
nuxt.js Navigation Responsive Component 🖖
- NuxtJs projelerinde kullanabileceğiniz navigation componentleri.
- Repositoryden kondları inceleyebilir indirip projenize component olarak dahil edebilirsiniz.
- NPM'den paket olarak yükleyerek kullanabilirsiniz.
- ** Bootstrap kullandığım için projeye bootstrap dahil etmelisiniz.
# NPM
- npm'den yüklemek için :
```
npm i nuxtjsnav
```
### npm'den paket olarak projeye yükledikten sonra yapılması gerekenler:
- Import için
```nuxt.js
import Navigation from "../node_modules/nuxtjsnav/Navigation";
```
- data içerisine :
```nuxt.js
data() {
return {
mobileTitle : "tahirbattal.com.tr", // İçerik örnek olarak veridi. Değiştirerek kullanabilirsiniz.
mainItem : "Anasayfa",
// İçerik (Anasayfa) örnek olarak veridi. Değiştirerek kullanabilirsiniz.
menu : {
first : "Hakkımda",
second : "İletişim",
third : "Blog",
fifth : "Fortoğraflar",
// İçerikler
// (first : "Hakkımda",
// second : "İletişim",
// third : "Blog",
// fifth : "Fortoğraflar",)
// örnek olarak veridi. Değiştirerek kullanabilirsiniz.
}
};
},
````
- component olarak tanıtın :
```nuxt.js
components: {
Navigation
},
```
- Template içinde tag olarak kullanıp menu elemanlarını gönderin :
```nuxt.js
```
- Logo eklemek için static klasörünün içinde image adında bir klasör oluşturun ve içine `logo.png` isimli image ekleyin.