vk-u-goods-sku-popup 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
vk-u-goods-sku-popup 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 国产
提 交 者 VK168
适用人群 未知
收录时间 2020-10-28

软件简介

vk-u-goods-sku-popup 是一个商品多规格 sku 选择器组件。此插件为 vk-unicloud-router 插件的一部分独立出来而形成的。

基本使用示例

<vk-u-goods-sku-popup
  v-model="sku_key" 
  :custom-action="findGoodsInfo"
  :mode="1"	
  border-radius="20"
  @add-cart="addCart"
  @buy-now="buyNow"
></vk-u-goods-sku-popup>
methods: {
  // 加入购物车前的判断
  addCartFn(obj) {
    let {
      selectShop
    } = obj;
    // 模拟添加到购物车,请替换成你自己的添加到购物车逻辑
    let res = {};
    let name = selectShop.goods_name;
    if (selectShop.sku_name != "默认") {
      name += "-" + selectShop.sku_name;
    }
    res.msg = `$ {name}已添加到购物车`;
    if (typeof obj.success == "function") obj.success(res);
  },
  // 加入购物车按钮
  addCart(selectShop) {
    console.log("监听 - 加入购物车");
    that.addCartFn({
      selectShop: selectShop,
      success: function(res) {
        // 实际业务时,请替换自己的加入购物车逻辑
        that.toast(res.msg);
      }
    });
  },
  // 立即购买
  buyNow(selectShop) {
    console.log("监听 - 立即购买");
    that.addCartFn({
      selectShop: selectShop,
      success: function(res) {
        // 实际业务时,请替换自己的立即购买逻辑
        that.toast("立即购买");
      }
    });
  },
  /**
   * 获取商品信息
   * 这里可以看到每次打开SKU都会去重新请求商品信息,为的是每次打开SKU组件可以实时看到剩余库存
   */
  findGoodsInfo() {
    return new Promise(function(resolve, reject) {
      // 这里是获取商品信息的后端请求,可以用你自己的方式请求获取,本例子中用的是unicloud的云函数获取商品信息
      that.callFunction({
        success(data) {
          resolve(data.goodsInfo);
        }
      });
    });
  },
  toast(msg) {
    uni.showToast({
      title: msg,
      icon: "none"
    });
  },
  callFunction(obj) {
    uni.showLoading({
      title: '请求中'
    });
    uniCloud.callFunction({
      name: 'findGoodsInfo',
      data: {
        goods_id: that.goods_id
      },
      success(res) {
        console.log(res);
        if (typeof obj.success == "function") obj.success(res.result);
      },
      fail(err) {
        console.error(err);
      },
      complete() {
        uni.hideLoading();
      }
    });
  },
}
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2014/07/09 17:41

Override VK_TTALK & VK_TEND

转自: http://kevinyisuihan.blog.163.com/blog/static/404793222008812942364/ When working on a project that involved creating a custom dialer for Windows Mobile devices, one of the more important tasks is enabling the detection of the Send (green, off-hook) and Hang-up (red, on-hook) button presses...

0
0
发表了博客
2018/02/26 16:09

goods组件

前言 本节分为四大块: 1.商品 goods 组件(左侧 menu 布局、右侧食品列表布局、第三方插件库better-scroll 的应用) 2.购物车 shopcart 组件 3.购物车小球 cartcontrol 组件(动画实现) 4.购物车详情页 PS:本节所有代码在文章底部。 商品 goods 组件 1. 外壳 CSS 设置 1 .goods 2 display flex 3 position...

0
0
发表了博客
08/08 11:28

SPU和SKU

开始做电商0->1 非常开心也非常荣幸 记录一些不懂的关键词 SPU = Standard Product Unit (标准产品单位)SPU是商品信息聚合的最小单位,是一组可复用、易检索的标准化信息的集合,该集合描述了一个产品的特性。 ...

0
0
发表了博客
2019/11/14 16:31

SKU与SPU

spu 指的是商品(iphone6s),spu属性就是不会影响到库存和价格的属性, 又叫关键属性,与商品是一对一的关系,比如 毛重: 420.00 g 产地: 中国大陆 sku指的是具体规格单品(玫瑰金 16G),sku属性就是会影响到库存...

0
0
发表了博客
2019/05/14 11:02

商品SKU

import requests import re import pandas as pd import pymysql pymysql.install_as_MySQLdb() from sqlalchemy import create_engine import time import logging headers={"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.131 Safari/537.36", ...

0
0
发表了博客
2018/12/29 15:49

CF724E Goods transportation

最大流既视感 然后 TLEMLE既视感 然后 最大流=最小割 然后 dp[i][j]前i个点j个点在S集合,最小割 然后 dp[i][j]=min(dp[i-1][j]+p[i]+j*c,dp[i-1][j-1]+s[i])考虑i点和T的边要不要断 然后 滚动数组优化一下,O(n^2)过10000 #include<bits/stdc++.h> #define reg register int #define il inline #define numb (ch^'0...

0
0
发表了博客
2019/09/30 10:30

SKU是什么意思?

在做电商项目时候必定会遇到这个词,那是什么意思呢?其实简单来讲就是一个单位。 SKU全称为Stock Keeping Unit(库存量单位),即库存进出计量的基本单元,可以是以件,盒,托盘等为单位。SKU这是对于大型连锁超市DC(配送中心)物流管理的一个必要的方法。现在已经被引申为产品统一编号的简称,每种产品均对应有唯一的...

0
0
发表了博客
2019/03/31 18:48

SKU的概念和理解

https://wenku.baidu.com/view/ef3c4d4da8956bec0975e3d0.html 一、概念 在设计商品SKU之前,首先让我们熟悉一下SKU和相关的一些概念。 二、什么是SKU SKU=Stock Keeping Unit(库存量单位) 同一型号的商品,或者说是同一个产品项目(商品条形码是针对企业的产品 项目来进行定义的),因为产品与产品之间有某些属性不同,...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
2 收藏
分享
返回顶部
顶部