jquery移动端底部分享弹窗（微信+朋友圈+扫码的分享弹窗）

封装个jquery的底部分享（底部弹窗）插件。

最终效果：

点击某个按钮从底部向上弹出弹窗，点击取消弹窗向下隐去

静态资源

没有服务器，没有CDN，图标就自力更生吧（诶如果我能租个服务器emmm）



还是贴下吧，万一以后又要手写emmm

code部分

思路：emmm弹窗好像还是蛮简单的…

1. 先写个遮罩，这里是#000，透明度20%。位置设为固定：fixed。
   （注意，不能写opacity，会继承）
2. 底部弹窗主体，设置为绝对位置，并且bottom:0;
3. 图标是直接flex布局，两端对齐。
4. 其他元素line , button等
5. 利用animate()方法根据主体的bottom写弹窗动效，同时伴随mask的开关
   (当然没有需求的话就不动效了 视觉也没有差很多)

大致就这几个元素…

HTML

<div class="mask">
     <div class="content">
         <div class="title">请选择分享方式</div>
            <div class="share-box">
                <div onclick="goWxFriends()"><img src="/images/invite/down-wx.png" class="share"><div class="share-text