card-mini/pages/mine/index/index.wxml
2021-09-03 15:03:38 +08:00

216 lines
9.1 KiB
Plaintext

<!-- 标题 -->
<view class="flex flex-direction">
<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>
<image src="/images/ic_vip_icon.png" mode="scaleToFill" wx:if="{{!isPay}}"
style="width: 48rpx;height: 48rpx;position: absolute;top: 24rpx;left:80rpx;transform: rotate(20deg);"></image>
<view class="user-content">
<text class="title">{{name}}</text>
<view class="line-solid-gray"></view>
<view class="des" bindtap="copyCode">
<text>邀请码:{{code}}</text>
<text style="margin-left: 15rpx;" class="cuIcon-copy"></text>
</view>
</view>
<view class="icons" wx:if="{{isShow}}">
<image src="/images/ic_setting.png" class="icon" bindtap="showSetting"></image>
</view>
</view>
<view class="vip-box" bindtap="vipCenter">
<view class="title">会员中心</view>
<view class="msg">
<block wx:if="{{payState.cardCharge}}">
<!-- 需要支付 -->
<text>{{payState.cardChargeEnd=='' ? '去开通会员':'会员已到期'}}</text>
</block>
<block wx:else>
<text>{{'到期时间:'+payState.cardChargeEnd}}</text>
</block>
</view>
</view>
</view>
<!-- 固定菜单 -->
<view wx:if="{{isOpen}}">
<!-- 订单菜单 待付款 待发货 待收货 全部-->
<view class="order-box">
<view class="order-item" catchtap="showOrder" data-type="0">
<image src="/images/ic_wait_pay.png" mode="scaleToFill"></image>
<text>待付款</text>
</view>
<view class="order-item" catchtap="showOrder" data-type="1">
<image src="/images/ic_wait_consignment.png" mode="scaleToFill"></image>
<text>待发货</text>
</view>
<view class="order-item" catchtap="showOrder" data-type="2">
<image src="/images/ic_wait_receipt.png" mode="scaleToFill"></image>
<text>待收货</text>
</view>
<view class="order-item" catchtap="showOrder" data-type="3">
<image src="/images/ic_order_all.png" mode="scaleToFill"></image>
<text>全部</text>
</view>
</view>
<!-- 钱包 -->
<view class="purse-box">
<view class="purse-title" bindtap="toStatistics">
<view class="title">
边玩边赚
</view>
<view class="hint">
<text>收益统计</text>
<text class="cuIcon-right"></text>
</view>
</view>
<view class="line-so-gray"></view>
<view class="purse-content-box">
<view class="item">
<view class="price">
{{accountInfo.dayMoney/100}}
</view>
<view class="text-28">
今日预估
</view>
</view>
<view class="item">
<view class="price">
{{accountInfo.monthMoney/100}}
</view>
<view class="text-28">
本月预估
</view>
</view>
<view class="item">
<view class="price">
<text>¥</text>
<text>{{accountInfo.sysMoney/100}}</text>
</view>
<view class="text-28" catchtap="toStatistics">
<text>累计收益</text>
<text class="cuIcon-questionfill"></text>
</view>
</view>
</view>
<!-- 余额 提现 -->
<view class="bg-box">
<view class="money-box">
<view class="item">
<image src="/images/ic_purse.png" mode="scaleToFill"></image>
<view class="text-28">钱包</view>
</view>
<view class="item">
<view class="price">¥{{accountInfo.accountMoney/100}}</view>
<view class="text-28">余额</view>
</view>
</view>
<view class="moeny-box-2" catchtap="doCash">
<view class="item-white">
<view style="margin-top: 0rpx;">去提现</view>
<image src="/images/ic_cash.png" mode="scaleToFill" class="img-64"></image>
</view>
<image src="/images/ic_yellow_bg.png" mode="scaleToFill" class="img-bg-128"></image>
</view>
</view>
</view>
<!-- 营销 -->
<view class="purse-box">
<view class="purse-title">
<view class="title">
智能营销
</view>
</view>
<view class="marketing-box">
<view class="item" style="padding:15rpx;" bindtap="toInformation">
<image src="/images/ic_information_icon.png" mode="scaleToFill" class="img-48"></image>
<view class="text-28" style="margin-top: 0rpx;margin-left: 15rpx;">
营销资讯
</view>
</view>
<view class="item" style="padding:15rpx;" bindtap="toReport">
<image src="/images/ic_poster_icon.png" mode="scaleToFill" class="img-48"></image>
<view class="text-28" style="margin-top: 0rpx;margin-left: 15rpx;">
营销海报
</view>
</view>
</view>
</view>
</view>
<view class="scroll-content">
<!-- 菜单 -->
<view wx:if="{{menuList.length>0}}">
<view class="group-box" wx:for-item="group" wx:for="{{menuList}}" wx:key="index"
wx:if="{{group.configColumnGroupStatus=='1'}}">
<!-- 横向 -->
<view wx:if="{{group.configColumnGroupDirection=='1'}}" class="ver-box">
<view class="ver-box-title">
{{group.configColumnGroupName}}
</view>
<scroll-view scroll-x>
<view class="ver-box-list">
<view class="ver-box-items" bindtap="choosePage" data-item="{{item}}"
wx:if="{{item.configColumnStatus=='1'}}" data-path="{{item.configColumnTargetUrl}}"
data-type="{{item.configColumnTargetMode}}" data-item="{{item}}" wx:for="{{group.configColumnList}}"
wx:for-index="idx" wx:for-item="item" wx:key="idx">
<image src="{{imgUrl+item.configColumnPhoto}}" mode="scaleToFill">
</image>
<text class="text-cut text-df text-black">{{item.configColumnName}}</text>
</view>
</view>
</scroll-view>
</view>
<!-- 纵向 -->
<view wx:elif="{{group.configColumnGroupDirection=='2'}}" class="item-box" bindtap="goColumnList"
data-item="{{group}}">
<image wx:if="{{group.configColumnGroupPhoto.length>0}}" class="cu-avatar radius lg"
src="{{imgUrl + group.configColumnGroupPhoto}}" mode="scaleToFill"></image>
<view class="item-content">
<text class="text-cut text-black text-bold">{{group.configColumnGroupName}}</text>
<text class="text-cut text-gray">{{group.configColumnGroupRemark}}</text>
</view>
<text class="cuIcon-right"></text>
</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:90%;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;" wx:if="{{isBindPhone}}"
bindtap="toFunction" src="{{imgUrl + photo.configColumnPhoto}}" mode="widthFix">
</image>
<button bindgetphonenumber="getPhoneNumber" open-type="getPhoneNumber"
style="padding: 0rpx;margin:0rpx;width: 100%;" wx:else>
<image bindload='imgHeight' style="width:100%;border-radius:20rpx;"
src="{{imgUrl + photo.configColumnPhoto}}" mode="widthFix"></image>
</button>
</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" wx:if="{{isBindPhone}}" bindtap="toFunction">
</image>
<button bindgetphonenumber="getPhoneNumber" open-type="getPhoneNumber"
style="padding: 0rpx;margin:0rpx;width: 100%;" wx:else>
<image style="width:90%;border-radius:20rpx;margin-top:5rpx;" src="{{imgUrl + photo.configColumnPhoto}}"
mode="widthFix"></image>
</button>
</block>
</view>
</view>
</view>
</view>
</view>
</view>