pika_shangjia/components/product-activity/index.vue

<template>
<view>
<!--components/product-activity/index.wxml-->
<!-- 还未使用 活动 -->
<view class="mask" @tap="hideActive"></view>
<view class="popup">
  <view class="close" @tap="hideActive">
    <image class="image" src="/static/pages/images/close.png"></image>
  </view>
  <view class="top">活动</view>
  <view class="cont">
    <view class="promotion">促销活动</view>
    <view class="discount dflex flex">
      <view class="dflex">
        <text class="duo">多买优惠</text>
        <view class="intensity">满2件，总价打75折</view>
      </view>
      <image src="/static/pages/images/rico.png" class="ricoimg"></image>
    </view>
    <view class="discount dflex flex">
      <view class="dflex">
        <text class="duo">拼团</text>
        <view class="intensity">此商品正常参加拼团购</view>
      </view>
      <image src="/static/pages/images/rico.png" class="ricoimg"></image>
    </view>
    <view class="discount dflex flex">
      <view class="dflex">
        <view class="duo">限购</view>
        <view class="intensity">该商品购买1-200件时享受单价￥79.00，超出数量
以结算价为准</view>
      </view>
      <!-- <image src="/pages/images/rico.png" class="ricoimg"></image> -->
    </view>
  </view>
  <view></view>
</view>
</view>
</template>

<script>

export default {
  data() {
    return {
		value:''
	};
  },

  components: {},
  props: {},
  methods: {
    hideActive() {
      this.$emit('hideActive', {
        detail: this
      });
    }

  }
};
</script>
<style>
@import "./index.css";
</style>