nova-trip/components/diypage/diypage.wxml

<!-- nova-travel/page/page-view/page-view.wxml -->
<view class="page-view">
    <view class="diy-phone">
        <view class="phone-body">
            <view class="phone-main" style="background: {{background}}">
                <!-- 头部nav组件 -->
                <nav wx:if="{{titleName}}" type="{{titleType}}" background-color="{{activeColor ? activeColor : '#ffffff'}}" title="{{titleName}}" frontColor="{{activeColor? titleColor : '#000000'}}" />
                <block wx:for="{{blocks}}" wx:key="index">
                    <!-- 搜索框 -->
                    <diy-searchbar options="{{item}}" wx:if="{{item.type == 'searchbar'}}" />
                    <!-- 导航列表 -->
                    <diy-guidelist options="{{item}}" wx:if="{{item.type == 'guidelist'}}" />
                    <!-- 公告栏 -->
                    <diy-hotdotbar options="{{item}}" wx:if="{{item.type == 'hotdotbar'}}" />
                    <!-- 辅助线 -->
                    <diy-guideline options="{{item}}" wx:if="{{item.type == 'guideline'}}" />
                    <!-- 轮播组 -->
                    <diy-imgswiper options="{{item}}" wx:if="{{item.type == 'imgswiper'}}" />
                    <!-- 图标组 -->
                    <diy-icongroup options="{{item}}" wx:if="{{item.type == 'icongroup'}}" />
                    <!-- 单图组 -->
                    <diy-singleimg options="{{item}}" wx:if="{{item.type == 'singleimg'}}" />
                    <!-- 多图组 -->
                    <diy-multipleimg options="{{item}}" wx:if="{{item.type == 'multipleimg'}}" />
                    <!-- 视频组 -->
                    <diy-video options="{{item}}" wx:if="{{item.type == 'video'}}"></diy-video>
                    <!-- 商品组 -->
                    <diy-goodsgroup options="{{item}}" wx:if="{{item.type == 'goodsgroup'}}" />
                    <!-- 商品组 -->
                    <diy-lessongroup options="{{item}}" wx:if="{{item.type == 'lessongroup'}}" />
                    <!-- 优惠券组 -->
                    <diy-coupon options="{{item}}" wx:if="{{item.type == 'coupons'}}"></diy-coupon>
                    <!-- 辅助线 -->
                    <diy-guideline options="{{item}}" wx:if="{{item.type == 'guideline'}}" />
                    <!-- 文章组 -->
                    <diy-content options="{{item}}" wx:if="{{item.type == 'article'}}"></diy-content>
                    <!-- 拼团 -->
                    <diy-group options="{{item}}" wx:if="{{item.type == 'spellgroup'}}"></diy-group>
                    <!-- 我的/个人页面 -->
                    <diy-my options="{{item}}" active="{{item.active ? item.active : 1}}" wx:if="{{item.type == 'myTemplate'}}" />
                    <!-- 商品分类 -->
                    <diy-classify options="{{item}}" bgColor="{{activeColor?activeColor:''}}" wx:if="{{item.type == 'classify'}}" />
                    <!-- 人物介绍 -->
                    <diy-intro options="{{item}}" wx:if="{{item.type == 'intro'}}" />
                    <!-- 门店组 -->
                    <diy-store options="{{item}}" wx:if="{{item.type == 'store'}}"></diy-store>
                    <!-- 秒杀 -->
                    <diy-seckill options="{{item}}" wx:if="{{item.type == 'seckill'}}"></diy-seckill>
                    <!-- 各人信息 -->
                    <diy-personal options="{{item}}" wx:if="{{item.type == 'personal'}}"></diy-personal>
                    <!-- 我的功能 -->
                    <diy-myfunction options="{{item}}" wx:if="{{item.type == 'myfunction'}}"></diy-myfunction>
                    <!-- 个人账户 -->
                    <diy-account options="{{item}}" wx:if="{{item.type == 'account'}}"></diy-account>
                    <!-- 个人账户 -->
                    <diy-richtext options="{{item}}" wx:if="{{item.type == 'richtext'}}"></diy-richtext>
                    <!-- 商家信息 -->
                    <block wx:if="{{item.type == 'shopStore'}}">
                        <view wx:for="{{item.data}}" wx:for-item="shopInfo" wx:key="index" style="border-radius:{{item.style.borderRadius}}rpx;background-color: {{item.style.backgroundColor}};margin:{{item.style.margin.top}}rpx {{item.style.margin.right}}rpx {{item.style.margin.bottom}}rpx {{item.style.margin.left}}rpx; padding:{{item.style.padding.top}}rpx {{item.style.padding.right}}rpx {{item.style.padding.bottom}}rpx {{item.style.padding.left}}rpx;" bindtap="toStoreDetail" data-item="{{shopInfo}}">
                            <view style="display: flex; height: {{item.style.height}}rpx; width:100%;align-items: center; margin-right: 10px; padding: 10px;">
                                <image wx:if="{{shopInfo.image}}" src="{{shopInfo.image}}" style="width: 100%; height: 200rpx; margin-right: 20rpx; border-radius: 20rpx;" />
                                <image wx:else src="../../images/shop.jpg" style="width: 200rpx; height: 200rpx; margin-right: 20rpx; border-radius: 20rpx;" />
                                <view>
                                    <view style="font-size: {{item.style.shopNameStyle.fontSize}}rpx;color:{{item.style.shopNameStyle.color}};">
                                        {{shopInfo.storeName ? shopInfo.storeName : '店铺名称' }}
                                    </view>
                                    <view style="font-size: {{item.style.shopAddressStyle.fontSize}}rpx;color:{{item.style.shopAddressStyle.color}};">
                                        {{shopInfo.address ? shopInfo.address : '店铺地址' }}
                                    </view>
                                    <view style="font-size: {{item.style.shopTypeStyle.fontSize}}rpx;color:{{item.style.shopTypeStyle.color}};">
                                        {{shopInfo.type ? shopInfo.type : '店铺类型' }}
                                    </view>
                                    <view style="font-size: {{item.style.shopPhoneStyle.fontSize}}rpx;color:{{item.style.shopPhoneStyle.color}};">
                                        {{shopInfo.phone ? shopInfo.phone : '联系电话' }}
                                    </view>
                                </view>
                            </view>
                        </view>
                    </block>
                    <!-- 课程组 -->
                    <block wx:if="{{item.type == 'lesson'}}">
                        <view style="background-color:{{item.style.backgroundColor}};border-radius:{{item.style.borderRadius}}rpx;overflow-y:auto;box-sizing:border-box;">
                            <!-- 一栏 -->
                            <view wx:if="{{item.column == 'one'}}" class="fui-goods-group block">
                                <view class="fui-goods-item-one" wx:for="{{item.data.list}}" wx:for-item="lesson" wx:key="index" style="height:200rpx;border-radius:{{item.style.shopBox.shopBorderRadius}}rpx;box-sizing: border-box; padding: 0;margin-bottom:20rpx;">
                                    <image class="image" src="{{lesson.image ? lesson.image : '/nova-travel/images/goods-1.jpg' }}" mode="aspectFit" style="border-radius:{{item.style.shopBox.shopBorderRadius}}rpx;height:100%;" />
                                    <view class="tag">{{item.style.dataText}}</view>
                                    <view class="detail" style="padding: 10px;box-sizing:border-box;">
                                        <view class="name" style="color: {{item.style.nameColor}}" wx:if="{{item.showName}}">
                                            {{lesson.name}}
                                        </view>
                                        <view style="color: {{item.style.nameColor}}" wx:if="{{item.showName}}">
                                            {{lesson.teacherName}}
                                        </view>
                                        <view style="height:18px;">
                                            <text style="color:{{item.style.originalPriceColor}};" wx:if="{{item.showOriginalPrice}}">
                                                原价：￥{{ lesson.originalPrice }}
                                            </text>
                                        </view>
                                        <!-- <view class="productprice noheight"></view> -->
                                        <view class="price">
                                            <view class="text" style="color: {{item.style.priceColor}}" wx:if="{{item.showPrice}}">
                                                <text class="minprice">￥{{ lesson.price }}</text>
                                            </view>
                                            <text class="buy" style="width:40px;border-radius:20px;text-align:center;color:{{item.style.buttonTextColor}};background-color:{{item.style.buttonBackground}};">
                                                购买
                                            </text>
                                        </view>
                                    </view>
                                </view>
                            </view>
                            <!-- 两栏 -->
                            <view wx:if="{{item.column == 'two'}}" class="fui-goods-group block">
                                <view class="fui-goods-item" wx:for="{{item.data.list}}" wx:for-item="lesson" wx:key="index" style="height:{{item.style.shopBox.height}}rpx;border-radius:{{item.style.shopBox.shopBorderRadius}}rpx;box-sizing: border-box; padding: 0;">
                                    <image class="image" src="{{lesson.image ? lesson.image : '/nova-travel/images/goods-1.jpg' }}" mode="scaleToFill" style="border-radius:{{item.style.shopBox.shopBorderRadius}}rpx;" />
                                    <view class="tag">{{item.style.dataText}}</view>
                                    <view class="detail">
                                        <view class="name" style="color: {{item.style.nameColor}}" wx:if="{{item.showName}}">
                                            {{lesson.name}}
                                        </view>
                                        <view style="color: {{item.style.nameColor}}" wx:if="{{item.showName}}">
                                            {{lesson.teacherName}}
                                        </view>
                                        <view style="height:18px;">
                                            <text style="color:{{item.style.originalPriceColor}};" wx:if="{{item.showOriginalPrice}}">
                                                原价：￥{{ lesson.originalPrice }}
                                            </text>
                                        </view>
                                        <!-- <view class="productprice noheight"></view> -->
                                        <view class="price">
                                            <view class="text" style="color: {{item.style.priceColor}}" wx:if="{{item.showPrice}}">
                                                <text class="minprice">￥{{ lesson.price }}</text>
                                            </view>
                                            <text class="buy" style="width:40px;border-radius:20px;text-align:center;color:{{item.style.buttonTextColor}};background-color:{{item.style.buttonBackground}};">
                                                购买
                                            </text>
                                        </view>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </block>
                </block>
            </view>
        </view>
    </view>
</view>