xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/components/GoodsCommerce/components/entityItem/index.wxss

@@ -0,0 +1,96 @@
+.entity-item {
+  display: flex;
+}
+.entity-item + .entity-item {
+  margin-top: 32rpx;
+}
+.entity-item__img-wrapper {
+  position: relative;
+  width: 240rpx;
+  min-width: 240rpx;
+  height: 180rpx;
+  border-radius: 8rpx;
+  overflow: hidden;
+  border: 2rpx solid #eee;
+}
+.entity-item__img-inner {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.entity-item__img-inner .goods-img {
+  width: 100% !important;
+  height: 100% !important;
+  border-radius: 8rpx;
+}
+.entity-item__img-inner.entity-goods {
+  margin: 0 auto;
+  width: 180rpx;
+}
+.entity-item__unavailable {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 8rpx;
+  background: rgba(0, 0, 0, 0.5);
+}
+.entity-item__unavailable .unavailable-img {
+  width: 128rpx;
+  height: 116rpx;
+}
+.entity-item__tag {
+  position: absolute;
+  right: 8rpx;
+  bottom: 8rpx;
+  padding: 2rpx 6rpx;
+  line-height: 24rpx;
+  font-size: 24rpx;
+  border-radius: 4rpx;
+  background: rgba(0, 0, 0, 0.5);
+  color: white;
+}
+.entity-item__content {
+  position: relative;
+  flex: 1;
+  margin-left: 24rpx;
+  overflow: hidden;
+}
+.entity-item__title {
+  display: -webkit-box;
+  margin: 4rpx 0 8rpx;
+  line-height: 40rpx;
+  font-weight: 500;
+  color: #333;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+.entity-item__des {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 95%;
+  line-height: 34rpx;
+  color: #999999;
+  font-size: 24rpx;
+}
+.entity-item__amount {
+  position: absolute;
+  bottom: 4rpx;
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  color: #999999;
+}
+.entity-item__price {
+  font-size: 24rpx;
+  display: flex;
+}

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/components/GoodsCommerce/index.js

@@ -0,0 +1,78 @@
+// src/ConfirmOrder/components/GoodsInfo/components/GoodsCommerce/index.js
+import {
+  getGoodsPackage
+} from "../../../../../common/api/confirmOrder"
+
+Component({
+  options: {
+    styleIsolation: 'shared',
+  },
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    spuId: {
+      type: String,
+    },
+    resourceId: {
+      type: String,
+    },
+    resourceType: {
+      type: String,
+      value: "",
+    },
+    isAlive: {
+      type: Number,
+      value: 0,
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    showList: false,
+    goods_num: 0, //商品数量
+    has_package: false, //是否有带货
+    virtual_num: 0, //虚拟商品的数量
+    entity_num: 0, //实物商品的数量
+  },
+  lifetimes: {
+    attached: function () {
+      if (this.data.spuId) {
+        this.getGoodsPackage();
+      }
+    },
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    onClose() {
+      this.setData({
+        showList: false
+      })
+    },
+    openEntityList() {
+      this.setData({
+        showList: true
+      })
+    },
+    getGoodsPackage() {
+      let params = {
+        spu_id: this.data.spuId,
+      };
+      getGoodsPackage(params).then(res => {
+        if (res.data.code === 0) {
+          let data = res.data.data
+          this.setData({
+            goods_num: data.goods_num,
+            has_package: data.has_package,
+            virtual_num: data.virtual_goods_num,
+            entity_num: data.entity_goods_num,
+          })
+        }
+      });
+    },
+  }
+})

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/components/GoodsCommerce/index.json

@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-action-sheet": "@vant/weapp/action-sheet/index",
+    "entityGiftList": "./components/entityGiftList/index",
+    "CustomPopup": "../../../../../CustomPopup/index"
+  }
+}

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/components/GoodsCommerce/index.less

@@ -0,0 +1,52 @@
+.fontStyle {
+  font-size: 28rpx;
+}
+
+.header-cont {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+
+  .header-title {
+    color: rgba(51, 51, 51, 1);
+    font-size: 32rpx;
+    font-weight: 600;
+  }
+
+  .img {
+    width: 32rpx;
+    height: 32rpx;
+    position: absolute;
+    right: 32rpx;
+    top: 32rpx;
+  }
+}
+
+.entity-gift-select {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 32rpx;
+  padding-bottom: 36rpx;
+  background: #fff;
+}
+
+.entity-gift-desc {
+  display: inline-flex;
+  align-items: center;
+  line-height: 40rpx;
+}
+
+.icon-zhixiang {
+  width: 32rpx;
+  height: 32rpx;
+}
+
+.icon-taocan {
+  margin-right: 24rpx;
+  color: #ff882d;
+  width: 74rpx;
+  height: 34rpx;
+}

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/components/GoodsCommerce/index.wxml

@@ -0,0 +1,27 @@
+<!--src/ConfirmOrder/components/GoodsInfo/components/GoodsCommerce/index.wxml-->
+<view class="goods-commerce-content entity-gift-wrapper fontStyle" wx:if="{{ has_package }}">
+  <CustomPopup
+    showPopup="{{ showList }}" 
+    bind:onClose="onClose"
+  >
+    <view slot="header" class="header-cont">
+      <view class="header-title">套餐</view>
+      <image src="../../../../../common/assets/images/close.png" class="img" bindtap="onClose"></image>
+    </view>
+    <view slot="content">
+      <entityGiftList
+        virtualNum="{{ virtual_num }}"
+        spu_id="{{ spuId }}"
+        resourceId="{{ resourceId }}"
+        resourceType="{{ resourceType }}"
+      ></entityGiftList>
+    </view>
+  </CustomPopup>
+  <view class="entity-gift-select" bindtap="openEntityList">
+    <view class="entity-gift-desc fontStyle">
+      <image src="../../../../../common/assets/images/package.png" class="iconfont icon-taocan"></image>
+      内含{{ goods_num }}个商品
+    </view>
+    <image src="../../../../../common/assets/images/zhixiang.png" class="iconfont icon-zhixiang EC3"></image>
+  </view>
+</view>

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/components/GoodsCommerce/index.wxss

@@ -0,0 +1,45 @@
+.fontStyle {
+  font-size: 28rpx;
+}
+.header-cont {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+.header-cont .header-title {
+  color: #333333;
+  font-size: 32rpx;
+  font-weight: 600;
+}
+.header-cont .img {
+  width: 32rpx;
+  height: 32rpx;
+  position: absolute;
+  right: 32rpx;
+  top: 32rpx;
+}
+.entity-gift-select {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 32rpx;
+  padding-bottom: 36rpx;
+  background: #fff;
+}
+.entity-gift-desc {
+  display: inline-flex;
+  align-items: center;
+  line-height: 40rpx;
+}
+.icon-zhixiang {
+  width: 32rpx;
+  height: 32rpx;
+}
+.icon-taocan {
+  margin-right: 24rpx;
+  color: #ff882d;
+  width: 74rpx;
+  height: 34rpx;
+}

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/components/ImageData/index.js

@@ -0,0 +1,69 @@
+// src/ConfirmOrder/components/GoodsInfo/components/ImageData/index.js
+const computedBehavior = require('miniprogram-computed').behavior
+const {utils} = require("live-mp-tools");
+
+Component({
+  behaviors: [computedBehavior],
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    src: {
+      type: String,
+    },
+    showCompress: {
+      type: Boolean,
+    },
+    draggable: {
+      type: Boolean,
+    },
+    ressWidth: {
+      type: String,
+      value: null,
+    },
+    compressHeight: {
+      type: String,
+      value: null,
+    },
+    compressWidth: {
+      type: String,
+      value: null,
+    },
+    compressType: {
+      type: String,
+      value: null,
+    },
+    compress: {
+      type: Number,
+      value: 100,
+    },
+    format: {
+      type: String,
+      value: null,
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+  computed: {
+    realSrc(data) {
+      // 腾讯云图片才会支持去压缩裁剪
+      if (data.src.indexOf("myqcloud") > 0 && data.showCompress) {
+        return utils.replaceCDN(data.src, `?imageView2/2/w/${data.compressWidth || 400}/h/${data.compressHeight || 400}/q/${data.compress || 100}`)
+      } else {
+        return data.src;
+      }
+    }
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/components/ImageData/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/components/ImageData/index.less

@@ -0,0 +1,14 @@
+.xiaoe-image__box {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+
+  .xiaoe-image {
+    display: block;
+    width: 100%;
+    height: 100%;
+    vertical-align: top;
+  }
+}

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/components/ImageData/index.wxml

@@ -0,0 +1,4 @@
+<!--src/ConfirmOrder/components/GoodsInfo/components/ImageData/index.wxml-->
+<view class="xiaoe-image__box">
+  <image class="xiaoe-image lazyImg" src="{{ realSrc }}"></image>
+</view>

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/components/ImageData/index.wxss

@@ -0,0 +1,13 @@
+.xiaoe-image__box {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+.xiaoe-image__box .xiaoe-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  vertical-align: top;
+}

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/filter.wxs

@@ -0,0 +1,7 @@
+var toPrice = function (value) {
+  return ((value || 0) / 100).toFixed(2)
+}
+
+module.exports = {
+  toPrice: toPrice
+}