小程序入门-登录+首页

正常新建一个登录页面

创建首页和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;
}
相关推荐
2601_9498049229 分钟前
宇鹿家政服务系统小程序ThinkPHP+UniApp(
小程序·uni-app
2501_933907212 小时前
上海本凡科技的微信小程序公司主要提供哪些服务?
科技·微信小程序·小程序
码农客栈3 小时前
小程序学习(十七)之获取前台分类数据并渲染
小程序
2601_949804923 小时前
【全开源】AJAX家政上门服务系统小程序自营+多商家(高级授权)+独立端
小程序
h7ml3 小时前
查券返利机器人图像识别:OpenCV 模板匹配对抗淘宝小程序动态化骨架屏
opencv·小程序·机器人
低代码布道师3 小时前
教培管家第14讲:家长端——打造合规且顺畅的登录门户
低代码·小程序·云开发
说私域3 小时前
私域流量生态重构:链动2+1模式S2B2C商城小程序的流量整合与价值创造
人工智能·小程序·流量运营·私域运营
说私域3 小时前
AI智能名片S2B2C商城小程序赋能下线上向线下导流的机制与效果研究——基于线下专属优惠券的视角
人工智能·小程序·流量运营·私域运营
2501_915921433 小时前
不用 Xcode 上架 iOS,拆分流程多工具协作完成 iOS 应用的发布准备与提交流程
android·macos·ios·小程序·uni-app·iphone·xcode
CHU7290353 小时前
探索一番赏盲盒小程序:解锁多元互动体验新场景
小程序·php