0
点赞
收藏
分享

微信扫一扫

微信小程序笔记(入门)

萨科潘 2022-03-19 阅读 92
                                     ** 微信小程序开发笔记(第一天)**
  1.view   布局先当于div
  2.scroll-view    可滚动试图区域  如何使用:外侧改为<scroll-view  scroll-y >子元素</scroll-view>
  3.swiper 和swiper-item   轮播组件和item组件   swiper常用属性
   swiper常用属性:
   							(1)indicator-dots              =>是否显示面板指示点
   							(2)indicator-color             =>指示点颜色
   							(3)indicator-active-color      =>当前指示点所选中颜色
   							(4)autoplay   				   =>是否自动切换
   							(5)interval                    =>自动切换时间间隔
   							(6)circular                    =>是否采用衔接滑动
  4.text组件支持长按选中 但是必须添加selectable属性
  5.rich-text 通过nodes属性节点将HTML字符串渲染为对应的UI结构
  6.button 通过open-type调节微信提供的功能(客服,转发,获取用户授权,信息等)
  6.image图片组件  =>注意空标签也占用位置  同时 mode属性会控制图片的裁剪和缩放属性值有
   	scaleToFill(默认),aspectFit,aspectFill(个人觉得这个不错),widthFix,heigthFix
  7.API=> 事件监听API,同步API,异步API 



  									** 微信小程序开发笔记(第二天)**
    1.事件绑定:用bind
  							(1)tap      =>手指触摸后离开
  							(2)input   =>每次得到最新值用e.detail.value获取最新值
  							(3)change
    2.setData()用来改变data的值,类似于(react)
    可是他的传参形式有很大区别(不能直接绑在事件处理函数中),若使用需要data-属性名={{参数}}的形式在回调函数中用e.target.data.属性名获得
    3. hidden    =>控制元素隐藏 <=    wx:if 
    4. wx:for这是循环元素,类似于v-for  (vue) 不过不用写具体的item,index直接在元素中使用
    wx:key唯一的索引名称
    5.在ipone6上1rpx=0.5px     
    6.样式导入@import  导入外部样式表   
    7.window节点常用配置  app.json->window修改下列选项
    导航栏配置区域(1)navigationBarTitleText
               	 (2)navigationBarBackgroundColor
               	 (3)navigationBarTextStyle
    窗口背景色    (1)backgroundColor
               	 (2)backgroundTextStyle
    控制页面效果  (1)enablePullDownRefresh  =>控制下拉刷新  
                 (2)onReachBottonDistance  =>配置下拉触底
    tabBar (最少配置两个,最多配置5个)这个就是菜单(美团下边那个带有首页的bar)在顶部无icon底部有
    tabBar的属性(app.json配置,其中list数组必填项,里面是对象(对象包含四个属性配置分别是pagePath,text,iconPath,selectedIconPath)说白了就是标签)
                 (1)backgroundColor  =>tabBar的背景色
    			 (2)selectedIconPath =>选中时的图片路径
    			 (3)borderStyle => tabBar上边框的颜色
    			 (4)iconPath =>未选中时的图片路径
    			 (5)selectedColor=>tab上的文字选中时的颜色
    8.(1)post和get只能请求https的接口 用wx.request()发起请求  参数{url,method,data,success}
      (2)必需将接口添加到信任列表


						** 微信小程序开发笔记(第二天)**
举报

相关推荐

0 条评论