Traffic-widget/miniprogram/pages/video/components/musicList/index.wxml

<view wx:if="{{show}}" class="operate-panel-bg {{ showOperatePanel==true ?  'show-panel-anim':'hide-panel-anim'}}"
    style="background-color:{{settings.editor.operatePanel.backgroundColor}}">
    <scroll-view scroll-y style="height: 100%">
        <view class="operate-list-main">
            <mp-searchbar ext-class="search"></mp-searchbar>
            
            <mp-cells title="推荐">
            <view style="padding: 0 8px">
                <swiper indicator-dots="{{true}}">
                    <swiper-item>
                        <view style="display:flex;">
                            <view class="img" style="flex: 1;font-size: 0">
                                <image style="width: 230rpx;height:230rpx" mode="aspectFit"
                                    src="../../../../resources/image/1.jpg">
                                </image>
                                <view class="subtitle">每日最新单曲推荐</view>
                            </view>
                            <view class="img" style="flex: 1;padding: 0 3px;font-size: 0">
                                <image style="width: 230rpx;height:230rpx" mode="aspectFit"
                                    src="../../../../resources/image/2.jpg">
                                </image>
                                <view class="subtitle">毒性MAX 魔力洗脑~</view>
                            </view>
                            <view class="img" style="flex: 1;font-size: 0">
                                <image style="width: 230rpx;height:230rpx" mode="aspectFit"
                                    src="../../../../resources/image/3.jpg">
                                </image>
                                <view class="subtitle">永远的经典</view>
                            </view>
                        </view>
                    </swiper-item>
                </swiper>
            </view>
            </mp-cells>
            <!-- <block wx:for="{{recommendMusicList}}" wx:key="id">
                <view class='item {{item.selected?"item-selected":""}}' bindtap="onTapRecommendMisic" data-key="{{item.key}}">
                    <view style="height: 104rpx;width: 104rpx;margin-bottom: 4rpx;">
                        <image style='{{item.selected ? "border-color:" + settings.editor.operatePanel.music.highlightColor + ";" : ""}}' class="icon icon-cover" src="{{item.albumImageUrl}}"></image>
                    </view>
                    <view class='desc' style='{{item.selected ? "color:" + settings.editor.operatePanel.music.highlightColor + ";" : "color: " + settings.editor.operatePanel.textColor + ";"}}'>
                        <text class="marquee">{{item.Name}}</text>
                    </view>
                </view>
            </block> -->
            <mp-cells title="智能生成">
                <mp-checkbox-group prop="radio" multi="{{false}}">
                    <mp-checkbox wx:for="{{recommendMusicList}}" bindtap="onTapRecommendMisic" data-key="{{item.key}}"
                        wx:key="key" label="{{item.Name}}" value="{{item.key}}" checked="{{item.key === key}}">
                    </mp-checkbox>
                </mp-checkbox-group>
            </mp-cells>
        </view>
    </scroll-view>
</view>