摘要:說明最近微信小程序也是挺火的了,看了微信官方文檔語法和有點(diǎn)相似,正好學(xué)過也用寫過一個商城項目,就嘗試用小程序?qū)憘€商城,一般來說你學(xué)過寫個小程序那是很簡單的,小程序和無非就是路由跳轉(zhuǎn)傳參傳數(shù)據(jù)如果你想學(xué)可以來看看我用寫的一個商城項目地址在這里
說明
最近微信小程序也是挺火的了,看了微信官方文檔語法和vue.js有點(diǎn)相似,正好學(xué)過vue 也用vue寫過一個商城項目,就嘗試用小程序?qū)憘€商城,一般來說你學(xué)過vue.js寫個小程序那是很簡單的,小程序和vue.js無非就是路由跳轉(zhuǎn)、傳參、傳數(shù)據(jù).
如果你想學(xué)vue.js可以來看看我用vue.js寫的一個商城項目 地址在這里
運(yùn)行需要安裝微信開發(fā)者工具,在開發(fā)者工具中打開該項目則可預(yù)覽 下載地址
另外:此程序會持續(xù)更新 如果覺可以歡迎各位satr fork Dome地址在這里 謝謝大家了~~~
Page({ /* 頁面的初始數(shù)據(jù) */ data: { UserImage: "", Username: "", }, /* 生命周期函數(shù)--監(jiān)聽頁面加載 */ onLoad: function (options) { var _this=this wx.getUserInfo({ success:function(res){ _this.setData({ UserImage: res.userInfo.avatarUrl, Username: res.userInfo.nickName }) } }) }, about:function(){ wx.navigateTo({ url: "../../pages/about/about" , }) } })加入購物車
var json = require("../../data/Home_data.js") Page({ data:{ HomeIndex:0 }, goPay:function(e){ var Id = e.currentTarget.dataset.id wx.navigateTo({ url: "../../pages/pay/pay?id=" + Id }) }, boxtwo: function (e) { var index = parseInt(e.currentTarget.dataset.index) this.setData({ HomeIndex: index }) }, addcart: function (e) { var cartItems = wx.getStorageSync("cartItems") || [] var exist = cartItems.find(function (el) { return el.id == e.target.dataset.id }) //如果購物車?yán)锩嬗性撋唐纺敲此臄?shù)量每次加一 if (exist){ exist.value = parseInt(exist.value) + 1 }else{ cartItems.push({ id: e.target.dataset.id, title:e.target.dataset.title, image: e.target.dataset.image, price: e.target.dataset.price, value:1, selected:true }) } wx.showToast({ title: "加入購物車成功!", duration: 1000 }) //更新緩存數(shù)據(jù) wx.setStorageSync("cartItems", cartItems) }, onLoad: function (option){ var homeid = option.id var Homedata = json.homeIndex[homeid]; this.setData({ data: Homedata }) } })購物車功能
var json = require("../../data/Home_data.js") Page({ data: { cartItems:[], total:0, CheckAll:true }, onLoad:function(e){ }, onShow: function () { var cartItems = wx.getStorageSync("cartItems") this.setData({ cartList: false, cartItems: cartItems }) this.getsumTotal() }, //選擇 select:function(e){ var CheckAll = this.data.CheckAll; CheckAll = !CheckAll var cartItems = this.data.cartItems for(var i=0;i
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/92187.html
摘要:全家桶還有就是組件庫開頭在線預(yù)覽舊的版本移動端商城新的版本移動端商城項目演示地址移動端商城建議調(diào)試手機(jī)模式下預(yù)覽因為剛買的域名主機(jī)所以要解析,實名認(rèn)證才可以瀏覽,所以你們還是下把項目給下載下來本地運(yùn)行看把 vue全家桶 vue2.0+vuex+axios+better-scroll還有就是miut-ui組件庫 開頭 在線預(yù)覽 舊的版本:vivo移動端商城新的版本:vivo移動端商城項目...
摘要:非官方版微信小程序商城,基于版本接口,兼容原有程序,沒有對原有程序代碼進(jìn)行過任何改動。 eweapp ECShop非官方版微信小程序商城,基于3.6版本appserver接口,100%兼容原有程序,沒有對原有程序代碼進(jìn)行過任何改動。 GitHub https://github.com/tumobi/eweapp 功能列表 首頁: 輪播圖、商城滾動公告、精品推薦、新品上市、銷量排行 分...
閱讀 2960·2021-11-23 09:51
閱讀 3786·2021-11-22 15:29
閱讀 3244·2021-10-08 10:05
閱讀 1568·2021-09-22 15:20
閱讀 983·2019-08-30 15:56
閱讀 1081·2019-08-30 15:54
閱讀 741·2019-08-26 11:54
閱讀 2643·2019-08-26 11:32