首先你需要去微信开发者官网注册一个小程序,每个邮箱只能申请一个,申请过程很简单我就不细说了。
申请成功之后你拿到你的AppID,并且去下载小程序开发者工具。
列表展示代码
//商品列表
public function GoodsIndex(){
$data=GoodBlog::all();
if($data){
return ['code'=>200,'msg'=>'查询成功','result'=>$data];
}
}
//详情列表
public function GoodsList(Request $request)
{
$id=$request['id'];
$data=GoodBlog::where('id',$id)->first();
if($data){
return ['code'=>200,'msg'=>'查询成功','result'=>$data];
}
}
小程序端 js
//商品列表
public function GoodsIndex(){
$data=GoodBlog::all();
if($data){
return ['code'=>200,'msg'=>'查询成功','result'=>$data];
}
}
//详情列表
public function GoodsList(Request $request)
{
$id=$request['id'];
$data=GoodBlog::where('id',$id)->first();
if($data){
return ['code'=>200,'msg'=>'查询成功','result'=>$data];
}
}
使用lin-ui插件
<block wx:for="{{ test}}" wx:key="unique">
<l-card type="primary" full="{{true}}" image="{{item.goods_image}}" title="{{ item.name}}">
<view>
价格:{{ item.price}}
</view>
<view>
<navigator url="/pages/goods_detail/goods_detail?id={{ item.id }}"> <l-button type="error">立即抢购</l-button></navigator>
</view>
</l-card>
</block>
{
"usingComponents": {
"l-card":"/miniprogram_npm/lin-ui/card",
"l-button":"/miniprogram_npm/lin-ui/button"
}
}
详情页面
<view>商品秒杀页面</view>
<l-countdown time-type="second" time="{{expire_time}}" />
<l-card type="primary" full="{{true}}" image="" title="">
<view>
价格:
</view>
<view>
<l-button disabled="{{ btn_disable }}" bind:lintap="buyGoods" type="error" data-id="{{ goods.id }}">点我秒杀</l-button>
</view>
</l-card>
js代码
onLoad: function (options) {
//商品id
let id =options.id;
// console.log(id)
this.getGoodsDetail(id)
},
//商品详情获取
getGoodsDetail(id){
wx.request({
url: 'http://www.zf.com/api/goods_list?id='+id,
success: res => {
let now_time = Math.round(new Date().getTime() / 1000).toString();
// console.log(now_time)
let expire_time = res.data.result.start_time-now_time;
// console.log(expire_time)
// console.log(res.data.result)
this.setData({
goods:res.data.result,
expire_time
})
if(expire_time > 0){
this.setData({
btn_disable:true
})
}
}
})
},
页面的防抖 js中引入
import {
debounce
} from "../../utils/util"