成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

微信小程序-高仿vivo商城

seal_de / 2870人閱讀

摘要:說明最近微信小程序也是挺火的了,看了微信官方文檔語法和有點(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地址在這里 謝謝大家了~~~

圖片預(yù)覽


微信登陸
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

相關(guān)文章

  • vue2.5全家桶 高仿vivo商城 百分之95

    摘要:全家桶還有就是組件庫開頭在線預(yù)覽舊的版本移動端商城新的版本移動端商城項目演示地址移動端商城建議調(diào)試手機(jī)模式下預(yù)覽因為剛買的域名主機(jī)所以要解析,實名認(rèn)證才可以瀏覽,所以你們還是下把項目給下載下來本地運(yùn)行看把 vue全家桶 vue2.0+vuex+axios+better-scroll還有就是miut-ui組件庫 開頭 在線預(yù)覽 舊的版本:vivo移動端商城新的版本:vivo移動端商城項目...

    inapt 評論0 收藏0
  • 信小程序資源匯總

    awesome-github-wechat-weapp 是由OpenDigg整理并維護(hù)的微信小程序開源項目庫集合。我們會定期同步上的項目到這里,也歡迎各位 UI組件開發(fā)框架實用庫開發(fā)工具服務(wù)端項目實例Demo UI組件 weui-wxss ★1873 - 同微信原生視覺體驗一致的基礎(chǔ)樣式庫zanui-weapp ★794 - 好用易擴(kuò)展的小程序 UI 庫wx-charts ★449 - 微信小程...

    Olivia 評論0 收藏0
  • eweapp:ECShop非官方版信小程序商城

    摘要:非官方版微信小程序商城,基于版本接口,兼容原有程序,沒有對原有程序代碼進(jìn)行過任何改動。 eweapp ECShop非官方版微信小程序商城,基于3.6版本appserver接口,100%兼容原有程序,沒有對原有程序代碼進(jìn)行過任何改動。 GitHub https://github.com/tumobi/eweapp 功能列表 首頁: 輪播圖、商城滾動公告、精品推薦、新品上市、銷量排行 分...

    libxd 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<