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

Posted maleijiejie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初学微信小程序——配置问题相关的知识,希望对你有一定的参考价值。

一、注册:

微信小程序账号注册:登录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

  ,

(续)

 

以上是关于初学微信小程序——配置问题的主要内容,如果未能解决你的问题,请参考以下文章

初学微信小程序 TodoList

初学微信小程序 TodoList

初学微信小程序

初学微信小程序

Java项目:微信小程序点餐系统(java+微信小程序+Mysql)

微信小程序初学之页面布局flex