首页 > 微信 > 详细

小程序基础

时间:2019-02-12 23:49:21      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:ali   pan   style   mod   tap   xss   his   div   程序   

wxml:

<text class=‘title‘>hello {{wording}}..</text><!--{{调用js变量}}-->
<image class=‘logo_img‘ mode=‘widthFix‘ src=‘../../images/logo.png‘></image>
<button bindtap=‘onClick‘>点击我</button><!--bindtap点击事件-->

wxss:

/**index.wxss**/
Page{ text-align: center}
.title{ color: red;}
.logo_img{ margin-top: 100rpx;}

js:

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    wording:‘girl‘//变量内文本内容
  },
  //点击切换文本内容事件
  onClick: function(){
    this.setData({
      wording:‘boy‘
    })
  }
})

 

小程序基础

标签:ali   pan   style   mod   tap   xss   his   div   程序   

原文:https://www.cnblogs.com/wangjiayi/p/10367538.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号