card-mini/pages/mine/index/index.wxml

96 lines
4.5 KiB
Plaintext

<!-- 标题 -->
<view class="UCenter-bg">
<image src="../../../images/ic_mine_title_bg.png" mode="scaleToFill"></image>
<view class="user-info">
<image class="user-icon" src="{{userIcon}}" mode="scaleToFill">
</image>
<view class="user-content">
<text class="title">{{name}}</text>
<!-- <text class="des">{{nickName}}</text> -->
</view>
</view>
<image src="../../../images/ic_setting.png" class="icon" bindtap="showSetting"></image>
</view>
<view class="scroll-content">
<!-- 菜单 -->
<view wx:if="{{menuList.length>0}}" style="width:100%;">
<view class="cu-list menu card-menu shadow-lg radius" style="margin-top:30rpx;margin-left:0rpx;margin-right:0rpx;"
wx:for-item="group" wx:for="{{menuList}}" wx:key="index" wx:if="{{group.configColumnGroupStatus=='1'}}">
<!-- 横向 -->
<view wx:if="{{group.configColumnGroupDirection=='1'}}">
<view class="cu-bar bg-white solid-top">
<view class="action text-black">{{group.configColumnGroupName}}</view>
<view class="action"></view>
</view>
<view class="cu-list grid col-4 no-border">
<view class="cu-item align-center justify-center" data-path="{{item.configColumnTargetUrl}}"
wx:if="{{item.configColumnStatus=='1'}}" data-type="{{item.configColumnTargetMode}}" bindtap="choosePage"
data-item="{{item}}" wx:for="{{group.configColumnList}}" wx:for-index="idx" wx:for-item="item" wx:key="idx">
<image style="width:96rpx;height:96rpx;border-radius:10rpx;" src="{{imgUrl+item.configColumnPhoto}}"
mode="scaleToFill">
</image>
<text class="text-df text-black">{{item.configColumnName}}</text>
</view>
</view>
</view>
<!-- 纵向 -->
<view wx:elif="{{group.configColumnGroupDirection=='2'}}">
<view class="cu-list menu card-menu shadow-lg radius" bindtap="goColumnList" data-item="{{group}}">
<view class="cu-item arrow border-bottom-sm margin-top-sm" style="padding-bottom:10rpx;">
<image wx:if="{{group.configColumnGroupPhoto.length>0}}" class="cu-avatar radius lg"
src="{{imgUrl + group.configColumnGroupPhoto}}" mode="scaleToFill"></image>
<view class="content padding-left-xs" style="width:80%;">
<view class="text-black">
<text class="text-cut">{{group.configColumnGroupName}}</text>
</view>
<view class="text-gray text-sm flex">
<text class="text-cut">{{group.configColumnGroupRemark}}</text>
</view>
</view>
<view class="action">
</view>
</view>
</view>
</view>
<!-- 引导图片 -->
<view wx:elif="{{group.configColumnGroupDirection=='3'}}">
<!-- 轮播图 -->
<view class="hint-title">
<image src="/images/title-bg.png" mode="scaleToFill"></image>
<text>{{group.configColumnGroupName}}</text>
</view>
<view wx:if="{{group.configColumnGroupStyle=='ec3605f5-3409-4554-ae85-efac8a75fc0d'}}"
class="flex align-center justify-center" style="width:100%;">
<swiper style="width:80%;margin-top:20rpx;height:{{Height}};" indicator-dots="{{true}}" autoplay="{{true}}">
<block wx:for="{{group.configColumnList}}" wx:key="pIndex" wx:for-index="pIndex" wx:for-item="photo">
<swiper-item style="width:100%;">
<image bindload='imgHeight' style="width:100%;border-radius:20rpx;"
src="{{imgUrl + photo.configColumnPhoto}}" mode="widthFix">
</image>
</swiper-item>
</block>
</swiper>
</view>
<!-- 平铺 -->
<view wx:else class="flex flex-direction align-center justify-center" style="width:100%;">
<block wx:for="{{group.configColumnList}}" wx:key="pIndex" wx:for-index="pIndex" wx:for-item="photo">
<image style="width:90%;border-radius:20rpx;margin-top:5rpx;" src="{{imgUrl + photo.configColumnPhoto}}"
mode="widthFix">
</image>
</block>
</view>
</view>
</view>
</view>
</view>
<!-- 创建名片 -->
<view class="creat-card" bindtap="toFunction">
<image src="/images/create-btn.png"></image>
</view>
<!-- 一个条目 -->
<!-- <view wx:for="{{group.configColumnList}}" wx:for-item="item" data-path="{{item.configColumnTargetUrl}}"
data-type="{{item.configColumnTargetMode}}" wx:key="index" data-item="{{item}}" bindtap="choosePage">
</view> -->