lachang-wxapp/pages/tabBar/user/user.skeleton.wxml

<!--
此文件为开发者工具生成，生成时间: 2022/5/24 上午10:01:09
使用方法：
在 /Users/admin/Documents/chef_project/ysc-applet/pages/tabBar/user/user.wxml 引入模板

```
<import src="user.skeleton.wxml"/>
<template is="skeleton" wx-if="{{loading}}" />
```

在 /Users/admin/Documents/chef_project/ysc-applet/pages/tabBar/user/user.wxss 中引入样式
```
@import "./user.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="userPage">
      <view class="userInfoContainer">
        <view class="notLogContent flex-c-bet" data-url="/pages/tabBar/login/login">
          <view class="leftInfo flex-c-c">
            <image class="defaultHead sk-image" mode="aspectFill"></image>
            <view class="tool sk-transparent sk-text-14-2857-606 sk-text">登录 / 注册</view>
          </view>
        </view>
      </view>
      <view class="userCom">
        <view class="menuList flex container">
          <view class="menuItem flex-column" data-url="/pages/user/pages/favorite/favorite">
            <view class="iconBox">
              <image class="icon sk-image" mode="aspectFill"></image>
            </view>
            <view class="sk-transparent sk-text-14-2857-982 sk-text">我的收藏</view>
          </view>
          <view class="menuItem flex-column" data-url="/pages/index/pages/riceCard/myRiceCard/myRiceCard">
            <view class="iconBox">
              <image class="icon sk-image" mode="aspectFill"></image>
            </view>
            <view class="sk-transparent sk-text-14-2857-426 sk-text">我的礼品卡</view>
          </view>
          <view class="menuItem flex-column" data-url="/pages/index/pages/coupon/myCoupon">
            <view class="iconBox">
              <image class="icon sk-image" mode="aspectFill"></image>
            </view>
            <view class="sk-transparent sk-text-14-2857-399 sk-text">优惠券</view>
          </view>
          <view class="menuItem flex-column" data-url="/pages/user/pages/footprint/footprint">
            <view class="iconBox">
              <image class="icon sk-image" mode="aspectFill"></image>
            </view>
            <view class="sk-transparent sk-text-14-2857-492 sk-text">我的足迹</view>
          </view>
        </view>
        <view class="orderContent container">
          <view class="orderHead flex-c-bet">
            <view class="orderTitle sk-transparent sk-text-14-2857-725 sk-text"></view>
            <view class="allOrder flex-c-c" data-url="/pages/cart/pages/myOrder/myOrder?tab=all">
              <view class="sk-transparent sk-text-14-2857-55 sk-text">全部订单 (申请开票)</view>
              <image class="icon sk-image" mode="aspectFill"></image>
            </view>
          </view>
          <view class="orderList flex">
            <view class="orderItem flex-c-c" data-url="/pages/cart/pages/myOrder/myOrder?tab=payment">
              <view class="iconBox">
                <image class="icon sk-image" mode="aspectFill"></image>
              </view>
              <view class="sk-transparent sk-text-14-2857-191 sk-text">待付款</view>
            </view>
            <view class="orderItem flex-c-c" data-url="/pages/cart/pages/myOrder/myOrder?tab=received">
              <view class="iconBox">
                <image class="icon sk-image" mode="aspectFill"></image>
              </view>
              <view class="sk-transparent sk-text-14-2857-46 sk-text">待收货</view>
            </view>
            <view class="orderItem flex-c-c" data-url="/pages/cart/pages/myOrder/myOrder?tab=completed">
              <view class="iconBox">
                <image class="icon sk-image" mode="aspectFill"></image>
              </view>
              <view class="sk-transparent sk-text-14-2857-555 sk-text">待评价</view>
            </view>
            <view class="orderItem flex-c-c" data-url="/pages/cart/pages/myOrder/myOrder?tab=sale">
              <view class="iconBox">
                <image class="icon sk-image" mode="aspectFill"></image>
              </view>
              <view class="sk-transparent sk-text-14-2857-582 sk-text">售后/退款</view>
            </view>
          </view>
        </view>
        <view class="container">
          <view class="serviceTitle flex-c sk-transparent sk-text-14-2857-345 sk-text"></view>
          <view class="serviceList flex">
            <button class="serviceItem flex-c-c sk-button sk-pseudo sk-pseudo-circle" hover-class="none" open-type="contact">
              <image class="icon sk-image" mode="aspectFill"></image>
              <view class="sk-transparent sk-text-14-5834-274 sk-text" style="background-position-x: 50%;">联系客服</view>
            </button>
            <view class="serviceItem flex-c-c" data-url="/pages/user/pages/addressList/addressList">
              <image class="icon sk-image" mode="aspectFill"></image>
              <view class="sk-transparent sk-text-14-2857-44 sk-text">收货地址</view>
            </view>
            <view class="serviceItem flex-c-c" data-url="/pages/index/pages/riceCard/cardList/cardList">
              <image class="icon sk-image" mode="aspectFill"></image>
              <view class="sk-transparent sk-text-14-2857-948 sk-text">购买礼品卡</view>
            </view>
            <view class="serviceItem flex-c-c" data-url="/pages/user/pages/moreService/moreService">
              <image class="icon sk-image" mode="aspectFill"></image>
              <view class="sk-transparent sk-text-14-2857-211 sk-text">更多服务</view>
            </view>
            <view class="serviceItem flex-c-c" data-url="/pages/user/pages/team/myTeam">
              <image class="icon sk-image" mode="aspectFill"></image>
              <view class="sk-transparent sk-text-14-2857-484 sk-text">我的拼团</view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view is="ThorUI/components/modal/modal">
      <view>
        <view class=" modal--tui-modal-box modal--tui-modal-scale" style="border-radius:8px;width:290px;top:40%;background:#FFFFFF">
          <view>
            <view class="tui-modal-custom">
              <view class="closeModal">
                <image class="icon sk-image" mode="aspectFill"></image>
              </view>
              <view class="mTitle sk-transparent sk-opacity">奖励金计算</view>
              <view class="mTable sk-pseudo sk-pseudo-circle">
                <view class="mTr flex sk-pseudo sk-pseudo-circle">
                  <view class="mTh one">
                    <text class="sk-transparent sk-opacity">阶梯</text>
                  </view>
                  <view class="mTh tow sk-pseudo sk-pseudo-circle">
                    <text class="sk-transparent sk-opacity">当月门店销售额</text>
                    <view class="hTool sk-transparent sk-opacity">（万元）</view>
                  </view>
                  <view class="mTh three sk-pseudo sk-pseudo-circle">
                    <text class="sk-transparent sk-opacity">达量奖励比例</text>
                  </view>
                </view>
              </view>
              <view class="mToolList">
                <view class="mToolItem sk-transparent sk-opacity">规则说明：</view>
                <view class="mToolItem sk-transparent sk-opacity">
                  1.达量奖励 = 当月门店销售额 x 达量奖励比例
                </view>
                <view class="mToolItem sk-transparent sk-opacity">2.上月奖励金将在每月1号公布，实际到手金额受退货影响，可能有所浮动。</view>
              </view>
              <view class="mBotBox flex-c-c">
                <view class="bot flex-c-c sk-transparent sk-opacity">确定</view>
              </view>
            </view>
          </view>
        </view>
        <view class="modal--tui-modal-mask"></view>
      </view>
    </view>
    <view is="ThorUI/components/modal/modal">
      <view>
        <view class=" modal--tui-modal-box modal--tui-modal-scale" style="border-radius:8px;width:300px;top:40%;background:#FFFFFF">
          <view>
            <view class="modalCustom">
              <view class="closeModal">
                <image class="icon sk-image" mode="aspectFill"></image>
              </view>
              <view class="newModalTitle space sk-transparent sk-opacity">提现</view>
              <view class="newModalTool kw one sk-transparent sk-opacity">1.请下载【名厨之家】APP</view>
              <view class="newModalTool kw sk-transparent sk-opacity">2.使用与小程序一致的手机号注册/登录</view>
              <view class="newModalTool kw sk-transparent sk-opacity">3.进入【我的】页面</view>
              <view class="newModalTool kw sk-transparent sk-opacity">4.点击【公明腊肠小程序】横幅进入提现</view>
              <view class="newModalButtonBox flex-c-c">
                <view class="mButton flex-c-c sk-transparent sk-opacity">知道了</view>
              </view>
            </view>
          </view>
        </view>
        <view class="modal--tui-modal-mask"></view>
      </view>
    </view>
  </view>
</template>