微信商品详细信息页面html,微信小程序商品展示页面(仿咸鱼)
//pages/myRelease/myRelease.js
var app =getApp();
Page({/**
* 页面的初始数据*/data: {
releases: [],
low_mon:0, //降价至
now_mon: 0, //现价
image: "", //降价图片
productID: 0,
limit:5,
release:false,
showMore:false,
showLowMoney:false,
lowMoney: [{
money:0,
tip:"打1折,极速卖"},
{
money:0,
tip:"打3折,出手快"},
{
money:0,
tip:"打5折,有竞争力"}, {
money:0,
tip:"打8折"}
],
lowind:0,
productState:false,
},/**
* 生命周期函数--监听页面显示*/onShow:function(options) {this.getMyRelease();
},/**
* 降价显示*/onClickShowMoney(e) {
let index=e.currentTarget.dataset.index;
let productID=e.currentTarget.dataset.productid;
let product= this.data.releases[index];
let one= "lowMoney[" + 0 + "].money";
let three= "lowMoney[" + 1 + "].money";
let five= "lowMoney[" + 2 + "].money";
let eight= "lowMoney[" + 3 + "].money";this.setData({
showLowMoney:!this.data.showLowMoney,
now_mon: product.currentPrice,
[one]: (product.currentPrice* 0.1).toFixed(2), //1折
[three]: (product.currentPrice * 0.3).toFixed(2), //3折
[five]: (product.currentPrice * 0.5).toFixed(2), //5折
[eight]: (product.currentPrice * 0.8).toFixed(2), //8折
low_mon: (product.currentPrice * 0.1).toFixed(2), //默认1折
productID: productID,
image: product.image
})
},/**
* 更多显示*/onClickShowMore(e) {this.setData({
showMore:!this.data.showMore,
productID: e.currentTarget.dataset.productid
});if (e.currentTarget.dataset.state === 0) {this.setData({
productState:true})
}else{this.setData({
productState:false})
}
},/**
* 降价&更多隐藏*/onClickHidden(e) {
let that= this;switch(e.currentTarget.dataset.id) {case '0':
that.setData({
showLowMoney:!this.data.showLowMoney,
lowind:0});break;case '1':
that.setData({
showMore:!this.data.showMore
});break;
}
},/**
* 修改价钱
* updatePrice*/updatePrice(e) {
let params={
userID: app.globalData.userID,
id:this.data.productID,
price:this.data.low_mon,
}
app.updatePrice(params).then(res=>{if (res.state === 1) {this.getMyRelease();this.setData({
showLowMoney:!this.data.showLowMoney,
lowind:0})
}
})
},/**
* 下架
* soldOut*/soldOut() {
let params={
userID: app.globalData.userID,
id:this.data.productID,
flag:this.data.productState
}
app.soldOut(params).then(res=>{if (res.state === 1) {
wx.showToast({
title:'已下架',
icon:"none",
duration:1000,
mask:true,
})this.getMyRelease();this.setData({
showMore:!this.data.showMore,
lowind:0})
}
})
},/**
* 上架
*putaway*/putaway() {
let params={
userID: app.globalData.userID,
id:this.data.productID,
flag:this.data.productState
}
app.soldOut(params).then(res=>{if (res.state === 1) {
wx.showToast({
title:'已上架',
icon:"none",
duration:1000,
mask:true,
})this.getMyRelease();this.setData({
showMore:!this.data.showMore,
lowind:0})
}
})
},/**
* 删除
* productDel*/productDel() {
let params={
userID: app.globalData.userID,
id:this.data.productID
}
app.productDel(params).then(res=>{if (res.state === 1) {this.getMyRelease();this.setData({
showMore:!this.data.showMore,
lowind:0})
}
})
},/**
* 选择打折力度*/clickLowMoney(e) {
let price= this.data.lowMoney[e.currentTarget.dataset.index].money;if (this.data.lowind ==e.currentTarget.dataset.index) {this.setData({
lowind:-1})
}else{this.setData({
lowind: e.currentTarget.dataset.index,
low_mon: price
})
}
},/**
* 编辑*/edit(e) {
let productID=e.currentTarget.dataset.productid
wx.navigateTo({
url:'../productReleased/productReleased?productID=' +productID,
})
},/**
* 新建我的发布*/newRelease() {
wx.navigateTo({
url:'../productReleased/productReleased?productID=' + 0,
})
},
productDetail(e) {
wx.navigateTo({
url:'../product/product?id=' +e.currentTarget.dataset.id,
})
},//上拉事件
onReachBottom: function() {this.data.limit = this.data.limit + 5
this.getMyRelease();
},/**
* 获取我的发布*/getMyRelease() {
let params={
userID: app.globalData.userID,
limit:this.data.limit,
offset:0,
}
app.getMyRelease(params).then(res=>{
let release=res.data.releasethis.setData({
releases: release
})
})
},
})
微信商品详细信息页面html,微信小程序商品展示页面(仿咸鱼)相关推荐
- 微信小程序开发——以简单易懂的浏览器页面栈理解小程序的页面路由
前言: 对于小程序的页面路由,如果没有一定开发经验的话,理解起来还是会有些困难的.哪怕是有一定小程序开发经验的开发者,能够完全理解掌握的恐怕也不多. 这里就以另外一种方式来详细的介绍小程序的页面栈及路 ...
- 微信小程序自定义输入仿咸鱼发布
微信小程序自定义输入仿咸鱼发布 效果图 效果图2 主要代码 .js // pages/user/release/release.js import Toast from 'vant-weapp/toa ...
- 实现微信扫一扫跳转到小程序指定页面
使用微信扫一扫进入小程序内的指定页面 文章目录 使用微信扫一扫进入小程序内的指定页面 前言 一.微信小程序平台配置 二.前端uniapp中的获取二维码信息 三.后端处理参数 总结 前言 使用场景:例如 ...
- 微信扫二维码跳转小程序指定页面带参数
参考文档:扫码打开小程序接入指南:注意事项 http://sdapp.mynatapp.cc 为外网映射到本地服务器 校验文件放在配置规则最后一层.外网可以访问. @RequestMapping(&q ...
- 闲鱼有微信小程序吗_微信小程序商品展示页面(仿咸鱼)
项目中做了一个商品发布展示的页面,记录下来 解决问题: 想在setData中更改数组具体下标中的某个值 let one = "lowMoney[" + 0 + "].mo ...
- 微信小程序商品展示页面(仿咸鱼)
项目中做了一个商品发布展示的页面,记录下来 解决问题: 想在setData中更改数组具体下标中的某个值: let one = "lowMoney[" + 0 + "].m ...
- 微信小程序页面栈_微信小程序之页面传值(路由、页面栈、globalData、缓存)
1. 通过url带参数传递 1.1 固定参数传递 例如,从 list 页面到 detail 页面, 传递一个或多个固定值 list页面传值: 点此进入 detail detail页面取值: onLoa ...
- 微信小程序禁止页面左右滑动
微信小程序禁止页面左右滑动 小程序禁止页面左右滑动 PS:在开发过程中可能会遇到某一个页面可以左右滑动,在开发者工具是查看不出来,只有在手机预览才可以看的出来(尝试左或者右滑动). 我的解决方法是在根 ...
- (详细版)java实现小程序获取微信登录,用户信息,手机号,头像
ps:springboot结合mybatisPlus.mysql实现,简单易懂,一件粘贴使用,详细往下看↓ 步骤: 1.注册微信开发平台账号,并创建小程序,获取小程序的AppID和AppSecret. ...
最新文章
- SharePoint2010 -- 管理配置文件同步
- [Vue.js进阶]从源码角度剖析vue-router(三)
- Python爬虫入门(7):正则表达式
- SpringBoot整合MQTT服务器实现消息的发送与订阅(推送消息与接收推送)
- 码农人生——从未学过Android如何开发Android App 案例讲解-第002期案例
- 2.3.1 进程的同步与互斥
- 条码标签打印软件如何实现标签重复打印
- java语言实现常用算法(排序和查找)
- OFD电子文档阅读器功能说明
- 使用google翻译免费翻译文档,这里以pdf为例
- March 7th Wednesday (三月 七日 水曜日)
- 32-Figma-谷歌表格插件替换数据方法
- hdu 5594 ZYB's Prime 最大流
- SpringBoot实现二维码生成
- 乐普生物下周三上市:最高募资近10亿港元 年亏将超10亿
- EVPN中ESI与EVI的区别
- 不要告诉别人,你家男人看见美女就不老实
- linux系统常用性能参数命令
- JAVA毕业设计国产精品动漫网站计算机源码+lw文档+系统+调试部署+数据库
- 男士身高180厘米,体重多少合适
热门文章
- 10个问题带你全面理解Linux性能优化
- 模块间同步消息队列的设计
- oppo 手机侧滑快捷菜单_OPPO十年进化论,从A·V厂到国内第二
- Django视图层:URL调度器、Django处理一个请求、URLconf在查找什么?URL:①path()路径、②路径转换器Path converter、③正则表达式组re_path()
- Python BeautifulSoup和Requests爬虫爬取中关村手机资料
- python判断当前时间是否在两个时间之间_Python 判断时间是否在时间区间内的实例...
- 30秒明白tcp的3次握手
- vscode修改c 项目_windows 10上使用vscode编译运行和调试C/C++
- pytorch tensor查找0_Pytorch tensor(0): Tensor Introduction
- c语言学习-在一个三行三列的矩阵中求出数值最大的元素及其行/列下标并打印输出