码迷,mamicode.com
首页 > 微信 > 详细

初学微信小程序——配置问题

时间:2019-07-20 09:23:18      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:框架   time   about   登录   file   新功能   text   外观   开发者   

一、注册:

微信小程序账号注册:登录https://mp.weixin.qq.com  点击“立即注册”->”小程序”

技术图片

 

技术图片

注册完成后,下载微信小程序开发者工具:

依次点击:“首页”->“文档”->“工具”,页面中第一行有“微信开发者工具”,点击安装

点击安装

 技术图片

 

 

配置:打开微信开发者工具,点击左上角“设置”->”外观设置”,可以设置软件外观

比如,我把颜色设置为深色

 技术图片

 

二、Pages:

新建pages:

一键创建:在app.json中的“pages”中加上“pages/文件夹名称/文件名称”。

删除文件:在文件名上右击,然后点击“硬盘打开”,就可以在根目录删除该文件。

编写和访问页面:在about.wxml中写”i am gaocailei”,在app.json中把pages移到第一行,保存,点击模拟器页面出现

技术图片

 

       

三、Windows:

“首页”->“文档”->“框架”->“(左侧)小程序配置”->“全局配置”->“Windows”。

我增加了下拉刷新功能;

"backgroundTextStyle": "dark",

"enablePullDownRefresh":true

 

四、tabBar(底部菜单):

在配置示例找到tabBar的代码:

"tabBar": {

    "list": [

      {

        "pagePath": "pages/index/index",

        "text": "首页"

      },

      {

        "pagePath": "pages/logs/logs",

        "text": "日志"

      }

    ]

  },

可以选择性的自行配置,比如我要为首页和日志添加图片,我就可以选择“iconPath

(图片路径)”,“selectedIconPath(选中时的图片路径)”,修改后代码如下:

 

"tabBar": {

    "list": [

      {

        "pagePath": "pages/index/index",

        "text": "首页",

        "iconPath":"/images/selected.png",

        "selectedIconPath":"/images/image.png"

 

      },

      {

        "pagePath": "pages/logs/logs",

        "text": "日志",

        "iconPath": "/images/rizhi_s.png",

        "selectedIconPath": "/images/rizhi.png"

      }

    ]

  },

样式如下:

 技术图片

 

附:阿里巴巴矢量图下载网址:https://www.iconfont.cn/

 

 

最后,我又在“pages”里添加“cate”在“tabBar”添加分类的图片,

代码:

"pages": [
"pages/cate/cate",
]
 
"tabBar":
{
"pagePath": "pages/cate/cate",
"text": "分类",
"iconPath": "/images/cate_s.png",
"selectedIconPath": "/images/cate.png"
},

 

效果如图:

 技术图片

 

五、网络超时:

 

 技术图片

 

在app.json添加代码:

"networkTimeout":{

    "request": 10000,

    "connectSocket":10000 ,

    "uploadFile":20000,

    "downloadFile":20000

  },

(续)

 

初学微信小程序——配置问题

标签:框架   time   about   登录   file   新功能   text   外观   开发者   

原文地址:https://www.cnblogs.com/maleijiejie/p/11216514.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!