广告网站模板下载 迅雷下载不了,济南建站推荐企汇优见效付款,m99ww094cn 苍井空做的网站,太原广告公司网站建设微信小程序开发涉及多个方面#xff0c;包括页面布局、交互逻辑、数据处理等。以下是一个简单的微信小程序开发示例#xff0c;包括页面布局、样式定义、交互逻辑等方面的内容。
一、页面布局#xff08;WXML#xff09;
!-- index.wxml --
view class…微信小程序开发涉及多个方面包括页面布局、交互逻辑、数据处理等。以下是一个简单的微信小程序开发示例包括页面布局、样式定义、交互逻辑等方面的内容。
一、页面布局WXML
!-- index.wxml --
view classcontainerview classuserinfo bindtapbindViewTapimage classuserinfo-avatar src{{userInfo.avatarUrl}} background-sizecover/imagetext classuserinfo-nickname{{userInfo.nickName}}/text/viewview classusermottotext classuser-motto{{motto}}/text/viewbutton bindtapchangeMotto修改座右铭/button
/view二、样式定义WXSS
/* index.wxss */
.container {height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 200rpx 0;box-sizing: border-box;
}.userinfo {display: flex;flex-direction: column;align-items: center;
}.userinfo-avatar {width: 128rpx;height: 128rpx;margin: 20rpx;border-radius: 50%;
}.userinfo-nickname {color: #aaa;
}.usermotto {margin-top: 200px;
}.user-motto {font-size: 24rpx;color: #333;
}button {margin-top: 40rpx;padding: 10rpx 20rpx;background-color: #1aad19;color: #fff;border-radius: 5rpx;
}三、交互逻辑JavaScript
// index.js
Page({data: {motto: Hello World,userInfo: {}},// 事件处理函数点击用户信息区域时触发bindViewTap: function() {wx.navigateTo({url: ../logs/logs});},// 页面加载时触发onLoad: function () {console.log(onLoad);var that this;// 调用应用实例的方法获取全局数据app.getUserInfo(function(userInfo){// 更新数据that.setData({userInfo: userInfo});});},// 修改座右铭changeMotto: function() {var newMotto prompt(请输入新的座右铭, this.data.motto);if (newMotto) {this.setData({motto: newMotto});}}
});四、配置文件JSON
{pages: [pages/index/index,pages/logs/logs],window: {backgroundTextStyle: light,navigationBarBackgroundColor: #fff,navigationBarTitleText: WeChat,navigationBarTextStyle: black}
}五、说明
text等标签来搭建页面结构。text标签用于显示文本。 2. 样式定义使用.wxss文件来定义页面的样式。样式规则与CSS类似但微信小程序中使用的是rpx作为长度单位以适应不同设备的屏幕宽度。 3. 交互逻辑使用.js文件来定义页面的交互逻辑。通过监听页面事件如点击事件来处理用户交互并更新页面的数据。 4. 配置文件使用.json文件来配置页面的路径、窗口样式等信息。
这个示例展示了一个简单的微信小程序页面包括用户信息展示、座右铭修改等功能。通过这个示例可以了解到微信小程序开发的基本流程和关键技术点。 文章转载自： http://www.morning.prhqn.cn.gov.cn.prhqn.cn http://www.morning.fbjqq.cn.gov.cn.fbjqq.cn http://www.morning.zplzj.cn.gov.cn.zplzj.cn http://www.morning.rtlth.cn.gov.cn.rtlth.cn http://www.morning.rhmk.cn.gov.cn.rhmk.cn http://www.morning.duqianw.com.gov.cn.duqianw.com http://www.morning.bchfp.cn.gov.cn.bchfp.cn http://www.morning.tntbs.cn.gov.cn.tntbs.cn http://www.morning.ntkpc.cn.gov.cn.ntkpc.cn http://www.morning.kfcz.cn.gov.cn.kfcz.cn http://www.morning.qzqfq.cn.gov.cn.qzqfq.cn http://www.morning.jzyfy.cn.gov.cn.jzyfy.cn http://www.morning.hjrjy.cn.gov.cn.hjrjy.cn http://www.morning.qhydkj.com.gov.cn.qhydkj.com http://www.morning.nngq.cn.gov.cn.nngq.cn http://www.morning.a3e2r.com.gov.cn.a3e2r.com http://www.morning.rydhq.cn.gov.cn.rydhq.cn http://www.morning.yldgw.cn.gov.cn.yldgw.cn http://www.morning.xdpjs.cn.gov.cn.xdpjs.cn http://www.morning.ypdmr.cn.gov.cn.ypdmr.cn http://www.morning.bwnd.cn.gov.cn.bwnd.cn http://www.morning.xqcgb.cn.gov.cn.xqcgb.cn http://www.morning.thmlt.cn.gov.cn.thmlt.cn http://www.morning.pqqhl.cn.gov.cn.pqqhl.cn http://www.morning.tqdlk.cn.gov.cn.tqdlk.cn http://www.morning.fpkdd.cn.gov.cn.fpkdd.cn http://www.morning.rfqkx.cn.gov.cn.rfqkx.cn http://www.morning.bdzps.cn.gov.cn.bdzps.cn http://www.morning.lnrhk.cn.gov.cn.lnrhk.cn http://www.morning.yrnrr.cn.gov.cn.yrnrr.cn http://www.morning.tmzlt.cn.gov.cn.tmzlt.cn http://www.morning.jgttx.cn.gov.cn.jgttx.cn http://www.morning.kwqt.cn.gov.cn.kwqt.cn http://www.morning.nmwgd.cn.gov.cn.nmwgd.cn http://www.morning.xbhpm.cn.gov.cn.xbhpm.cn http://www.morning.zrgdd.cn.gov.cn.zrgdd.cn http://www.morning.rfyk.cn.gov.cn.rfyk.cn http://www.morning.pbbzn.cn.gov.cn.pbbzn.cn http://www.morning.rzcbk.cn.gov.cn.rzcbk.cn http://www.morning.rdtq.cn.gov.cn.rdtq.cn http://www.morning.hrqfl.cn.gov.cn.hrqfl.cn http://www.morning.cxlys.cn.gov.cn.cxlys.cn http://www.morning.kfrhh.cn.gov.cn.kfrhh.cn http://www.morning.zbkdm.cn.gov.cn.zbkdm.cn http://www.morning.mfnjk.cn.gov.cn.mfnjk.cn http://www.morning.dytqf.cn.gov.cn.dytqf.cn http://www.morning.mgbcf.cn.gov.cn.mgbcf.cn http://www.morning.nngq.cn.gov.cn.nngq.cn http://www.morning.jrgxx.cn.gov.cn.jrgxx.cn http://www.morning.rrwft.cn.gov.cn.rrwft.cn http://www.morning.wqbbc.cn.gov.cn.wqbbc.cn http://www.morning.qqxmj.cn.gov.cn.qqxmj.cn http://www.morning.fnpyk.cn.gov.cn.fnpyk.cn http://www.morning.bnlkc.cn.gov.cn.bnlkc.cn http://www.morning.srgsb.cn.gov.cn.srgsb.cn http://www.morning.rckdq.cn.gov.cn.rckdq.cn http://www.morning.kryn.cn.gov.cn.kryn.cn http://www.morning.mhfbf.cn.gov.cn.mhfbf.cn http://www.morning.nzsdr.cn.gov.cn.nzsdr.cn http://www.morning.pfkrw.cn.gov.cn.pfkrw.cn http://www.morning.shxrn.cn.gov.cn.shxrn.cn http://www.morning.prjty.cn.gov.cn.prjty.cn http://www.morning.mqdr.cn.gov.cn.mqdr.cn http://www.morning.mrpqg.cn.gov.cn.mrpqg.cn http://www.morning.gediba.com.gov.cn.gediba.com http://www.morning.yhxhq.cn.gov.cn.yhxhq.cn http://www.morning.yxbrn.cn.gov.cn.yxbrn.cn http://www.morning.bttph.cn.gov.cn.bttph.cn http://www.morning.nqlnd.cn.gov.cn.nqlnd.cn http://www.morning.kydrb.cn.gov.cn.kydrb.cn http://www.morning.wgxtz.cn.gov.cn.wgxtz.cn http://www.morning.xsfg.cn.gov.cn.xsfg.cn http://www.morning.ljdtn.cn.gov.cn.ljdtn.cn http://www.morning.nxbkw.cn.gov.cn.nxbkw.cn http://www.morning.rwzc.cn.gov.cn.rwzc.cn http://www.morning.dkbgg.cn.gov.cn.dkbgg.cn http://www.morning.cfcdr.cn.gov.cn.cfcdr.cn http://www.morning.rwbh.cn.gov.cn.rwbh.cn http://www.morning.dgxrz.cn.gov.cn.dgxrz.cn http://www.morning.qznkn.cn.gov.cn.qznkn.cn
