小程序学习笔记

最新推荐文章于 2024-08-23 07:40:35 发布

原创

最新推荐文章于 2024-08-23 07:40:35 发布 · 635 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

微信开发文档

黑马零基础学习微信小程序视频

小程序开发者设置页面

    button 按钮组件
    1.属性：
     ①. size 按钮尺寸
     ②. type 按钮颜色种类  分为：default白色 primary绿色 warn红色
     ③. plain 按钮是否镂空 背景色透明
     ④. open-type 按钮的功能
     ⑤. loading 是否带加载图标
    2.open-type 功能分类
      (1).contact
    打开客服会话，如果⽤⼾在会话中点击消息卡⽚后返回⼩程序，可以从
      (2).bindcontact 
    回调中获得具体信息，具体说明
      (3).share 
    触发⽤⼾转发，使⽤前建议先阅读使⽤指引
      (4).getPhoneNumber
    获取⽤⼾⼿机号，可以从bindgetphonenumber回调中获取到⽤⼾信息，
      具体说明
      (5).getUserInfo 
    获取⽤⼾信息，可以从bindgetuserinfo回调中获取到⽤⼾信息
      (6).launchApp 
    打开APP，可以通过app-parameter属性设定向APP传的参数具体说明
      (7).openSetting 
    打开授权设置⻚
      (8).feedback
    打开“意⻅反馈”⻚⾯，⽤⼾可提交反馈内容并上传⽇志，开发者可以登
    录⼩程序管理后台后进⼊左侧菜单“客服反馈”⻚⾯获取到反馈内容

注意事项：
一、contact 向客服发送信息无效  需要客服登录客服助手小程序才能接受用户反馈信息和聊天信息 
二、getPhoneNumber获取用户手机号没有弹窗，原因是只有企业小程序才可以获取，个人小程序是无法获取用户手机号
三、getUserInfo 已废弃 改用getUserProfile
https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801
 (1).XXX.wxjs中：
 Page({
   
   
  data:{
   
   
    userInfo:{
   
   },
    hasUserInfo:false,
  },
  getUserProfile(e){
   
   
    wx.getUserProfile({
   
   
      desc:'获取信息的用途',
      success:(res)=>{
   
   
        this.setData({
   
   
          userInfo:res.userInfo,
        })
      }
    })
   }
})

 (2).XXX.wxml中： 
 <button bindtap="getUserProfile">getUserInfo</button>

微信小程序之 var和let区别

微信小程序中Var、Let、Const用法详解

微信小程序：flex 布局

微信小程序开发:Flex布局

自定义组件学习之点击事件绑定

// component/Tabs/Tabs.js
Component({
   
   
  /**
   * 组件的属性列表
   */
  properties: {
   
   

  },
  /**
   * 组件的初始数据
   */
  data: {
   
   
     tabs:[
       {
   
   
         id:0,
         name:"首页",
         isActive:true
       },
       {
   
   
         id:1,
         name:"原创",
         isActive:false
       },
       {
   
   
         id:2,
         name:"分类",
         isActive:false
       },
       {
   
   
         id:3,
         name:"关于",
         isActive:false