【Kevin Learn 小程序】--＞网络请求

Kevin-Dev

已于 2022-03-16 14:22:25 修改

阅读量367

点赞数

分类专栏： Android -- 小程序文章标签：小程序

于 2020-03-09 17:39:13 首次发布

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/duoduo_11011/article/details/104752220

版权

这篇博客详细介绍了在Kevin Learn小程序中进行网络请求的实现过程，包括效果图展示、相关属性解析以及具体的实例代码，涵盖了app.js、app.json、app.wxss、config.js、request.js、request.json、request.wxml和request.wxss等文件的使用。

摘要由CSDN通过智能技术生成

效果图

在这里插入图片描述

属性

参考：网络请求

实例

app.js

//app.js
App({
   
  onLaunch: function () {
   
    console.log('App Launch')
  },
  onShow: function () {
   
    console.log('App Show')
  },
  onHide: function () {
   
    console.log('App Hide')
  },
  globalData: {
   
    hasLogin: false
  }
})

app.json

{
   
  "pages": [
    "pages/request/request"
  ],
  "window": {
   
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  },
  "networkTimeout": {
   
    "request": 10000,
    "connectSocket": 10000,
    "uploadFile": 10000,
    "downloadFile": 10000
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

app.wxss

//app.js
/* reset */
page {
   
  background-color: #F8F8F8;
  height: 100%;
  font-size: 32rpx;
  line-height: 1.6;
}
checkbox, radio{
   
  margin-right: 10rpx;
}
button{
   
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}
form{
   
  width: 100%;
}

/* lib */
.strong{
   
  font-weight: bold;
}
.tc{
   
  text-align: center;
}

/* page */
.container {
   
  display: flex;
  flex-direction: column;
  min-height: 100%;
  justify-content: space-between;
  font-size: 32rpx;
  font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
}
.page-head{
   
  padding: 60rpx 50rpx