小程序入门-登录+首页

正常新建一个登录页面

创建首页和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;
}
相关推荐
于先生吖31 分钟前
高并发稳定运营,JAVA 动漫短剧小程序 + H5 源码
java·开发语言·小程序
2501_9159214331 分钟前
uni-app一键生成iOS安装包并上传TestFlight全流程
android·ios·小程序·https·uni-app·iphone·webview
CHU72903537 分钟前
旧衣新生之旅:旧衣服回收小程序的环保实践
小程序
闹小艾1 小时前
2026 知识付费线上课程小程序 SaaS制作平台深度评测:6 大维度拆解,教你选对不踩坑
大数据·小程序
一只小白菜1 小时前
Taro 4 + 支付宝小程序:Vite 编译报错 chunk.type undefined 的终极解决方案
小程序·taro
低代码布道师19 小时前
微搭低代码MBA 培训管理系统实战 25——小程序用户登录与账号绑定
低代码·小程序
清风絮柳2 天前
65.少儿英语微信小程序
vue.js·spring boot·微信小程序·小程序·毕业设计
tjsoft2 天前
unigui开发微信小程序
微信小程序·小程序
m0_462803883 天前
“趣味运动会记分”功能教学指南
小程序
网络安全学习库3 天前
很喜欢Vue,但还是选择了React: AI时代的新考量
vue.js·人工智能·react.js·小程序·aigc·产品经理·ai编程