开始

image.png
新建页面
image.png

image.png

配置页面

隐藏滚动条
image.png
配置导航栏。
image.png
渐变式的导航栏
image.png
右侧是个menu
image.png

  1. "app-plus": {
  2. "scrollIndicator": "none",
  3. "titleNView": {
  4. "type": "transparent",
  5. "buttons": [
  6. {
  7. "type": "menu"
  8. }
  9. ]
  10. }
  11. }

添加入口。例如点击头像是可以进去个人空间的。
image.png

image.png
把登陆状态设置为true
image.png

  1. islogin: true,

这样默认就会显示已经登陆的状态
image.png
点击事件
image.png

  1. @tap="toUserSpace"

image.png

  1. methods:{
  2. toUserSpace(){
  3. uni.navigateTo({
  4. url:'/pages/user-space/user-space'
  5. })
  6. }
  7. }

点击这里
image.png

image.png

结束