支付宝小程序测试唤起支付

//index.axml

支付宝支付


热销车型更多>


{{item.title}}{{item.name}}

限时促销更多>





店内促销更多>
{{item.title}}规格 : {{item.pro_name}}




//index.acss.content{position: relative;width: 100%;
}
.swiper_view{position: relative;width: 100%;height:400rpx;background-color: antiquewhite;
}
.slide-image{width:100%;height:100%;
}
.time_car{position: relative;width: 100%;text-align: center;
}
.carimg{
width:47%;
display:inline-block;
height:235rpx;
float: left;
margin:8rpx 7rpx;
}
.time_cont{position: relative;width: 93%;display: inline-block;
}/* 列表 */
.list{position: relative;width: 100%;height: 185rpx;/* background-color: red; */border-bottom: 1rpx solid #e9e9e9;
}
/* 列表商品图片 */
.list_img{position: absolute;border-radius: 10rpx;top: 20rpx;left: 40rpx;width: 144rpx;height: 144rpx;
}
/* 列表规格 */
.cart_g_name{
position: absolute;
left: 235rpx;
font-size: 26rpx;
color: #aaa;
top: 75rpx;
}/* 列表商品名称 */
.list_name{
position: absolute;
left: 235rpx;
top: 30rpx;
width: 300rpx;
/* background-color: red; */font-size: 30rpx;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
/* 列表商品价格 */
.list_price{
position: absolute;
font-size: 32rpx;
color: #D66058;
left: 235rpx;
bottom: 20rpx;
}
.car_title{position: relative;width:100%;height: 80rpx;line-height: 80rpx;
}
.car_title label{padding-left: 30rpx;font-weight: bold;font-size: 30rpx;
}
.car_title text{position: absolute;right: 30rpx;font-size: 30rpx;color: #999;
}/* 轮播外层视图 */.section {width: 100%;height: 350rpx;text-align: center;
}/* 轮播视图 */.scroll_view {height: 350rpx;display: inline-block;width: 94%;text-align: center;white-space: nowrap;
}/* 轮播图片内容视图 */
.cont {width: 230rpx;margin: 5rpx;height: 350rpx;display: inline-block;text-align: center;
}/* 轮播图片大小 */.cont_img {width: 225rpx;border-radius: 10rpx;height: 225rpx;text-align: center;display: block;
}
/* 标题昵称 */
.cont_name {margin-top: 20rpx;display: -webkit-box;font-size: 28rpx;text-align: center;color: rgb(204, 45, 45);word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;white-space: pre-line;
}
/* title */
.cont_title {width: 240rpx;text-align: center;display: inline-block;height: 40rpx;font-size: 28rpx;
}

//index.js
Page({data:{imgList: [&＃39;http://img2.cheping.com.cn/model/22517/OYnUjcSNDRMxxCFy.jpg&＃39;,&＃39;http://img3.cheping.com.cn/model/22549/LptmOnVCOVouXCEN.jpg&＃39;,&＃39;http://img.xgo-img.com.cn/pics/1865/630/441/1864075.jpg&＃39;],lists: [{id: 1,title: &＃39;启程250&＃39;,image: &＃39;http://img2.cheping.com.cn/model/22517/OYnUjcSNDRMxxCFy.jpg&＃39;,pro_name: "30ml",num: 1,price: 180,selected: true},{id: 2,title: &＃39;启程250&＃39;,image: &＃39;http://img3.cheping.com.cn/model/22549/LptmOnVCOVouXCEN.jpg&＃39;,pro_name: "25g",num: 1,price: 62,selected: true},{id: 2,title: &＃39;启程250&＃39;,image: &＃39;http://img2.cheping.com.cn/model/22517/OYnUjcSNDRMxxCFy.jpg&＃39;,pro_name: "75ml",num: 1,price: 175,selected: true}], indicatorDots: true,autoplay: true,interval: 5000,duration: 1000,// 滚动数据list: [{url: "http://img2.cheping.com.cn/model/22517/OYnUjcSNDRMxxCFy.jpg",name: "启辰D60",title: "6.98-11.18万",},{url: "http://img3.cheping.com.cn/model/22549/LptmOnVCOVouXCEN.jpg",name: "启辰T70",title: "8.98-12.78万",},{url: "http://img.xgo-img.com.cn/pics/1865/630/441/1864075.jpg",name: "启辰T60",title: "8.58-11.88万",}],//是否采用衔接滑动 circular: true,//是否显示画板指示点 indicatorDots: false,//选中点的颜色 indicatorcolor: "#000",//是否竖直 vertical: false,//是否自动切换 autoplay: true,//自动切换的间隔interval: 2500,//滑动动画时长毫秒 duration: 100,//所有图片的高度 imgheights: [],//图片宽度 imgwidth: 750,//默认 current: 0},imageLoad: function (e) {//获取图片真实宽度 var imgwidth = e.detail.width,imgheight = e.detail.height,//宽高比 ratio = imgwidth / imgheight;console.log(imgwidth, imgheight)//计算的高度值 var viewHeight = 750 / ratio;var imgheight = viewHeight;var imgheights = this.data.imgheights;//把每一张图片的对应的高度记录到数组里 imgheights[e.target.dataset.id] = imgheight;this.setData({imgheights: imgheights+&＃39;rpx&＃39;})},bindchange: function (e) {// console.log(e.detail.current)this.setData({ current: e.detail.current })},// 支付宝小程序支付函数payment() {// 这里调用支付宝唤起支付my.tradePay({tradeNO: &＃39;201711152100110410533667792&＃39;, // 调用统一收单交易创建接口（alipay.trade.create），获得返回字段支付宝交易号trade_nosuccess: (res) => {my.alert({content: JSON.stringify(res),});},fail: (res) => {my.alert({content: JSON.stringify(res),});}});},// 获取用户信息【注意这里关联应用才可以授权获取】getuserInfo(){my.getAuthCode({scopes: &＃39;auth_user&＃39;,success: (res) => {my.getAuthUserInfo({success: (userInfo) => {my.alert({content: userInfo.nickName});my.alert({content: userInfo.avatar});}});},
});},onShareAppMessage() {// 返回自定义分享信息return {title: &＃39;My App&＃39;,desc: &＃39;My App description&＃39;,path: &＃39;pages/index/index&＃39;,};},
});