details.wxml 4.4 KB
<view class="container">
  <view class="details">
    <image src="{{klist.img}}" mode="widthFix" />
  </view>
  <view class="details2">
    <view class="botto">
      <view class="titles  title_content2">{{klist.name}}</view>
      <view class="timer">
        <van-count-down use-slot time="{{ time }}" bindchange="onChange">
          <view class="time_is">
            <view class="item0">仅剩</view>
            <view class="item">{{ timeData.days }}</view>
            <view class="item0">天</view>
            <view class="item">{{ timeData.hours }}</view>
            <view class="item0">小时</view>
            <view class="item">{{ timeData.minutes }}</view>
            <view class="item0">分</view>
            <view class="item">{{ timeData.seconds }}</view>
            <view class="item0">秒</view>
            <view class="item0">结束</view>
          </view>
        </van-count-down>
      </view>
      <view class="text">
        <view class="conter_item   ">
          <scroll-view scroll-y="{{true}}" class="scroll_x">
            <rich-text class="txt" nodes="{{content2}}"></rich-text>
          </scroll-view>
        </view>
      </view>
    </view>
  </view>
  <view class="fen_share" wx:if="{{avatar_arr.length !=0}}">
    <view class="share_box">
      <view class="share_imgs">
        <block wx:for="{{avatar_arr}}" wx:if="{{index< 8}}" wx:for-item="item" wx:for-index="index" wx:key="index">
          <image class="imgs" src="{{item}}" />
        </block>
        <image src="../../static/img/more_img.png" class="is_img" wx:if="{{avatar_arr.length > 8}}" />
      </view>
      <view class="share_name">已有{{can_num}}人参加</view>
    </view>
  </view>
  <view class="details3">
    <view class="smalltitle">
      <view class="title">活动详情</view>
      <button open-type="share" class="buttonShare"></button>
      <view class="share">
        <image src="{{imagesUrl}}assets/static/img/1_icon@2x.png" />
      </view>
    </view>
    <view class="activityDetails_txt">
      <import src="../../wxParse/wxParse.wxml" />
      <template is="wxParse" data="{{wxParseData:content.nodes}}" />
      <!-- <rich-text class="txt" nodes="{{content}}"></rich-text> -->
    </view>
  </view>
  <view class="btnbuy">
    <button class="btnbuy__" size="default" bindtap="toggleDialog" wx:if="{{texts != 1}}">
      立即预约
    </button>
    <button class="btnbuy__2  btnbuy__" size="default" wx:else>您已参加活动</button>
  </view>
  <!-- 弹窗 -->
  <view class="zan-dialog {{ showDialog ? 'zan-dialog--show' : '' }}" wx:if="{{showDialog}}">
    <view class="zan-dialog__mask" bindtap="toggleDialog" />
    <view class="zan-dialog__container">
      <view class="popups">
        <view class="pop_title">填写报名信息</view>
        <form bindsubmit="formSubmit">
          <view class="pop_box">
            <input value="{{names}}" placeholder="请输入姓名" placeholder-class="input_placeholder" class="publics" name="names" />
            <input value="{{phone}}" type='number' maxlength="11" placeholder="请输入手机号" placeholder-class="input_placeholder" class="publics" name="phone" />
          </view>
          <view class="bing">
            <view class="down_btn ">
              <button class="nam" catchtap="toggleDialog">取消</button>
              <button class="nam1" formType="submit">确认</button>
            </view>
          </view>
        </form>
      </view>
    </view>
  </view>
  <!-- 授权登录 -->
  <view class="login">
    <!-- 屏幕背景变暗的背景 -->
    <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
    <!-- 弹出框 -->
    <view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}">
      <view class="phoneshou">
        <view class="padlock" catchtap="hideModal">
          <image src="{{imagesUrl}}assets/static/img/updown.png" />
        </view>
        <view class="phone_title">请先授权登录</view>
        <view class="tips_content">为了更好的为你提供服务,请允许微信授权后再使用功能</view>
        <view class="downbtn">
          <view class="si_box">
            <button class="btn" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">
              <image src="{{imagesUrl}}assets/static/img/icon_wechat.png" />
              微信授权登录
            </button>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>