微信小程序

1

1.1基本项目目录

 

 

 

1.1.1清除整理文件夹

1. 清除app.json中的log日志文件，
2. 改 "navigationBarTitleText": "云开发 QuickStart",改成你喜欢的名字
3. 点击app.wxss,删除里面的全部内容
4. 点击app.js,删除里面的所有代码，点wx-App点系统方提供的代码

打开pages/index/index.wxml,删除里面的所有内容x输入<view>首页</view>

打开pages/index/index.wxss,删除里面的所有内容

打开pages/index/index.js,删除里面的所有内容输入wx-Page提供的代码

  打开pages/index/index.json,删除里面的所有内容输入  "navigationBarTitleText": "购物首页"（app-json中的复制过来，改个符合首页的名字）

 

 

1.1.2搭建全局文件夹，新建以下文件夹，与pages都是同一级别的文件夹

 

1.1.3加入各个文件夹

 

在app.json中，修改pages下的文件目录，修改完成如下图，添加完成后在pages下x可看见新增加的文件

 

1.2小程序中的快捷键

 

（1）想修改整个程序的导航栏，在app.json 文件 修改

 

 "window": {

    "backgroundTextStyle": "light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "修改，改变程序导航栏名称",

    "navigationBarTextStyle": "black"

  },

 

 

想修改单页面的导航栏的，在要修改的页面文件夹中的json文件中填写以下代码即可修改

 

 "navigationBarTitleText": " 修改后改变页面导航栏名称" 

 

 

动态修改导航栏名称

          wx.setNavigationBarTitle({

            title: res.data.nav_name,

          })

（2）小程序中的一些标签：{

Page(最外层标签)

View

Text  文本

Swiper  轮播图

Swiper-item  轮播图的轮播像

Image  图片

Navigator  导航标签

}

（3）微信小程序中不能使用*，故用上面的一些标签代替