微信小程序开发-简单登录页面开发

需求背景：用于小程序在上线之前为了展现页面效果，实现简单的用户登录功能，并提供切换页面元素状态的功能。输入账号密码点击登录后跳转到首页，效果如下图所示：

使用的开发工具为：微信小程序开发工具

在微信小程序开发工具中的分包subpkg目录下新建text页面，

接着执行以下操作：
第一步：在分包的js文件中：
1. 定义一个名为 toggle 的函数，用于切换页面中的某个属性值（这里是type），根据当前值是"图片"还是"文字"进行切换。
2. 定义一个名为 login 的函数，用于处理用户登录操作。如果输入的用户名和密码分别为 "zhangsan" 和 "123123" 时，则调用微信小程序的 switchTab 方法跳转到首页页面；否则显示一个提示框提示账号密码错误。
代码示例：

// subpkg/text/text.js
Page({

  /**
   * 页面的初始数据
   */
  data:{
    code:"0",
    location:[],
    imageUrl: "https://profile-avatar.csdnimg.cn/default.jpg!0",
    userName:"",
    userPass:"",
    condition1: 'value1',
    condition2: false,
    type: '图片'
  },
  toggle: function(e) {
    var that = this;
    var type = that.data.type === '图片' ? '文字' : '图片';
    that.setData({
        type: type
    });
},
  login: function () {
    if (this.data.userName === "changjiang" && this.data.userPass === "123123") {
      wx.switchTab({
        url: '/pages/home/home',
        success: funct