pbf-wxapp/components/diy-lessongroup/lessongroup.wxml

<!-- 课程组 -->
<view class="fui-lesson-group block" style="margin:{{style.areaMargin.top*2}}rpx {{style.areaMargin.right*2}}rpx {{style.areaMargin.bottom*2}}rpx {{style.areaMargin.left*2}}rpx;background-color: {{style.areaBackground}};">
        <!-- 两列 -->
        <block wx:if="{{column == 'two'}}" >
          <block  wx:for="{{list}}" wx:for-item="item" wx:key="index">
            <view class="fui-lesson-item lesson-two"   bindtap="goNovaURL" data-id="{{item.objectId}}" data-url="{{item.url}}" 
              style="width: {{style.width}}%;height: {{style.height*2}}rpx;margin: {{style.margin.top*2}}rpx {{style.margin.right*2}}rpx {{style.margin.bottom*2}}rpx {{style.margin.left*2}}rpx;padding: {{style.padding.top*2}}rpx {{style.padding.right*2}}rpx {{style.padding.bottom*2}}rpx {{style.padding.left*2}}rpx;background-color: {{style.background}};border-radius: {{style.borderRadius*2}}rpx;">
              <view class="lesson_image">
                  <image class="image" src="{{item.image || 'https://img01.yzcdn.cn/vant/empty-image-default.png'}}" alt=""  mode="scaleToFill"
                   style="width: {{style.imgWidth*2}}rpx;height: {{style.imgHeight*2}}rpx;margin-right: {{style.imgmarginRight*2}}rpx;border-radius: {{style.imgborderRadius*2}}rpx;"/>
              </view>
              <view class="info" style="width: {{style.lessoninfoWidth*2}}rpx">
                <view class="name" style="color: {{style.nameColor}};font-size: {{style.namefontSize*2}}rpx;font-weight: {{style.namefontWeight}};margin-bottom: {{style.namemarginBottom*2}}rpx;">
                  {{ item.title }}
                </view>
                <view class="teacher" wx:if="{{block.showTeacher == 'true'}}" 
                  style="color: {{style.teachernameColor}};font-size: {{style.teacherfontSize*2}}rpx;font-weight: {{style.teacherfontWeight}};">
                  {{ item.teacher }}
                </view>
                <view class="desc" wx:if="{{block.showDesc == 'true'}}" style="color: {{style.descColor}};font-size: {{style.descfontSize*2}}rpx;margin-bottom: {{style.descmarginBottom*2}}rpx;">
                  {{ item.desc }}
                </view>
                <view class="tags" style="{'margin-bottom': style.tagmarginBottom   rpx}">
                  <block wx:if="{{item.tag && item.tag.length > 0}}">
                    <block wx:for="{{item.tag}}" wx:for-item="tag" wx:key="index">
                      <view class="tag" style="background:{{style.tagColor}}">{{tag}}</view>
                    </block>
                  </block>
                </view>
                <view class="buy_group">
                  <view class="price" wx:if="{{block.showPrice == 'true'}}" style="color: {{style.priceColor}};">
                    ￥{{ item.price }}
                    <view wx:if="{{block.showOriginalPrice == 'true'}}" style=" color: {{style.opriceColor}};">￥{{
                      item.originalPrice }}</view>
                  </view>
                  <view class="btn" wx:if="{{block.showButton == 'true'}}" bindtap="goNovaURL" data-id="{{item.objectId}}" data-url="{{item.url}}"
                    style="width: {{style.buttonWidth*2}}rpx;height: {{style.buttonHeight*2}}rpx;line-height: {{style.buttonHeight*2}}rpx;font-size: {{style.buttonfontSize*2}}rpx;color: {{style.buttonColor}};background-color: {{style.buttonBackground}};border-radius: {{style.buttonborderRadius*2}}rpx;">
                    {{style.buttonText}}
                  </view>
                </view>
              </view>
            </view>
          </block>
        </block>
        <!-- 一列 -->
        <block wx:if="{{column == 'one'}}">
          <block wx:for="{{list}}" wx:for-item="item" wx:key="index">
            <view class="fui-lesson-item lesson-one" bindtap="goNovaURL" data-id="{{item.objectId}}" data-url="{{item.url}}"
              style="width: {{style.width}}%;height: {{style.height*2}}rpx;margin: {{style.margin.top*2}}rpx {{style.margin.right*2}}rpx {{style.margin.bottom*2}}rpx {{style.margin.left*2}}rpx;padding: {{style.padding.top*2}}rpx {{style.padding.right*2}}rpx {{style.padding.bottom*2}}rpx {{style.padding.left*2}}rpx;background-color: {{style.background}};border-radius: {{style.borderRadius*2}}rpx;">
              <view class="lesson_image">
                  <image class="image" src="{{item.image || 'https://img01.yzcdn.cn/vant/empty-image-default.png'}}" alt=""  mode="scaleToFill"
                   style="width: {{style.imgWidth*2}}rpx;height: {{style.imgHeight*2}}rpx;margin-right: {{style.imgmarginRight*2}}rpx;border-radius: {{style.imgborderRadius*2}}rpx;"/>
              </view>
              
              <view class="info" style="width: {{style.lessoninfoWidth*2}}rpx">
                <view class="name" style="color: {{style.nameColor}};font-size: {{style.namefontSize*2}}rpx;font-weight: {{style.namefontWeight}};margin-bottom: {{style.namemarginBottom}}rpx;">
                  {{ item.title }}
                </view>
                <view class="teacher" wx:if="{{block.showTeacher == 'true'}}" style="color: {{style.teachernameColor}};font-size: {{style.teacherfontSize*2}}rpx;font-weight: {{style.teacherfontWeight}};">{{ item.teacher }}</view>
                <view class="desc" wx:if="{{block.showDesc == 'true'}}" style="color: {{style.descColor}};font-size: {{style.descfontSize*2}}rpx;margin-bottom: {{style.descmarginBottom}};">{{ item.desc }}</view>
                <view class="tags" style="{'margin-bottom': style.tagmarginBottom   rpx}">
                  <block wx:if="{{item.tag && item.tag.length > 0}}">
                    <block wx:for="{{item.tag}}" wx:for-item="tag" wx:key="index">
                      <view class="tag" style="background:{{style.tagColor}}">{{tag}}</view>
                    </block>
                  </block>
                </view>
                <view class="buy_group">
                  <view class="price" wx:if="{{block.showPrice == 'true'}}" style="color: {{style.priceColor}};">￥{{ item.price }}
                    <view wx:if="{{block.showOriginalPrice == 'true'}}" style="color: {{style.opriceColor}};" >￥{{item.originalPrice }}</view>
                  </view>
                  <view class="btn" wx:if="{{block.showButton == 'true'}}" bindtap="goNovaURL" data-id="{{item.objectId}}" data-url="{{item.url}}"
                    style="width: {{style.buttonWidth*2}}rpx;height: {{style.buttonHeight*2}}rpx;line-height: {{style.buttonHeight*2}}rpx;font-size: {{style.buttonfontSize*2}}rpx;color: {{style.buttonColor}};background-color: {{style.buttonBackground}};border-radius: {{style.buttonborderRadius*2}}rpx;">{{style.buttonText}}</view>
                </view>
              </view>
            </view>
          </block>

        </block>
      </view>