smart-canteen/pages/home/index.wxml

<nav-bar navbar-data='{{navbarData}}' needBack="{{false}}"></nav-bar>
<view class="main" style="padding-top:{{height}}px;padding-bottom: 48px;">
  <view class="one" style="background-image:url('/image/home/image1.jpg')">
    <view class="one_1">
      <view class="tit">健康均衡饮食</view>
      <view class="info">
        <view class="info_1">
          <view>摄入</view>
          <view>440</view>
          <view><text class="iconfont icon-qialuli"></text></view>
        </view>
        <view class="info_1">
          <view>热量占比</view>
          <view>
            <van-circle value="{{heat}}" color="{{ heatColor }}" text="{{heat}}%" size="66" />
          </view>
        </view>
        <view class="info_1">
          <view>运动</view>
          <view>3621</view>
          <view><text class="iconfont icon-icon"></text></view>
        </view>
      </view>
    </view>
  </view>
  <view class="two">
    <view class="tit"></view>
    <view class="info">
      <view class="two_1" bindtap="twoBtn" data-smile='1'>
        <view><text class="iconfont icon-swticondingcan1"></text></view>
        <view>报餐</view>
      </view>
      <view class="two_1" bindtap="twoBtn" data-smile='2'>
        <view><text class="iconfont icon-chuyulaji-shengcaishengfan"></text></view>
        <view>余菜打包</view>
      </view>
      <view class="two_1" bindtap="twoBtn" data-smile='3'>
        <view><text class="iconfont icon-reliangtiaodubiao"></text></view>
        <view>卡路里计算</view>
      </view>
    </view>
  </view>
  <view class="thr">
    用餐卡
  </view>
  <view class="four" bindtap="reserveBtn">
    <view class="tit">本周菜谱<text class="iconfont icon-jiantou"></text></view>
    <view class="image">
      <image src="/image/home/image2.jpg"></image>
    </view>
  </view>
</view>