mili_mini/pages/classList/practicalInfo/practicalInfo.wxml

<!--pages/classList/practicalInfo/practicalInfo.wxml-->
<view class="practicalInfo">
  <view class="view-page">
    <view class='page-content' style='height:100vh;'>
      <!-- 顶部图片 -->
      <view class="head">
        <image wx:if="{{type=='shijian'}}" class="img" src="{{info.img_href}}" lazy-load></image>
        <image wx:else class="img" src="{{info.head_img_href}}" lazy-load></image>
        <image class="back" bindtap="backPage" src="{{backImg}}"></image>
      </view>
      <!-- 标题 -->
      <view class="flex_between is-title">
        <text class="ys-font16">{{info.c_name}}</text>
        <text class="ys-font12 status {{info.status=='已完成'||info.status=='已过期'?'status_end':''}}">{{info.learningStatus}}</text>
      </view>
      <!-- 时间 -->
      <view class="flex_between is-time">
        <text wx:if="{{type=='shijian'}}" class="color96 ys-font12">时间：{{info.startdate}} - {{info.enddate}}</text>
        <view wx:else></view>
        <rate num="{{5}}" disabled="{{true}}" />
      </view>
      <!-- 奖励-学分 -->
      <view class="ys-font12 is-num">
        <text class="tag">奖励</text>
        <text class="color96 credit">{{info.credit}}学分 </text>
		<text class="color96 credit" decode="{{true}}">&nbsp;{{info.scholarships}}</text>
		<image class="jb-icon" src="https://yuesuo.yueguanjia.com/MiniProgram/images/jinbi.png" />
        <text class="color96 people">{{info.pcount}}人已报名</text>
      </view>

      <view class="content">
        <!-- 介绍 -->
        <view class="ys-font16 jieshao">介绍</view>
        <view class="ys-font14 jieshao_neirong">
			<image style="width: 100%;" mode="widthFix" src="{{info.detail_img_href}}"></image>
		</view>
        <!-- 地址 -->
        <view class="ys-font16 dizhi_biaoti">门店地址</view>
        <view class="dizhi_box" bindtap="markertap">
          <image class="dizhi_icon" src="https://yuesuo.yueguanjia.com/MiniProgram/images/phaseI/add.png" />
          <view class="dizhi-xinxi">
            <block wx:if="{{type=='shijian'}}">
              <view class="ys-font16 dizhi-name">{{info.branches}}</view>
              <view class="ys-font12 color96 dizhi-juti">{{info.address}}</view>
            </block>
            <block wx:else>
              <view class="ys-font16 dizhi-name">{{info.m_name}}</view>
              <view class="ys-font12 color96 dizhi-juti">{{info.m_address}}</view>
            </block>
          </view>
        </view>
      </view>

    </view>

    <!-- 底部位置固定 -->
    <view class="flex_between bot">
      <view class="bot-left">
        <block wx:if="{{type=='shijian'}}">
          <image class="bot-icon" src="https://yuesuo.yueguanjia.com/MiniProgram/images/phaseI/gantan.png" />
          <text class="ys-font14 color96 bot-t">报名截止时间 {{info.deadline}}</text>
        </block>
      </view>
      <view wx:if="{{info.distance_status}}" class="ys-font18 bot-right baomingEnd">敬请期待</view>
      <view wx:else bindtap="baoming" class="ys-font18 bot-right {{info.status=='已过期'||info.status=='已完成'?'baomingEnd':''}}">{{info.status}}</view>
    </view>
    <!-- 弹窗 -->
    <alert bindcancel="cancelAlert" info="{{yuyueInfo}}" type="{{type}}" c_code="{{info.c_code}}" isShow="{{hiddenAlert}}" />

  </view>

</view>