巨应打字员

# 一般做法

一般情况下必须在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>&#x3C;button open-type="share">&#x3C;/button>
</code></pre>
<p>这样可以满足大部分情况但是样式极其不好调。</p>
<h1>自定义做法</h1>
<p>这里以 vant-weapp 的tabbar-item做测试。用一个label的for属性指向隐藏分享按钮即可。简单快捷，适用于任何元素。</p>
<pre><code>&#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组件上绑定分享功能

小程序如何在Button以外的元素上绑定分享功能

把xml文件拖入firefox

F12打开控制台

找到要生成的xpath的节点

右键>copy>xpath

完事


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


如何快速根据xml生成xpath


安装 ghost-cli

`npm install -g ghost-cli@latest`

切换用户 `su <username>`

创建文件夹 `sudo mkdir -p /var/www/<sitename>`

设置所有者 `sudo chown zy:zy /var/www/<sitename>`

设置权限 `sudo chmod 775 /var/www/<sitename>`

切换到目录 `cd /var/www/<sitename>`

安装

`ghost install`

<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=45c01c0f8ef2ed21e728b215e8e2dd2e1ec5bedf7f181e22c1f5435795cf3e64">Ghost 博客交流群</a>


<p>安装 ghost-cli</p>
<p><code>npm install -g ghost-cli@latest</code></p>
<p>切换用户 <code>su &#x3C;username></code></p>
<p>创建文件夹 <code>sudo mkdir -p /var/www/&#x3C;sitename></code></p>
<p>设置所有者 <code>sudo chown zy:zy /var/www/&#x3C;sitename></code></p>
<p>设置权限 <code>sudo chmod 775 /var/www/&#x3C;sitename></code></p>
<p>切换到目录 <code>cd /var/www/&#x3C;sitename></code></p>
<p>安装</p>
<p><code>ghost install</code></p>
<p>Ghost 博客交流群</p>
