Un site de navigation de signets en ligne qui peut importer des signets de navigateur - signets crécerelle

Appelle - moi Jen. 2021-08-19 23:00:37 阅读数:906

site navigation signets en ligne

kestrel-bookmark Un signet de Crécerelle

Introduction

【Un signet de Crécerelle】Un site de navigation de signets en ligne concis.

Les données par défaut sontImpression chinoiseDewebDonnées de navigation;Les données peuvent être modifiées;Fonction de filtrage de recherche globale;La logique d'achèvement d'une seule page est très simple,Le novice Xiaobai peut également compléter le développement de modifications secondaires;AdoptiongranimLe plugin complète l'animation de fond;Plus d'animations disponibles;Cool Halo background Animation Effect.

Fonction/Caractéristiques(Cool Halo background Animation Effect,Les données du navigateur peuvent être importées dansLeanCloud)

  • 1.Synchroniser l'impression chinoisewebDonnées de navigation;Les signets supportent l'ajout de、Modifier et supprimer
  • 2.Fonction de filtrage de recherche globale;Persistance des données locales hors ligne,Ajout, suppression et modification de signets
  • 3.Peut se connecter pour enregistrer dansleancloudLes données des signets,.Ne vous inquiétez plus de perdre vos données de signet
  • 4.AdoptiongranimLe plugin complète l'animation de fond;Plus d'animations disponibles;
  • 5.Prise en charge de l'importation des données de signet du navigateur(Google,Firefox),Et déposéLeanCloud;
  • 6.EnregistrableleanCloudEt modifierappIdEtappKey;Déployez le signet vous - même;
  • 7.AdoptionVue3.0 Composition API;C'est aussi une étudeVue3.0 Programmes d'études;Hope to help more LearningVUe 3.0Amis de;

Fonctions en cours de développement

  • Téléchargement personnalisé de l'image de fond
  • Effets d'animation de fond personnalisés
  • Personnaliser la barre d'outils
  • Importer les signets du navigateur de résolution ,Modifications prises en charge、 Supprimer et déposer dans LeanCloud
  • Les signets supportent plusieurs styles de mise en page (Cartes,Liste, Structure des signets arborescents, etc )
  • Prise en charge de la modification des icônes de signets entiers ; L'icône point rouge est actuellement utilisée , C'est beau aussi ;
  • ...

Signets d'URL

======== Attention!: Ce projet continuera d'ajouter des fonctionnalités , Mais l'entretien continu . En cas de problème d'utilisation , Veuillez laisser un message ou soumettre issue .Merci beaucoup.!!!

Étapes d'installation

  • 1. Projet de clonage https://gitee.com/zhanhongzhu/kestrel-bookmark.git
  • 2. Accès au Répertoire des projets npm install
  • 3.Lancement du projet npm run serve
  • 4. Ouvrez votre navigateur et localhost:8080 Vous pouvez voir l'interface ;
  • 5.Commande d'emballage npm run build

Adresse en ligne

Un signet de Crécerelle

Effets

Adresse du code source

Entièrement open source , Tout le monde peut étudier ,Développement secondaire. Bien sûr, tout le monde est le bienvenu pour commander Star
Lien source (gitee)        Lien source (github)

Structure du projet

├── src 
     ├── Api      //  Interface de stockage
     │    └──common.js  // leancloud-storage Encapsulation des fonctions d'interface commune
     │    └──user.js   // leancloud-storage Connexion、 Déconnecter l'interface
     ├── assets      //  Stockage des ressources statiques
     │    └──Json    //  Sources de données statiques jsonDonnées
     │    └──svg    //  Icônes de la barre d'outils
     ├── components  // Stockage des composants
     │    └──Dialog.vue  // Nouveau、 Modifier le signet
     │    └──Login.vue    //  Login popup
     ├── APP.vue
     └── main.js

Icône du projet ( Prise en charge ultérieure de la modification des icônes )

Les signets de Crécerelle utilisent iconfontIcônes, La petite soeur du design est C'est le canard d'été , L'icône du design est fantastique , Merci beaucoup .ღ( ´・ᴗ・` )

J'adore cette icône ;

L'adresse de la collection d'icônes de la petite soeur Icône Portfolio adresse

Autres liens

Copyright:Cet article est[Appelle - moi Jen.]Établi,Veuillez apporter le lien original pour réimprimer,remercier。 https://fra.fheadline.com/2021/08/20210819230032151t.html