wxml

<view class="title">hello {{wording}}!</view>

<image src="../../image/IMG..jpg" mode="widthFix"/>

<button bindtap="onclick">点击</button>

wxss：

/**index.wxss**/

page {

  text-align: center;

}

.title{color:red}

.foot{color:black}

js

//index.js

//获取应用实例

const app = getApp()

page({

  data:{

    wording:'girl'

  },

  onclick: function(){

    this.setData({

      wording:'boy'

    })

  }

})