前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >1.项目策划和新建uni-app项目

1.项目策划和新建uni-app项目

作者头像
玩蛇的胖纸
发布2021-06-24 11:13:30
4890
发布2021-06-24 11:13:30
举报

1.页面

1.首页

banner组件

公告组件

章程组件

加入暗部组件

用户反馈组件

用户群组件

暗部群组件

商务合作客服邮箱。

2.社区

板块列表页面

各帖子列表页面

搜索组件

搜索后帖子列表组件

帖子页面

3.宣言

4.脚本

5.个人中心

注册页面

登录页面

重置密码页面

个人中心页面

2.新建uni-app项目wwab

1.新建页面

2.去iconfont下载几个图标

https://www.iconfont.cn/

放在wwab的static目录下

3.在pages.json中配置一下

pages.json:

{
    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "网文暗部 首页"
            }
        }
        ,{
            "path" : "pages/shequ/shequ",
            "style" : {
                "navigationBarTitleText": "网文暗部 社区"
            }
        }
        ,{
            "path" : "pages/xuanyan/xuanyan",
            "style" : {
                "navigationBarTitleText": "网文暗部 宣言"
            }
        }
        ,{
            "path" : "pages/jiaoben/jiaoben",
            "style" : {
                "navigationBarTitleText": "网文暗部 脚本"
            }
        }
        ,{
            "path" : "pages/geren/geren",
            "style" : {
                "navigationBarTitleText": "网文暗部 个人中心"
            }
        }
        ,{
            "path" : "pages/geren/login/login",
            "style" : {
                
            }
        }
        ,{
            "path" : "pages/geren/zhuce/zhuce",
            "style" : {
                
            }
        }
        ,{
            "path" : "pages/geren/forget/forget",
            "style" : {
                
            }
        }
    ],
    "globalStyle": {
        "navigationBarTextStyle": "white",
        "navigationBarTitleText": "网文暗部",
        "navigationBarBackgroundColor": "black",
        "backgroundColor": "#ffffff"
    },
    
    "tabBar": {
        "color": "#FFFFFF",
        "selectedColor": "#d81e06",
        "borderStyle": "white",
        "backgroundColor": "black",
        "list": [
            {
            "pagePath": "pages/index/index",
            "iconPath": "static/shouye0.png",
            "selectedIconPath": "static/shouye1.png",
            "text": "首页"
        }, 
        {
            "pagePath": "pages/shequ/shequ",
            "iconPath": "static/shequ0.png",
            "selectedIconPath": "static/shequ1.png",
            "text": "社区"
        },
        {
            "pagePath": "pages/xuanyan/xuanyan",
            "iconPath": "static/xuanyan0.png",
            "selectedIconPath": "static/xuanyan1.png",
            "text": "宣言"
        },
        {
            "pagePath": "pages/jiaoben/jiaoben",
            "iconPath": "static/jiaoben0.png",
            "selectedIconPath": "static/jiaoben1.png",
            "text": "脚本"
        },
        {
            "pagePath": "pages/geren/geren",
            "iconPath": "static/geren0.png",
            "selectedIconPath": "static/geren1.png",
            "text": "个人中心"
        }
        ]
    }
}

在浏览器内运行项目效果:

画风有点阴间滤镜的感觉了,没办法,美术功底实在有待提高,为了贴合“暗部”,只能搞成这样。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-06-22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.页面
    • 1.首页
      • 2.社区
        • 3.宣言
          • 4.脚本
            • 5.个人中心
            • 2.新建uni-app项目wwab
              • 1.新建页面
                • 2.去iconfont下载几个图标
                  • 3.在pages.json中配置一下
                  领券
                  问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档