Comment utiliser le composant WeChat SlideView dans l'applet WeChat (avec exemples)

不言
Libérer: 2018-10-24 11:52:43
avant
7449 Les gens l'ont consulté

Le contenu de cet article explique comment utiliser le composant WeChat SlideView (avec des exemples) dans l'applet WeChat. Il a une certaine valeur de référence. J'espère que cela vous sera utile.

L'applet WeChat imite le composant WeChat SlideView.

Utilisez

1. Installez slide-view

à partir de la mini bibliothèque de base du programme version 2.2.1 ou supérieure et des outils de développement 1.02.1808300. ou À partir de ce qui précède, le mini-programme prend en charge l'utilisation de npm pour installer des packages tiers.

npm install --save miniprogram-slide-view
Copier après la connexion

2. Ajoutez la configuration du composant personnalisé de la vue diapositive dans page.json de la page qui doit utiliser la vue diapositive

{  
    "usingComponents": {    
        "slide-view": "miniprogram-slide-view"
    }
}
Copier après la connexion

3. file

Chaque vue diapositive fournit deux nœuds , qui sont utilisés pour transporter les nœuds enfants fournis lorsque le composant est référencé. Le nœud de gauche est utilisé pour transporter le nœud affiché par la vue diapositive lorsqu'il est immobile. La largeur et la hauteur de ce nœud doivent être les mêmes que la largeur et la hauteur transmises à la vue diapositive. Le nœud de droite est utilisé pour héberger le nœud affiché lors du glissement, et sa largeur doit être la même que la slideWidth transmise à la vue diapositive.

<slide-view>
  <view>这里是插入到组内容</view>
  <view>
    <view>标为已读</view>
    <view>删除</view>
  </view>
</slide-view>
Copier après la connexion

Description du paramètre :

  • largeur : Type numérique, la valeur par défaut affiche la largeur de l'écran, la largeur du composant d'affichage diapositive

  • hauteur : type de nombre, valeur par défaut 0, la hauteur du composant de la vue diapo

  • slide-width : type de nombre, valeur par défaut 0, la largeur de la zone d'affichage coulissante (hauteur par défaut Identique à la vue diapositive)

Effet de course

Comment utiliser le composant WeChat SlideView dans lapplet WeChat (avec exemples)

Autres

adresse du projet en diapositive : https://github.com/wechat-min...

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:segmentfault.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!