300字范文 > 花乐鲜购小程序

花乐鲜购小程序

时间：2023-09-15 19:38:56

相关推荐

花乐鲜购小程序

使用微信小程序开发的一个鲜花销售小程序

首页部分源码

//新品上架newpin:[{cp_id:0,cp_mingcheng:"桃红雪山玫瑰",jiage:99,cp_tupian:"//05/14/6YBDdEqzvken2RK.jpg"},{cp_id:1,cp_mingcheng:"香槟玫瑰百合",jiage:139,cp_tupian:"//05/14/AaQTgKWyCLqr9oG.jpg"},{cp_id:2,cp_mingcheng:"粉色康乃馨",jiage:179,cp_tupian:"//05/14/umT16axSJhKHOeG.jpg"},{cp_id:3,cp_mingcheng:"蓝绣球向日葵",jiage:229,cp_tupian:"//05/14/T6L3JbnyEQkl15e.jpg"}],//猜你喜欢guesslike:[{like_id:0,likeimg:"//05/14/HOiVc5ujp2gr3EQ.jpg",likename:"妈妈辛苦了",jieshao:"19枝粉色康乃馨搭配白桔梗、白色满天星、纽扣菊、白色烟花扶郎、小叶尤加利叶",paynum:9979,likejiage:149},{like_id:1,likeimg:"//05/14/6p3znkMStuwfAyY.jpg",likename:"向阳的温暖",jieshao:"2枝向日葵3枝白荔枝玫瑰搭配香槟翠菊、黄色多头玫瑰白桔梗、尤加利叶",paynum:6979,likejiage:99},{like_id:2,likeimg:"//05/14/hVjolpLXKWSFiCB.jpg",likename:"爱意连绵",jieshao:"33枝卡罗拉玫瑰搭配白色满天星",paynum:3979,likejiage:199}]},// 关闭公告closeNotices:function(options){this.setData({isOpen:!this.data.isOpen})},// 监听动画结束animationend(){console.log("")},// 改变点击状态onShow() {this.initAnimation(this.data.text)},onHide() {this.destroyTimer()this.setData({timer: null})},onUnload() {this.destroyTimer()this.setData({timer: null})},destroyTimer() {if (this.data.timer) {clearTimeout(this.data.timer);}},/*** 开启公告字幕滚动动画*/initAnimation(texts) {let that = this// 获取文本节点信息let query = wx.createSelectorQuery()query.select('.content-box').boundingClientRect()query.select('#text').boundingClientRect()query.exec((rect) => {that.setData({textWidth: rect[1].width,duration:rect[1].width/16*400}, () => {this.startAnimation()})})// 创建动画对象this.data.animation = wx.createAnimation({duration: this.data.duration,timingFunction: 'linear' })},// 定时器动画startAnimation() {//reset重复滚动this.data.animation.option.transition.duration = 0const resetAnimation = this.data.animation.translateX(this.data.wrapWidth).step({duration:0})this.setData({animationData: resetAnimation.export()});// 让文字滚动起来const animationData = this.data.animation.translateX(-this.data.textWidth).step({ duration: this.data.duration });setTimeout(() => {this.setData({animationData: animationData.export(),})}, 50);// 设置开启动画的间隔const timer = setTimeout(() => {this.startAnimation()}, this.data.duration);this.setData({timer});},maxonclick(e){wx.navigateTo({url: '' ,})},})

分类页面

分类页面部分源码

<search></search><view class="container"><view class="nav_left"><block wx:for="{{cateItems}}" wx:key="cate_id"><view class="nav_left_items {{curNav == item.cate_id ? 'active' : ''}}" bindtap="switchRightTab" data-index="{{index}}" data-id="{{item.cate_id}}">{{item.cate_name}}</view></block></view><view class="nav_right"><view wx:if="{{cateItems[curIndex].ishaveChild}}"><block wx:for="{{cateItems[curIndex].children}}" wx:key="cate_id"><view class="nav_right_items"><navigator url=""><image src="{{item.image}}"></image><text>{{item.name}}</text></navigator></view></block></view><view class="nodata_text" wx:else>该分类暂无数据</view></view></view><kefu></kefu><backtop></backtop>

购物车页面

购物车页面部分源码

// 添加按钮被点击addButtonClick: function(tap) {var that = this;var user_data = wx.getStorageSync('user_data'); //获取缓存里面的用户信息const index = parseInt(tap.currentTarget.id); //获取当前的商品的索引值let dataSource = that.data.dataSource; //购物车所有的商品数据let quantity = dataSource[index].quantity; //获取购买数量quantity = quantity + 1; //将购买数量 +1dataSource[index].quantity = quantity; //更改当前商品的数量that.setData({dataSource: dataSource //更新商品数据});that.getTotalPrice(); //重新计算总价格},// 减少按钮被点击reduceButtonClick: function(tap) {var that = this;var user_data = wx.getStorageSync('user_data');const index = parseInt(tap.currentTarget.id);let dataSource = that.data.dataSource[index];let quantity = dataSource.quantity; //获取购买数量if (quantity == 1) { //判断是否等于1wx.showModal({title: '提示',content: '确定将 ' + dataSource.name + ' 移出购物车吗？',success: function(sm) {if (sm.confirm) {var tempData = that.data.dataSource; //所有商品数据tempData.splice(index, 1); //从当前索引值开始删除1项数据that.setData({dataSource: tempData //更新数据})} else if (sm.cancel) {return false;}}})} else { //如果商品数量不等于 1 var dataSource_2 = that.data.dataSource;var quantity2 = quantity - 1;dataSource_2[index].quantity = quantity2;this.setData({dataSource: dataSource_2});}that.getTotalPrice(); //重新计算总价格},/*checkbox 选中或未选中都会触发该事件*/checkboxChange: function(e) {var that = this;that.setData({all_shop: e.detail.value,})},//删除单个商品deleteGoods(e) {const index = e.currentTarget.dataset.index;const cartId = e.currentTarget.dataset.cart_id;let carts = this.data.dataSource;wx.showModal({title: '温馨提示',content: '确定删除当前商品吗？',confirmColor: "#f00",success: (res) => {if (res.confirm) {wx.showLoading({title: '加载中'});carts.splice(index, 1);this.updateCarts(carts);//更新总价this.getTotalPrice();wx.hideLoading();}}})},//更新数据函数updateCarts(data) {this.setData({dataSource: data})},/*点击结算 */toBuy: function(tap) {var that = this;let good = this.data.dataSource; //所有商品数据let user_info = wx.getStorageSync('user_data')if (that.data.total_all_price == 0) { //判断是否选择了商品，这里我是判断总价格wx.showToast({title: '请选择商品',})} else {this.data.good_one = []; //重置数组for (var i = 0; i < this.data.dataSource.length; i++) { //循环购物车中的商品if (good[i].checks == true) {var good_one1 = [good[i].cart_id, good[i].quantity];this.data.good_one.push(good_one1) //将数据添加到数组里边}}}},/**点击全选 */setChecked: function() {let checked = this.data.checked; //是否为全选状态checked = !checked; //改变状态let dataSource = this.data.dataSource;for (let i = 0; i < dataSource.length; i++) {dataSource[i].checks = checked; // 改变所有商品状态}this.setData({checked: checked, //更新全选状态dataSource: dataSource //更新所有商品的状态});this.getTotalPrice(); //重新获取总价格},/**点击单个多选框 */allCheckbox: function(tap) {var a = 0 //设置初始总价格var index = tap.currentTarget.dataset.index //获取索引值let good = this.data.dataSource //获取购物车列表const checks = good[index].checks; //获取当前商品的选中状态good[index].checks = !checks //改变当前商品的状态var all_shop_1 = parseInt(good[index].cart_id) //获取商品的购物车idvar shop_quantity_1 = good[index].quantity //获取商品的数量this.setData({dataSource: good});this.getTotalPrice() //重新获取总价格/*设置全选 */for (let i = 0; i < good.length; i++) {a += good[i].quantity * good[i].price}if (this.data.total_all_price == a) {this.setData({checked: true})} else {this.setData({checked: false})}},/**计算总价格 */getTotalPrice() {let good = this.data.dataSource; // 获取购物车列表let total = 0;for (let i = 0; i < good.length; i++) { // 循环列表得到每个数据if (good[i].checks) { // 判断选中才会计算价格total += good[i].quantity * good[i].price; // 所有价格加起来}}this.setData({ // 最后赋值到data中渲染到页面good: good,total_all_price: total.toFixed(2),});},})

用户页面

用户页面部分源码

<view class="view_contain"><view class="view_top"><view class="view_image_text"><image class="image_radius" src="/pages/images/mytx.jpg" /><button class="button" open-type="getUserInfo" bindtap="login"> 登录 </button></view></view><view class="view_center"><view class="view_tupianwenzi"><image class="image_tupian" src="/pages/images/my2.png"></image><text class="text_saoyisao">待付款</text></view><view class="view_tupianwenzi"><image class="image_tupian" src="/pages/images/my3.png"></image><text class="text_saoyisao">待发货</text></view><view class="view_tupianwenzi"><image class="image_tupian" src="/pages/images/my4.png"></image><text class="text_saoyisao">待收货</text></view><view class="view_tupianwenzi"><image class="image_tupian" src="/pages/images/my5.png"></image><text class="text_saoyisao">待评价</text></view></view><view class="view_bottom"><view class="list-item"><image class="item-image" src="/pages/images/my6.png"></image><text class="item-text">我的收藏</text><view class="detail2"><text> ></text></view></view><view class="line"></view><view class="list-item"><image class="item-image" src="/pages/images/my7.png"></image><text class="item-text">我的评价</text><view class="detail2"><text> ></text></view></view><view class="line"></view><view class="list-item"><image class="item-image" src="/pages/images/my8.png"></image><text class="item-text">版本更新</text><view class="detail2"><text> ></text></view></view><view class="line"></view><view class="list-item"><image class="item-image" src="/pages/images/my9.png"></image><text class="item-text">购买历史</text><view class="detail2"><text> ></text></view></view><view class="line"></view><view class="list-item"><image class="item-image" src="/pages/images/my10.png"></image><text class="item-text">分享邀请</text><view class="detail2"><text> ></text></view></view><view class="line"></view></view></view><kefu></kefu>

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。