jje_uniapp/orderPages/activityDetail/activityDetail.vue

<template>
  <view>
    <view class="out1">
      <view class="flex-col top">
        <view class="flex-row title">
          <text>活动名称</text>
        </view>
        <view class="flex-row price">
          <text>￥98.00</text>
        </view>
        <view class="flex-row">
          <text>活动时间：</text>
          <text>2024年8月10日 至 2099年10月1日</text>
        </view>
        <view class="flex-row">
          <text>是否退款：</text>
          <text>是</text>
        </view>
        <view class="flex-row">
          <text>
            活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述
          </text>
        </view>
      </view>
    </view>

    <view class="out1">
      <view class="flex-col top1">
        <view class="flex-row justify-center title">
          <text>退款策略（模块标题）</text>
        </view>
        <view class="flex-row">
          <text>
            活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述
          </text>
        </view>
      </view>
    </view>


    <view class="out2">
      <view class="flex-col ticket">
        <view class="flex-row justify-center title">
          <text>赠送优惠券</text>
        </view>

        <view class="flex-row ticketList" v-for="(i,index) in 2">
          <view class="h-text flex-col justify-center ">
            <text class="money">什么券</text>
            <text class="desc">满100可用</text>
          </view>

          <view class="h-center-content flex-col justify-around">
            <view class="h-value">
              <text>{{ item.name }}</text>
            </view>
            <view class="ticketMsg">
              使用平台：
              <text>全平台</text>
            </view>
            <view class="ticketMsg">
              使用次数：99
            </view>
            <view class="ticketMsg">
              领取后30天内有效
            </view>
<!--            <view class="ticketMsg flex-row">-->
<!--              <text @click.stop="showRemark(item)">使用规则</text>-->
<!--              <u-icon v-if="item.id == showRemarkId" name="arrow-down-fill" color="" size="12"></u-icon>-->
<!--              <u-icon v-else name="play-right-fill" color="" size="12"></u-icon>-->
<!--            </view>-->
          </view>

          <view class="h-right-content flex-col justify-center ">
            <view class="btn">
              <text>立即领取</text>
            </view>
          </view>
        </view>
      </view>

      <view class="flex-row justify-between link">
        <text>跳转一</text>
        <u-icon  name="arrow-right" color="" size="12"></u-icon>
      </view>

      <view class="flex-row justify-between link">
        <text>跳转一</text>
        <u-icon name="arrow-right" color="" size="12"></u-icon>
      </view>

    </view>


  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {}
}
</script>


<style lang="scss" scoped>
@import '/common/css/common.css';
@import './index.rpx.scss';
</style>