微信小程序的简单页面设计（不涉及后端）

大一萌新在朋友推荐下尝试写博客记录下自己的学习经历

因为参加了学校的比赛的原因，需要自学一下微信小程序的制作。
目前只学习了简单的页面设计，本次做个小结

首先
简单学习了墨刀的使用
通过B站的视频学习下
成功的做出（复制 ）了学习项目的简单实现，既“树洞”

第二点
在B站观看完每一个页面的代码后，自己动手敲出代码，只有效果实在不理想并且无法完成时才会倒回去抄代码并记录（这点我还是很欣慰的，嘿嘿）

其中值得记录的点：

//底部菜单栏的引用。

**<include src="/pages/bottom_menu/bottom_menu"/>** 

可以将底部菜单栏固定在需要的页面，不用在页面重复编写代码。<include />

//相应的样式引入 @import

@import "/pages/bottom_menu/bottom_menu";

接下来

正则表达式的使用

在这次学习目标中，注册是的电话号码需要用正则表达式来判断是否合理

var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})]|(18[0-9]{1}))+\d{8})$/;

用来检验是否为13，15，17，18开头且位数为11的手机号

最后一点：

在不同页面的.js文件的中完成墨刀模型中的状态改变

通过给view代码绑定style，但是不同页面的.js 给予不同的数据定义
例如本次学习目标：
现在bottom_menu页面中进行

<text class="bottomtabtext" style="color:{{com}}">我的</text>
<text class="bottomtabtext" style="color:{{cos}}">广场</text>

下面是mine.js中的数据定义

cos: "#000000",
    com: "#979797",

下面是square.js的数据定义

cos: "#000000",
    com: "#979797",

借此来完成mine和square页面跳转时底部菜单栏的状态改变