交流网站建设心得体会,新手如何做网站维护,文创产品设计包括哪些方面,微信网站全称第一步 在HBuilderX中新建项目 填写项目名称、确定目录、选择模板、选择Vue版本#xff1a;3、点击创建
第二步 配置pages.json文件
pages.json是一个非常重要的配置文件#xff0c;它用于配置小程序的页面路径、窗口表现、导航条样式等信息。 右键点击pages#xff0c;按…第一步 在HBuilderX中新建项目 填写项目名称、确定目录、选择模板、选择Vue版本3、点击创建
第二步 配置pages.json文件
pages.json是一个非常重要的配置文件它用于配置小程序的页面路径、窗口表现、导航条样式等信息。 右键点击pages按照如下操作 效果如下图 my.vue文件代码
templateview页面内容/view
/templatescriptexport default {data() {return {}},methods: {}}
/scriptstyle/style第三步 在pages.json文件中配置tabBar
{pages: [ //pages数组中第一项表示应用启动页参考https://uniapp.dcloud.io/collocation/pages{path: pages/index/index,style: {navigationBarTitleText: 首页}},{path : pages/my/my,style : {navigationBarTitleText : 我的}}],globalStyle: {navigationBarTextStyle: white,//修改首页上方文字颜色navigationBarTitleText: 首页,navigationBarBackgroundColor: #27BA9B,//修改首页的背景颜色backgroundColor: #F8F8F8},tabBar: {selectedColor: #27BA9B,list: [{pagePath: pages/index/index,text: 首页,iconPath: static/logo.png,selectedIconPath: static/logo.png},{pagePath: pages/my/my,text: 我的,iconPath: static/logo.png,selectedIconPath: static/logo.png}]},uniIdRouter: {}
}最后进行预览如图所示