二、功能说明
【版本】无版本限制
【特殊】该功能仅对小程序有效果
【注意】① 微信规定,只有当访客通过手机扫一扫的方式访问小程序时,才能看到关注公众号组件。
② 关联的公众号需与小程序的主体保持一致,否则将查看不到效果。
三、设置教程
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
}
}
另外,转发已经得不到 是否成功的回调。因为微信官方说,存在大量滥用转发功能来诱导用户的轿敏行为,所以去掉了转发的回调!!!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)