npm - xiaoe_mp_npm - Versions diffs - 0.2.2-beta1 → 0.2.2-beta2 - Mend

xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (593) hide show

package/miniprogram_dist/Recommend/index.wxml ADDED Viewed

@@ -0,0 +1,29 @@
+<!-- /*
+ * @Descripttion:
+ * @version:
+ * @Author: conlinchen
+ * @Date: 2021-11-08 11:13:58
+ * @LastEditors: conlinchen
+ * @LastEditTime: 2021-11-08 11:18:38
+ */ -->
+<view>
+       <view class="recommend-block-wrapper" wx:if="{{ recommendList.length != 0 }}">
+            <p>精品课程</p>
+            <view wx:for="{{recommendList}}" wx:key="index" class="recommend-wrapper"  bindtap="handleItemClick" data-item="{{item}}">
+                <view  class="recommend-cover-wrapper">
+                    <text class="recommend-market-tag" wx:if="{{item.marketing_tag[0]}}">{{ item.marketing_tag[0] }}</text>
+                    <image src="{{item.img_url}}" class="recommend-cover-img" />
+                    <text class="recommend-cover-type EC10" wx:if="{{srcTypeMap[item.src_type]}}">{{ srcTypeMap[item.src_type] }}</text>
+                </view>
+                <view class="recommend-cover-base-wrapper">
+                    <text class="recommend-cover-base-title">{{ item.title }}</text>
+                    <view class="recommend-cover-base-price" wx:if="{{item.show_price}}"><text class="price">￥</text>{{ item.show_price }}</view>
+                </view>
+            </view>
+        </view>
+        <!-- <view wx:if="{{ recommendList.length == 0 }}" class="empty-recommend">
+            <image src="@/assets/images/aliveRecommend/details_no_recommend.png" />
+            <text>进入主页发现更多精品课程</text>
+        </view> -->
+   </view>

package/miniprogram_dist/Recommend/index.wxss ADDED Viewed

@@ -0,0 +1,110 @@
+.recommend-block-wrapper {
+  padding: 32rpx 0 24rpx;
+}
+.recommend-block-wrapper p {
+  font-size: 32rpx;
+  font-weight: 500;
+  color: #000000;
+  margin-left: 32rpx;
+  margin-bottom: 32rpx;
+  display: flex;
+  align-items: center;
+}
+.recommend-block-wrapper .recommend-wrapper {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 42rpx;
+  padding: 0 32rpx;
+  flex-shrink: 0;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper {
+  width: 240rpx;
+  height: 180rpx;
+  position: relative;
+  overflow: hidden;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper .recommend-market-tag {
+  position: absolute;
+  top: 24rpx;
+  left: -50rpx;
+  width: 180rpx;
+  height: 30rpx;
+  line-height: 30rpx;
+  text-align: center;
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  background: #ff002a;
+  color: #fff;
+  font-size: 20rpx;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper .recommend-cover-img {
+  width: 240rpx;
+  height: 180rpx;
+  border-radius: 8rpx;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-wrapper .recommend-cover-type {
+  font-size: 18rpx;
+  padding: 0 12rpx;
+  height: 32rpx;
+  background-color: rgba(51, 51, 51, 0.6);
+  color: #fff;
+  border-radius: 4rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  bottom: 10rpx;
+  right: 10rpx;
+  backdrop-filter: blur(24rpx);
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper {
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  margin-left: 24rpx;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper .recommend-cover-base-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-break: break-all;
+  opacity: 1;
+  color: #333333;
+  font-size: 28rpx;
+  font-weight: 500;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper .recommend-cover-base-price {
+  text-align: right;
+  color: #333333;
+  font-size: 28rpx;
+  font-weight: 500;
+}
+.recommend-block-wrapper .recommend-wrapper .recommend-cover-base-wrapper .recommend-cover-base-price .price {
+  opacity: 1;
+  color: #333333;
+  font-size: 24rpx;
+  font-weight: 500;
+}
+.empty-recommend {
+  text-align: center;
+  padding: 80rpx 0;
+}
+.empty-recommend img {
+  width: 176rpx;
+  height: 162rpx;
+}
+.empty-recommend span {
+  margin-top: 32rpx;
+  font-size: 24rpx;
+  color: #999999;
+  display: block;
+  text-align: center;
+}
+.recommend-useful-coupon-wrapper {
+  border-bottom: 2rpx solid #F5F6F9;
+  margin: 40rpx 32rpx 0 32rpx;
+  padding-bottom: 40rpx;
+}