小程序入门-登录+首页

正常新建一个登录页面

创建首页和TatBar,实现登录后底部出现两个按钮

代码

"pages": [
    "pages/login/index",
    "pages/index/index",
    "pages/logs/logs"    
  ],
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "res/images/tab/home.png",
        "selectedIconPath": "res/images/tab/home-select.png"
      },
      {
        "pagePath": "pages/logs/logs",    
        "text": "日志",
        "iconPath": "res/images/tab/home.png",
        "selectedIconPath": "res/images/tab/home-select.png"
      }
    ]
  },

把Login页面放在Page的第一个,这样程序进来默认就会打开登录页面。

登录成功后使用下面的方式跳转到首页

 wx.switchTab({
        url: '../index/index'
      })

如果想要在首页上面加一条灰色的线,可以在app全局样式里面添加下面代码

page::after{
  content: '';
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #E7E7E7;
  z-index: 9999;
}
相关推荐
正小安6 小时前
如何在微信小程序中实现分包加载和预下载
前端·微信小程序·小程序
说私域6 小时前
基于定制开发与2+1链动模式的商城小程序搭建策略
大数据·小程序
工业互联网专业13 小时前
毕业设计选题:基于ssm+vue+uniapp的校园水电费管理小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
说私域16 小时前
社群团购中的用户黏性价值:以开源小程序多商户AI智能名片商城源码为例
人工智能·小程序
迷雾yx20 小时前
开发微信小程序 基础02
微信小程序·小程序
迷雾yx20 小时前
开发微信小程序 基础03
微信小程序·小程序
说私域21 小时前
地理定位营销与开源AI智能名片O2O商城小程序的融合与发展
人工智能·小程序
技术闲聊DD2 天前
小程序原生-利用setData()对不同类型的数据进行增删改
小程序
康康爹2 天前
uniapp 小程序,登录上传头像昵称页面处理步骤
小程序·uni-app
小雨cc5566ru2 天前
小程序 uniapp+Android+hbuilderx体育场地预约管理系统的设计与实现
android·小程序·uni-app