WeChatApp

微信小程序笔记

全新安装，请设置修改文件自动保存！否则新建删除文件会出现各种问题。

·参数定义

1.在APP里面自定义全局属性：

    //app.js
    App({

      p: { //p名字可以随便叫
        userModel: null
      }
    })

使用的时候是： getApp().p.userModel

#### 2.在Controller里面定义属性：

    var app = getApp(); //获取全局app

    Page({
      data: {
        um: null,
        pwd: null
      }
    })

·弹性布局

display: flex; height: 500rpx; flex-direction: column; justify-content: space-around;


//文本垂直居中
display: flex; justify-content: center;

参考页面：http://www.jianshu.com/p/f82262002f8a

·事件

    //wxml代码：
    <view class="item" bindtap="clickItems" data-id="item1">item1</view>
    <view class="item" bindtap="clickItems" data-id="item2">item2</view>

    //js代码
    var param = {

      data: {
        defaultText: "请点击"
      },

      clickItems: function(e){

        var id = e.currentTarget.dataset.id;
        param.data.defaultText = "您点击了视图";
        //刷新数据
        this.setData(param.data);
      }
    };

    Page(param);

·Block循环

    <view>

//自定义item_value变量名

        <icon type="{{item}}" size = "40" />

      </block>

    </view>

·tabBar

在app.json里面直接配置，敲击tabbar即可。同时最好删除默认的index和log页面。新建页面建议小写。官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html

·App

可以通过App()获取到app实例，并可以直接定义并读取数据，调用app内部定义的方法。

·执行动画

    animAction: function (e){

        var anim_creator = wx.createAnimation({

          transformOrigin: "50% 50% 0",
          duration: 1000,
          timingFunction: "ease-out",
          delay: 0

        });

        anim_creator.scale(0.5, 0.5).step().rotate(45).step().height(200).step();

        var anim_obj = anim_creator.export();



        this.setData({ anim_obj_p: anim_obj});


      }

CharlinFeng/WeChatApp