小程序组件开发学习之页面内分享组件

官方文档：

https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/

和vue的写法相比，感觉也就换了个皮，写起来都是一个模样，大体通信和事件，官方文档就是很好的学习工具。

第一次尝试，写了个简单很常用的组件

使用方法：

①下载源码到本地

Github地址：

https://github.com/xuhuai66/share-component

然后将components/share目录直接拷贝到你的小程序

②配置全局引用

在app.json中配置：

"usingComponents": {
"share": "components/share/share"
  },

此处的路径根据你拷贝的代码存放位置 ③页面内引用

在需要引用的页面，直接添加

<share />

其中可配置参数

shareImg：分享图

shareColor：背景颜色

shareBottom：距离底部距离

默认配置

<share shareImg="http://xuhuai.oss-cn-beijing.aliyuncs.com/img/component/share.png" shareColor="#fbbd08" shareBottom="50rpx" />

这是个很简单的组件，写出来一方面是因为学习，另一方面是因为使用频率很高，直接组件搬运起来更快。