Petit programme de micro-canal pour obtenir la suspension du bouton mobile (super simple,)

Il a été récemment exigences réutilisateur pour chaque page affiche un bouton pour la suspension de l' entreprise, ce bordel? ? ! ! !
Bien que le coeur ne veulent pas, mais le corps doivent encore accepter. .

Tout d'abord paresseux Baidu, trouvé sur le web de ses propres événements tactiles de capture faire, dans mon expérience de cette mise en œuvre est certainement un tas de bug, et la page Caton, déterminé à ne pas pas sur la fosse. J'espère que vous ne montez pas sur fosse ~

Mise en œuvre: nous pouvons utiliser le haut-composants micro lettre applets facile!
1. L'ensemble de l' écran est recouvert d'un des composants de la région mobile
2. Ajouter coulisse de liberté vue mobile à l' intérieur de la zone mobile.
3. Key : attribut CSS pointeur-Events .
Code offre:
wxml:

  <movable-area class="movable-area">
    <movable-view class="movable-view" direction="all">
    </movable-view>
  </movable-area>

wxss:

  .movable-area{
    pointer-events:none;// 这个属性设置为none,让所有事件穿透过去
    z-index: 100;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .movable-view{ 
  	pointer-events:auto;// 重设为auto,覆盖父属性设置
    height: 50px;
    width: 50px;
    background: red;
  }

Il est pas très simple? ?

Le code de base à un tel point, il suffit de regarder à votre propre entreprise pour obtenir un

Si vous avez besoin chaque page, écrivez à l'introduction de composants

Puis j'ai réalisé le partage de fichiers immédiatement écrire à tout le monde, je l'espère, nous pouvons éviter des détours ~~~

Haine plagiat de documentation en ligne, Baidu sont exactement les mêmes partout, les gens malades.

L'original est pas facile, s'il vous plaît indiquer la source! !