xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/GoodsItem/index.less

@@ -0,0 +1,249 @@
+@import "../common/css/theme.wxss";
+
+  .goods-explaining {
+    position: absolute;
+    width: 240rpx;
+    height: 36rpx;
+    bottom: 0rpx;
+    left: 0rpx;
+}
+  .goods-item {
+    display: flex;
+    min-height: 180rpx;
+    background: #ffffff;
+    margin: 20rpx 40rpx 0 40rpx;
+    border-radius: 16rpx;
+    padding: 16rpx;
+    flex-direction: column;
+
+    .main-card{
+      display: flex;
+      flex-direction: row;
+      .left {
+        position: relative;
+        height: 180rpx;
+        .goods-img {
+          width: 240rpx;
+          border-radius: 16rpx;
+          height: 180rpx;
+          background: rgba(0,0,0,0.04);
+        }
+        .index {
+          border-radius: 16rpx 0 24rpx 0;
+          position: absolute;
+          left: 0;
+          display: inline-block;
+          text-align: center;
+          width: 48rpx;
+          height: 40rpx;
+          line-height: 35rpx;
+          font-size: 24rpx;
+          background: rgba(0,0,0,0.25);
+          color: #FFFFFF;
+          backdrop-filter: blur(24rpx);
+        }
+        .goods-type {
+          position: absolute;
+          right: calc(100% - 230rpx);
+          bottom: 8rpx;
+          padding: 8rpx 10rpx;
+          background: rgba(0,0,0,0.25);
+          border-radius: 8rpx;
+          color: #fff;
+          font-size: 20rpx;
+          width: fit-content;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          height: 20rpx;
+          backdrop-filter: blur(24rpx);
+        }
+      }
+      .right {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        margin-left: 16rpx;
+        height: 180rpx;
+        width: calc(100% - 256rpx);
+        .line-one {
+          display: flex;
+          align-items: center;
+          height: 36rpx;
+          .activity-type {
+            background-color: #FFF3EB;
+            color: #FF781F;
+            padding: 0rpx 8rpx;
+            font-size: 20rpx;
+            height: 32rpx;
+            line-height: 36rpx;
+            flex-shrink: 0;
+            margin-right: 8rpx;
+            border-radius: 4rpx;
+            display: flex;
+            width: max-content;
+            align-items: center;
+          }
+          .super-activity-type{
+            background: linear-gradient(180.25deg, rgba(51,51,51,1) 0%, rgba(81.6,81.6,81.6,1) 68%, rgba(51,51,51,1) 100%);
+            color: rgba(255,120,31,1);
+            padding: 4rpx 8rpx;
+            font-size: 20rpx;
+            height: 32rpx;
+            width: max-content;
+            line-height: 36rpx;
+            flex-shrink: 0;
+            margin-right: 8rpx;
+            border-radius: 4rpx;
+            display: flex;
+            align-items: center;
+            .super-activity-txt{
+              background: linear-gradient(to right, #FFE4AD, #FFC266);
+              -webkit-background-clip: text;
+              color: transparent;
+            }
+          }
+          .goods-title {
+            font-size: 28rpx;
+            color: #333333;
+            word-break: break-all;
+            display: inline-block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            display: inline-block;
+            vertical-align: middle;
+            line-height: 36rpx;
+            font-weight: 500;
+          }
+        }
+        .sec-kill {
+          color: #FF781F;
+          font-size: 20rpx;
+          line-height: 32rpx;
+          margin: 8rpx 0;
+        }
+        .left-stock {
+          color: #999999;
+          font-size: 20rpx;
+          height: 24rpx;
+          display: flex;
+          align-items: center;
+          .split{
+            display: inline-block;
+            border-left: 1px solid #999999;
+            width: 2rpx;
+            height: 24rpx;
+            margin: 0 12rpx;
+          }
+        }
+        .line-three {
+          display: flex;
+          justify-content: space-between;
+          align-items: flex-end;
+          .price {
+            position: relative;
+            min-height: 40rpx;
+            font-weight: 500;
+            .price-flow{
+              color: #FF5429;
+              font-size: 24rpx;
+            }
+            .price-show {
+              color: #FF5429;
+              font-size: 36rpx;
+            }
+            .price-line {
+              font-size: 20rpx;
+              text-decoration: line-through;
+              color: #999999;
+              margin-left: 8rpx;
+            }
+          }
+          .buy-btn {
+            font-size: 24rpx;
+            border-radius: 40rpx;
+            width: 160rpx;
+            height: 56rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            line-height: 56rpx;
+            font-weight: 500;
+            background-color: red;
+          }
+          .no-stock-btn{
+            font-size: 24rpx;
+            border-radius: 40rpx;
+            width: 160rpx;
+            height: 56rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            line-height: 56rpx;
+            font-weight: 500;
+            background-color: #bbb;
+            opacity: 40%;
+          }
+          .see-btn {
+            font-size: 24rpx;
+            border-radius: 40rpx;
+            width: 160rpx;
+            height: 56rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            line-height: 56rpx;
+            font-weight: 500;
+            background-color: red;
+            margin-left: inherit;
+            margin-right: inherit;
+          }
+          .buy-btn-preferential{
+            font-size: 24rpx;
+            border-radius: 40rpx;
+            padding: 0 10rpx;
+            min-width: 160rpx;
+            height: 68rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            flex-flow: column;
+            line-height: 32rpx;
+            background-color: red;
+            .go-buy{
+              font-size: 24rpx;
+              font-weight: 500;
+            }
+            .preferential-flow{
+              color: rgba(255,255,255,1);
+              font-size: 20rpx;
+            }
+            .preferential-show{
+              font-size: 28rpx;
+              color: rgba(255,255,255,1);
+            }
+          }
+        }
+      }
+    }
+  }
+  .teacher-switch{
+    height: 32rpx;
+    background: #fff;
+    display: flex;
+    margin-top: 16rpx;
+    .switch-txt{
+      opacity: 1;
+      color: rgba(51,51,51,1);
+      font-size: 24rpx;
+      font-weight: 400;
+      font-family: "PingFang SC";
+      margin-left: 16rpx;
+    }
+  }

package/miniprogram_dist/GoodsItem/index.wxml

@@ -0,0 +1,90 @@
+
+<!-- 
+  /*
+  * @Descripttion: 
+  * @version: 
+  * @Author: conlinchen
+  * @Date: 2021-10-28 18:17:48
+ * @LastEditors: conlinchen
+ * @LastEditTime: 2021-11-18 19:37:24
+  */
+ -->
+<view class="goods-item" bindtap="cardToDetails">
+      <view class="main-card">
+        <view class="left">
+          <image  alt=""
+                class="goods-img"
+                mode="aspectFit"
+                src="{{filterSrc}}" />
+          <text class="index">{{index + 1}}</text>
+          <text class="goods-type">{{goodsItem.resource_type_name}}</text>
+          <image wx:if="{{ isShowExamplaining }}" class="goods-explaining" src="../../common/assets/images/liveGoodsList/explaining.png" />
+        </view>
+        <view class="right">
+          <view class="line-one">
+            <view class="activity-type" wx:if="{{goodsItem.is_activity && !isSupperVip && currentActive}}">{{currentActive}}</view>
+            <view class="super-activity-type" wx:if="{{isSupperVip}}"><text class="super-activity-txt">{{currentActive}}</text></view>
+            <text class="goods-title">{{goodsItem.title}}</text>
+          </view>
+          <view class="sec-kill">{{secText || goodsItem.goods_desc}}</view>
+          <view class="left-stock" wx:if="{{ isStudent && goodsItem.hasStock || hasSaleNum}}">
+            <text wx:if="{{goodsItem.hasStock}}">还剩 {{ goodsItem.leftStock }}</text>
+            <view class="split" wx:if="{{goodsItem.hasStock && hasSaleNum}}"></view>
+            <text wx:if="{{hasSaleNum}}">{{ saleNum }}</text>
+          </view>
+          <view class="line-three">
+            <view class="price">
+                <!--IOS小程序端不能买得商品不显示价格-->
+                <view wx:if="{{showPrice}}"> 
+                    <text class="price-flow">¥</text>
+                    <text class="price-show">{{ goodsItem.priceShowInt }}</text>
+                    <text class="price-flow" wx:if="{{ goodsItem.priceShowFlow !== '00'}}">.{{ goodsItem.priceShowFlow }}</text>
+                    <text class="price-line" wx:if="{{ showPriceLine }}">
+                      <text>¥{{ goodsItem.priceLineShowInt }}</text>
+                      <text wx:if="{{ goodsItem.priceLineShowFlow !== '00'}}">.{{ goodsItem.priceLineShowFlow }}</text>
+                    </text>
+                </view>
+            </view>
+
+            <!-- 购买按钮 start -->
+            <block wx:if="{{isStudent}}">
+            <!-- IOS虚拟商品 -->
+                <button
+                  class="see-btn theme-customize-bg"
+                  open-type="contact"
+                  catchtap="handleContact"
+                  show-message-card="{{true}}"
+                  send-message-img="{{goodsItem.img_url}}"
+                  send-message-title="{{goodsItem.title}}"
+                  wx:if="{{btnTxt === '去查看'}}"
+                  send-message-path="{{params_url}}">
+                  {{ btnTxt }}
+                </button>
+                <!-- 库存为0的情况 -->
+                <view class="no-stock-btn theme-customize-bg" wx:if="{{ btnTxt === '抢光了' }}" catchtap="()=>{}">{{ btnTxt }}</view>
+                <!-- 正常情况 -->
+                <view class="buy-btn theme-customize-bg" catchtap="snapUpCheck" wx:if="{{ btnTxt === '去抢购' }}">{{ btnTxt }}</view>
+                <!-- 0元商品/超级会员免费/券后价、领券接口熔断的情况 -->
+                <view class="buy-btn theme-customize-bg" catchtap="judgePermission" wx:if="{{  btnTxt === '免费领取' || btnTxt === '查看详情' }}">{{ btnTxt }}</view>
+                <!-- 券后价 -->
+                <view class="buy-btn-preferential theme-customize-bg" catchtap="snapUpCheck" wx:if="{{ btnTxt === '券后'}}">
+                  <text class="go-buy">去抢购</text>
+                  <text><text class="preferential-flow">券后 ¥</text><text class="preferential-show">{{ goodsItem.preferentialShowInt }}</text><text class="preferential-flow" wx:if="{{ goodsItem.preferentialShowFlow !== '00'}}">.{{ goodsItem.preferentialShowFlow }}</text></text>
+                </view>
+            </block>
+            <block wx:else>
+              <view class="buy-btn theme-customize-bg" catchtap="sendGoodsCard">发送</view>
+            </block>
+              <!-- 购买按钮 end -->
+          </view>
+        </view>
+        </view>
+        <view class="teacher-switch" wx:if="{{!isStudent && goodsItem.teacher_auth == 2}}" catchtap="stopEvent">
+          <van-switch checked="{{checked}}" bind:change="changeShowType" loading="{{switchLoading}}" size="28rpx"/>
+          <text class="switch-txt">学员端展示商品</text>
+        </view>
+</view>
+
+
+
+

package/miniprogram_dist/GoodsItem/index.wxss

@@ -0,0 +1,261 @@
+/* 主题色 */
+.theme-customize-bg {
+  background-color: #1472FF !important;
+}
+.theme-customize-border {
+  border-color: #1472FF !important;
+}
+.theme-customize-font {
+  color: #1472FF !important;
+}
+.theme-customize-light-new {
+  background-color: #9db8f1 !important;
+}
+.theme-customize-bg-light {
+  background-color: #9db8f1 !important;
+}
+.goods-explaining {
+  position: absolute;
+  width: 240rpx;
+  height: 36rpx;
+  bottom: 0rpx;
+  left: 0rpx;
+}
+.goods-item {
+  display: flex;
+  min-height: 180rpx;
+  background: #ffffff;
+  margin: 20rpx 40rpx 0 40rpx;
+  border-radius: 16rpx;
+  padding: 16rpx;
+  flex-direction: column;
+}
+.goods-item .main-card {
+  display: flex;
+  flex-direction: row;
+}
+.goods-item .main-card .left {
+  position: relative;
+  height: 180rpx;
+}
+.goods-item .main-card .left .goods-img {
+  width: 240rpx;
+  border-radius: 16rpx;
+  height: 180rpx;
+  background: rgba(0, 0, 0, 0.04);
+}
+.goods-item .main-card .left .index {
+  border-radius: 16rpx 0 24rpx 0;
+  position: absolute;
+  left: 0;
+  display: inline-block;
+  text-align: center;
+  width: 48rpx;
+  height: 40rpx;
+  line-height: 35rpx;
+  font-size: 24rpx;
+  background: rgba(0, 0, 0, 0.25);
+  color: #FFFFFF;
+  backdrop-filter: blur(24rpx);
+}
+.goods-item .main-card .left .goods-type {
+  position: absolute;
+  right: calc(100% - 230rpx);
+  bottom: 8rpx;
+  padding: 8rpx 10rpx;
+  background: rgba(0, 0, 0, 0.25);
+  border-radius: 8rpx;
+  color: #fff;
+  font-size: 20rpx;
+  width: fit-content;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 20rpx;
+  backdrop-filter: blur(24rpx);
+}
+.goods-item .main-card .right {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin-left: 16rpx;
+  height: 180rpx;
+  width: calc(100% - 256rpx);
+}
+.goods-item .main-card .right .line-one {
+  display: flex;
+  align-items: center;
+  height: 36rpx;
+}
+.goods-item .main-card .right .line-one .activity-type {
+  background-color: #FFF3EB;
+  color: #FF781F;
+  padding: 0rpx 8rpx;
+  font-size: 20rpx;
+  height: 32rpx;
+  line-height: 36rpx;
+  flex-shrink: 0;
+  margin-right: 8rpx;
+  border-radius: 4rpx;
+  display: flex;
+  width: max-content;
+  align-items: center;
+}
+.goods-item .main-card .right .line-one .super-activity-type {
+  background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
+  color: #ff781f;
+  padding: 4rpx 8rpx;
+  font-size: 20rpx;
+  height: 32rpx;
+  width: max-content;
+  line-height: 36rpx;
+  flex-shrink: 0;
+  margin-right: 8rpx;
+  border-radius: 4rpx;
+  display: flex;
+  align-items: center;
+}
+.goods-item .main-card .right .line-one .super-activity-type .super-activity-txt {
+  background: linear-gradient(to right, #FFE4AD, #FFC266);
+  -webkit-background-clip: text;
+  color: transparent;
+}
+.goods-item .main-card .right .line-one .goods-title {
+  font-size: 28rpx;
+  color: #333333;
+  word-break: break-all;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 36rpx;
+  font-weight: 500;
+}
+.goods-item .main-card .right .sec-kill {
+  color: #FF781F;
+  font-size: 20rpx;
+  line-height: 32rpx;
+  margin: 8rpx 0;
+}
+.goods-item .main-card .right .left-stock {
+  color: #999999;
+  font-size: 20rpx;
+  height: 24rpx;
+  display: flex;
+  align-items: center;
+}
+.goods-item .main-card .right .left-stock .split {
+  display: inline-block;
+  border-left: 1px solid #999999;
+  width: 2rpx;
+  height: 24rpx;
+  margin: 0 12rpx;
+}
+.goods-item .main-card .right .line-three {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+}
+.goods-item .main-card .right .line-three .price {
+  position: relative;
+  min-height: 40rpx;
+  font-weight: 500;
+}
+.goods-item .main-card .right .line-three .price .price-flow {
+  color: #FF5429;
+  font-size: 24rpx;
+}
+.goods-item .main-card .right .line-three .price .price-show {
+  color: #FF5429;
+  font-size: 36rpx;
+}
+.goods-item .main-card .right .line-three .price .price-line {
+  font-size: 20rpx;
+  text-decoration: line-through;
+  color: #999999;
+  margin-left: 8rpx;
+}
+.goods-item .main-card .right .line-three .buy-btn {
+  font-size: 24rpx;
+  border-radius: 40rpx;
+  width: 160rpx;
+  height: 56rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  line-height: 56rpx;
+  font-weight: 500;
+  background-color: red;
+}
+.goods-item .main-card .right .line-three .no-stock-btn {
+  font-size: 24rpx;
+  border-radius: 40rpx;
+  width: 160rpx;
+  height: 56rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  line-height: 56rpx;
+  font-weight: 500;
+  background-color: #bbb;
+  opacity: 40%;
+}
+.goods-item .main-card .right .line-three .see-btn {
+  font-size: 24rpx;
+  border-radius: 40rpx;
+  width: 160rpx;
+  height: 56rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  line-height: 56rpx;
+  font-weight: 500;
+  background-color: red;
+  margin-left: inherit;
+  margin-right: inherit;
+}
+.goods-item .main-card .right .line-three .buy-btn-preferential {
+  font-size: 24rpx;
+  border-radius: 40rpx;
+  padding: 0 10rpx;
+  min-width: 160rpx;
+  height: 68rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  flex-flow: column;
+  line-height: 32rpx;
+  background-color: red;
+}
+.goods-item .main-card .right .line-three .buy-btn-preferential .go-buy {
+  font-size: 24rpx;
+  font-weight: 500;
+}
+.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow {
+  color: #ffffff;
+  font-size: 20rpx;
+}
+.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show {
+  font-size: 28rpx;
+  color: #ffffff;
+}
+.teacher-switch {
+  height: 32rpx;
+  background: #fff;
+  display: flex;
+  margin-top: 16rpx;
+}
+.teacher-switch .switch-txt {
+  opacity: 1;
+  color: #333333;
+  font-size: 24rpx;
+  font-weight: 400;
+  font-family: "PingFang SC";
+  margin-left: 16rpx;
+}

package/miniprogram_dist/LiveGoodsList/Header/index.js

@@ -0,0 +1,36 @@
+/*
+ * @Descripttion: 
+ * @version: 
+ * @Author: conlinchen
+ * @Date: 2021-10-29 16:35:58
+ * @LastEditors: conlinchen
+ * @LastEditTime: 2021-11-01 18:34:08
+ */
+// src/LiveGoodsList/Components/Header/index.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    closePop(){
+      this.triggerEvent('closePop')
+    },
+    gotoPayRecords(){
+      this.triggerEvent('gotoPayRecords')
+    }
+  }
+})

package/miniprogram_dist/LiveGoodsList/Header/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "@vant/weapp/icon/index"
+  }
+}

package/miniprogram_dist/LiveGoodsList/Header/index.less

@@ -0,0 +1,45 @@
+.popup-header{
+  padding: 20rpx 32rpx;
+  height: 76rpx;
+  top: auto;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .head-right-txt {
+    display: inline-block;
+    text-align: right;
+    min-width: 104rpx;
+    font-size: 40rpx;
+  }
+  .popup-header-title{
+    color: rgba(51,51,51,1);
+    font-size: 16px;
+    font-weight: 500;
+    font-family: "PingFang SC";
+  }
+  .van-action-sheet__left {
+    color: #c8c9cc;
+    font-size: 22px;
+    line-height: inherit;
+    display: flex;
+    align-items: center;
+    min-width: 104rpx;
+
+  .order-icon {
+    display: inline-block;
+    width: 40rpx;
+    height: 40rpx;
+    -moz-background-size: 100% 100%;
+    background-size: 100% 100%;
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANHSURBVHgB7ZzPcdpQEId/yAwXH0IJdBCoINCBXYHlYRAcSQekAnPk34yVCuxUYDowJagEc4ADM0D2xTplkvDEaldE3m+GEYeHkD6e3q7eWwQYhvEfU4ESg8GgcTweh/T2E2RZVyqV8WQySaCAisBer9ekzQudWB06vNGP1ZnP5ysIE0ABEveoKM9RD4LgAQqoCCSaUIZ6YBsKaAksLWePgRQU2vQr38AjKFC7EAVAw0bs0WxNx7eczWbPOIPMAl1AoAN7orcNlIuERN5mDTyZBLpedzgcXpATrodMp9N7MIiiKKbNHXKCgk+HUqCld3vfhi6PI3mPKDl0jk9hGHpnDN4C9/u9S4IbKD/1Wq029G1c9W1Il9sX5IxLNfr9PqtX0z5yPy68Dwkjn4beAiGTyzWKitAnaPg2zCLwj/gEAhrojygASk3+GSTzCECWSDNREUiX6Rv0SaCA1mTCN+jzHQqoCKSxaEwbJzGBPAm9vtJ3jqAAO4j4kp7QCCXDgggTE8jEBDIxgUxMIBMTyMQEMjGBTEwgE/E7kbQq4YHuh9vQZUXrG7fSJR6iPdCto+C9pKMNfZq0vvGaHoMYogLdOopyScfv1NO1HDFEBRYs7xd0GYtWg0kHEfHqqFO4qgMIIipwt9vFKFbiiqbRRCdWRaNwHMduKr9FkTikS0li+fGvUABZXV9fi89Kq0yozufzmDYxSogl0kxMIBMTyMQEMjGBTMSj8HA4rG82mztKY3IpTkrLcVUWzX0QF7jdbl/pls5VYSEnwiiKhpSkd9I8s1BEL2GXQEOmKLNZq9VCXADSkwltCEH7/owLQFSgZFUW3aqtcQGICry6uhpLSHT7dPvGBSAq0E2n04m26HJbIifS6amO1r8xTyEehdMT7aCkWCLNxAQyMYFMTCATE8jEBDIxgUxMIBMTyMQEMjGBTEwgExPIxAQyMYFMTCATE8jEBDIxgUzYayLuuS9RFIX4oGTpgQk+Dt513VkEXkxBjwI/fBt6C9ztduOCnv+iTRIEQezb2Fugq4RyDyhEiXEd5HA43GdZtM8UhReLxZK+pIVyjocJvTruHDN85vxnqHa73ZtqtdqG/IO1pVnv9/vnrOIMwygFPwHK0g4OEWNPBgAAAABJRU5ErkJggg==");
+  }
+  .head-left-txt {
+    opacity: 1;
+    color: #666666;
+    font-size: 14px;
+    font-weight: 500;
+    font-family: "PingFang SC";
+    margin-left: 8rpx;
+  }
+}
+}