-
[置顶]软件接口设计怎么做？前后端分离软件接口设计思路
本文关于软件接口设计怎么做？前后端分离软件接口设计思路。好的系统架构离不开好的接口设计，因此，真正懂接口设计的人往往是软件设计队伍中的稀缺型人才。为什么在接口制定标准中说：一流的企业做标准，二流的企业...
-
[置顶]接口管理如何做？接口实现版本管理的意义和最佳方法
本文关于接口管理如何做？接口实现版本管理的意义和最佳方法。API版本管理的重要性不言而喻，对于API的设计者和使用者而言，版本管理都有着非常重要的意义。下面会从WEB API 版本管理的角度提供几种常...
-
[置顶]实现API管理系统的关键
下面将通过几个关键词的形式说明API管理的重要性和未来的实现方式。1.生命周期管理在整个API生命周期中更深入地集成所有工具将进一步提高生命周期循环的速度，而且更重要的是提供满足消费者需求的API。这...
-
-
-
-
-
-
微信小程序 图片绝对定位(背景图片)
微信小程序 图片绝对定位(背景图片)微信小程序 图片绝对定位前言：在小程序中，有时需要用到背景图片，但是如果使用background-image的话，就无法控制图片的大小，background-ima...
-
js 代码：
imageLoad: function () {
this.setData({
imageWidth: wx.getSystemInfoSync().windowWidth,//图片宽度
imgUrls: [
{ image: "http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg" alt="微信小程序 图片宽度自适应的实现" title="微信小程序 图片宽度自适应的实现" width="200" height="150">
微信小程序 图片宽度自适应的实现
微信小程序 图片宽度自适应的实现微信小程序 图片宽度自适应的实现实例代码：wxml 代码： js 代码：imageLoad: function () { this.setData(...
-
-
index.json:
{
"navigationBarTitleText": "相册"
}
index.wxss:
.slide-image{
width:100%;
height:100%;
}
.swiper_i{
text-align: center;
width:100%;
}
好了，这是图片轮播的几个文件。会在app.json中配置。
接下来是图片上传的。因为没有服务器，暂时不能上传，但是可以从本地相册或拍照获取照片。
upload.js:
var app = getApp()
Page({
data:{
// text:"这是一个页面"
source: '',
tt:false
},
/**
* 选择相册或者相机 配合上传图片接口用
*/
onLoad: function() {
var that = this;
wx.chooseImage({
count: 1,
//original原图，compressed压缩图
sizeType: ['original'],
//album来源相册 cameraSuIxTmi相机
sourceType: ['album', 'camera'],
//成功时会回调
success: function(res) {
//重绘视图
that.setData({
source: res.tempFilePaths,
tt:true
})
/* var tempFilePaths = res.tempFilePaths
wx.uploadFile({
url: 'https://', //仅为示例，非真实的接口地址
filePath: tempFilePaths[0],
name: 'file',
formData:{
'user': 'test'
},
success: function(res){
var data = res.data
//do something
}
})*/
}
})
},
/*onHide:function(){
this.setData({
source:''
}http://)
}*/
})
upload.json:
{
"navigationBarTitleText": "上传图片"
}
upload.wxml:
-
