//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,微信小程序商品展示页面(仿咸鱼)相关推荐

  1. 微信小程序开发——以简单易懂的浏览器页面栈理解小程序的页面路由

    前言: 对于小程序的页面路由,如果没有一定开发经验的话,理解起来还是会有些困难的.哪怕是有一定小程序开发经验的开发者,能够完全理解掌握的恐怕也不多. 这里就以另外一种方式来详细的介绍小程序的页面栈及路 ...

  2. 微信小程序自定义输入仿咸鱼发布

    微信小程序自定义输入仿咸鱼发布 效果图 效果图2 主要代码 .js // pages/user/release/release.js import Toast from 'vant-weapp/toa ...

  3. 实现微信扫一扫跳转到小程序指定页面

    使用微信扫一扫进入小程序内的指定页面 文章目录 使用微信扫一扫进入小程序内的指定页面 前言 一.微信小程序平台配置 二.前端uniapp中的获取二维码信息 三.后端处理参数 总结 前言 使用场景:例如 ...

  4. 微信扫二维码跳转小程序指定页面带参数

    参考文档:扫码打开小程序接入指南:注意事项 http://sdapp.mynatapp.cc 为外网映射到本地服务器 校验文件放在配置规则最后一层.外网可以访问. @RequestMapping(&q ...

  5. 闲鱼有微信小程序吗_微信小程序商品展示页面(仿咸鱼)

    项目中做了一个商品发布展示的页面,记录下来 解决问题: 想在setData中更改数组具体下标中的某个值 let one = "lowMoney[" + 0 + "].mo ...

  6. 微信小程序商品展示页面(仿咸鱼)

    项目中做了一个商品发布展示的页面,记录下来 解决问题: 想在setData中更改数组具体下标中的某个值: let one = "lowMoney[" + 0 + "].m ...

  7. 微信小程序页面栈_微信小程序之页面传值(路由、页面栈、globalData、缓存)

    1. 通过url带参数传递 1.1 固定参数传递 例如,从 list 页面到 detail 页面, 传递一个或多个固定值 list页面传值: 点此进入 detail detail页面取值: onLoa ...

  8. 微信小程序禁止页面左右滑动

    微信小程序禁止页面左右滑动 小程序禁止页面左右滑动 PS:在开发过程中可能会遇到某一个页面可以左右滑动,在开发者工具是查看不出来,只有在手机预览才可以看的出来(尝试左或者右滑动). 我的解决方法是在根 ...

  9. (详细版)java实现小程序获取微信登录,用户信息,手机号,头像

    ps:springboot结合mybatisPlus.mysql实现,简单易懂,一件粘贴使用,详细往下看↓ 步骤: 1.注册微信开发平台账号,并创建小程序,获取小程序的AppID和AppSecret. ...

最新文章

  1. SharePoint2010 -- 管理配置文件同步
  2. [Vue.js进阶]从源码角度剖析vue-router(三)
  3. Python爬虫入门(7):正则表达式
  4. SpringBoot整合MQTT服务器实现消息的发送与订阅(推送消息与接收推送)
  5. 码农人生——从未学过Android如何开发Android App 案例讲解-第002期案例
  6. 2.3.1 进程的同步与互斥
  7. 条码标签打印软件如何实现标签重复打印
  8. java语言实现常用算法(排序和查找)
  9. OFD电子文档阅读器功能说明
  10. 使用google翻译免费翻译文档,这里以pdf为例
  11. March 7th Wednesday (三月 七日 水曜日)
  12. 32-Figma-谷歌表格插件替换数据方法
  13. hdu 5594 ZYB's Prime 最大流
  14. SpringBoot实现二维码生成
  15. 乐普生物下周三上市:最高募资近10亿港元 年亏将超10亿
  16. EVPN中ESI与EVI的区别
  17. 不要告诉别人,你家男人看见美女就不老实
  18. linux系统常用性能参数命令
  19. JAVA毕业设计国产精品动漫网站计算机源码+lw文档+系统+调试部署+数据库
  20. 男士身高180厘米,体重多少合适

热门文章

  1. 10个问题带你全面理解Linux性能优化
  2. 模块间同步消息队列的设计
  3. oppo 手机侧滑快捷菜单_OPPO十年进化论,从A·V厂到国内第二
  4. Django视图层:URL调度器、Django处理一个请求、URLconf在查找什么?URL:①path()路径、②路径转换器Path converter、③正则表达式组re_path()
  5. Python BeautifulSoup和Requests爬虫爬取中关村手机资料
  6. python判断当前时间是否在两个时间之间_Python 判断时间是否在时间区间内的实例...
  7. 30秒明白tcp的3次握手
  8. vscode修改c 项目_windows 10上使用vscode编译运行和调试C/C++
  9. pytorch tensor查找0_Pytorch tensor(0): Tensor Introduction
  10. c语言学习-在一个三行三列的矩阵中求出数值最大的元素及其行/列下标并打印输出