轻应用功能组件中哪些是需要公共号权限的组件?

关注公众号模块用于引导用户点击，帮助自家公众号吸粉。

二、功能说明

【版本】无版本限制

【特殊】该功能仅对小程序有效果

【注意】① 微信规定，只有当访客通过手机扫一扫的方式访问小程序时，才能看到关注公众号组件。

② 关联的公众号需与小程序的主体保持一致，否则将查看不到效果。

三、设置教程

1. 公众号关联小程序

注意：公众号和小程序都在同一个登录链接进行登录，注意区分账号！

1.1 在微信公众平台登录微信小程序后台，在【开发-开发管理-开发设置】中获取小程序appid。如下图：

1.2 登录微信公众号

公众号与小程序账号不同（建议用另外一个浏览器登录）

在微信公众平台登录要设置关注的公众号后台，在【广告与服务-小程序管理】中点击“添加”按钮。

1.3 在d窗中点击【关联小程序】。

1.4 管理员扫码验证身份后，粘贴需要关联小程序的appid（步骤1.1获取的小程序APPID），发送关联邀请，等待小程序管理员在微信中确认即可。

2. 开启并配置公众号关注组件

2.1 公众号关联小程序后，在微信小程序后台【设置-关注公众号】开启【雀行公众号关注组件】。

2.2 扫码验蔽锋证后选择与当前小程序的主体信息一致的公众号顷并哗，点击【确认】即可完成 *** 作。

3. 展示关注公众号信息

3.1 关注公众号模块

① 在轻应用小程序设计页面点击【模块-互动-关注公众号】，添加并开启关注公众号模块后保存。

② 当访客使用手机扫一扫的方式访问小程序时，就可以看到公众号关注的模块，如下图。

若访客已经关注了公众号，则公众号关注组件上“关注”按钮会显示为“查看”。

四、温馨提示

1. 每一个页面只能添加一个“公众号关注”组件。

2. 需要关注的公众号，须在微信公众号后台先关联该小程序。

3. 切记一定要去微信小程序后台开启“公众号关注组件”。并且只能关注同一主体的公众号。

1.基础组件：

什么是组件：

<ul>

<li>组件是视图层的基本组成单元。</li>

<li>组件自带一些功能与微信风格的样式。</li>

<li>一个组件通常包括开始标签

和结束标签

，属性

用来修饰这个组件，内容

在两个标签之内。</li>

</ul>

2.属性类型

<ul>

<li>Boolean布尔值组件写上该属性，不管该属性等于什么，其值都为true

，只有组件上没有写该属性时，属性值才为false

。如果属李弊散性值为变量，变量的值会被转换为Boolean类型</li>

<li>Number数字1

, 2.5</li>

<li>String字符串"string"</li>

<li>Array数组[ 1, "string" ]</li>

<li>Object对象{ key: value } </li>

<li>EventHandler事件处理函数名"handlerName"

是 Page中定义的事件处理函数名</li>

<li>Any任意属性</li>

</ul>

3.共同属性类型哪氏

id , class , style , hidden , data-* , bind* / catch*

4.特殊属性

几乎所有组件都有各自定义的属性，可以对该组件的功能或样式进行修饰

5.组件列表

基础组件分为以下八大类：

视图容器(View Container)：

view 视图容器 , scroll-view 可滚动视图容器, swiper 滑块视图容器

基础内容(Basic Content)：

icon 图标, text 文字, progress 进度条

表单(Form)：

button 按钮, form 表单， input 输入框， checkbox 多想选择器, radio 单选器， picker 列表选择器, slider 滚动选卜兄择器, switch 开关选择器, label 标签.

*** 作反馈（Interaction）

action-sheet 上拉菜单

modal 模态d窗

toast 消息提示框

loading 加载提示符

导航Navigation

navigator 应用链接

多媒体(Media)

audio 音频, image 图片， video 视频

** 地图 **

map 地图

画布Canvas

canvas 画布

flex: vt.折曲，使收缩； vi.玩去，收缩

点闭迹枝击“分享”按钮，d出一个d层，包括转发给好友，转发海报等

把这州厅个分享层，做成了一个公共组件，onShareAppMessage要放在父组件中！！！！

显示/关闭 d层的方法，也在父组件中，也就是说，在子组件中点击关闭按钮，来触发父组件中的关闭事件！！！！

父组件的onShareAppMessage方法如下：

// 来自页面内转发按钮

onShareAppMessage (res) {

let {hotel_id,hotel_name}=this.state

  if (res.from ==='button') {

this.hideShareModel()

  }

return {

title: hotel_name,

    path:'/pages/goods/info?id='+hotel_id

}

}

另外，转发已经得不到 是否成功的回调。因为微信官方说，存在大量滥用转发功能来诱导用户的轿敏行为，所以去掉了转发的回调！！！

---