巨应打字员

# 多个片段批量删除波纹

菜单栏->序列->封闭间隙



<h1>多个片段批量删除波纹</h1>
<p>菜单栏->序列->封闭间隙</p>


PR 常规操作记录

把xml文件拖入firefox

F12打开控制台

找到要生成的xpath的节点

右键>copy>xpath

完事


<p>把xml文件拖入firefox</p>
<p>F12打开控制台</p>
<p>找到要生成的xpath的节点</p>
<p>右键>copy>xpath</p>
<p>完事</p>


如何快速根据xml生成xpath

# 一般做法

一般情况下必须在button上才能绑定分享功能像这样。

```xml
<button open-type="share"></button>
```

这样可以满足大部分情况但是样式极其不好调。

# 自定义做法

这里以 vant-weapp 的tabbar-item做测试。用一个label的for属性指向隐藏分享按钮即可。简单快捷，适用于任何元素。

```xml
<van-tabbar-item>
      <view slot="icon">
        <label for="share">
          <van-icon name="share" size="22px" />
        </label>
      </view>
      <label for="share">分享到群</label>
      <button id='share' open-type="share" hidden='true'>  </button>   
</van-tabbar-item>
```



<h1>一般做法</h1>
<p>一般情况下必须在button上才能绑定分享功能像这样。</p>
<pre><code class="language-xml">&#x3C;button open-type="share">&#x3C;/button>
</code></pre>
<p>这样可以满足大部分情况但是样式极其不好调。</p>
<h1>自定义做法</h1>
<p>这里以 vant-weapp 的tabbar-item做测试。用一个label的for属性指向隐藏分享按钮即可。简单快捷，适用于任何元素。</p>
<pre><code class="language-xml">&#x3C;van-tabbar-item>
      &#x3C;view slot="icon">
        &#x3C;label for="share">
          &#x3C;van-icon name="share" size="22px" />
        &#x3C;/label>
      &#x3C;/view>
      &#x3C;label for="share">分享到群&#x3C;/label>
      &#x3C;button id='share' open-type="share" hidden='true'>  &#x3C;/button>   
&#x3C;/van-tabbar-item>
</code></pre>


实战在vant-weapp tabbar-item组件上绑定分享功能