Configuración del icono arrastrable del subprograma WeChat

    <movable-area class="move-area">
      <movable-view direction="all" class="move-view" x="330">
        <span class="iconfont icon-filter_icon"></span>
      </movable-view>
    </movable-area>


#样式如下

.move-area {
  height: 600px;
  width: 100%;
  padding: 20px 0;
  top: 30px;
  position: fixed;
  z-index: 200;
}

.move-view {
  height: 30px;
  width: 30px;
  padding: 10px;
  pointer-events: auto;
}

.move-view span {
  font-size: 18px;
  padding: 3px;
  border-radius: 50px;
  color: white;
  background: linear-gradient(#C28EEA, #B2ABEE);
}

Consulte el documento del sitio web oficial: área móvil | Documento abierto de WeChat (qq.com)