夜光 带你走进微信小程序研发（十五）

夜光序言：

 

 

有一种责任叫男人，有一种承担叫父亲，有一种无言是父爱。人生沧桑刻满皱纹，生活重担压弯脊梁，无声牵挂花了双眼，时间带走曾经青春，笑容永远停留嘴边，

父亲是家庭的支柱，有他在才变得安逸。

母爱是最温柔情感，父爱则是坚强呵护。

母爱如水父爱如山，为儿女撑起一片天，遮风挡雨保平安。不管心目中的父亲，是否高大是否完美 ，是否健在是否安康。亲情永远不可代替。祝天下所有的父亲们父亲节快乐

 

 

 

 

 

正文：其中 icon 的合法值详见表 4–4。

当 icon 取值不同时，消息提示框提示显示图标不同，开发者可以根据自己的需 求选择不同的 icon 值

 

2. 方法调用

在 myinfo.js 文件中 openAlert 为自定义的一个方法，该方法中含有一个参数 e， 用于显示消息提示框的标题即 title，且该方法实现的是显示消息提示框的功能。方法定义后，调用该方法时，需要使用“this.方法名”即this.openAlert调用方法，myinfo.js 中的事件处理函数 choseImage 中，调用 openAlert 方法，实现点击头像时，触发 choseImage 函数，弹出消息提示框。其中“头像暂不支持修改”为 openAlert 方法 中参数 e 的值。

---

change 页面实现

change 页面的实现主要包括页面布局与页面逻辑两个方面，本小节将分别介绍如何完成页面布局与页面逻辑的开发，并讲解涉及到的知识点。

---

change 页面布局

change 页面的也相对简单，只要一个简单的文本框即可，页面最终效果，如图 4–5 所示。

夜光：

在 WeUI 样式库的表单--input 中，会发现找不到完全相同的样式，但是可以找

到两个与页面最终效果相似的表单输入，如图 4–6 所示。

将这两个表单输入的样式对应的 wxml 文件代码，拷贝至 doudouyun 项目中，

 

具体代码如下。这样

<view class="weui-cells weui-cells_after-title">

<view class="weui-cell weui-cell_input">

<view class="weui-cell__bd">

<input class="weui-input" placeholder="请输入文本" />

view>

<view class="weui-cell__ft">

<view class="weui-vcode-btn">保存view>

view>

view>

view>