You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.1 KiB
43 lines
1.1 KiB
<template> |
|
<div class="sharing-packets" :class="state === true ? 'on' : ''"> |
|
<div |
|
class="iconfont icon-guanbi acea-row row-center-wrapper" |
|
@click="closeShare" |
|
></div> |
|
<div class="line"></div> |
|
<div class="sharing-con" @click="goShare"> |
|
<img :src="$VUE_APP_RESOURCES_URL+'/images/red-packets.png'" class="image" /> |
|
<div class="text font-color-red"> |
|
<div>会员分享返</div> |
|
<div class="money"><span class="label">￥</span>{{ priceName }}</div> |
|
<div class="tip">下单即返佣金</div> |
|
<div class="shareBut">立即分享</div> |
|
</div> |
|
</div> |
|
</div> |
|
</template> |
|
<script> |
|
export default { |
|
name: "ShareRedPackets", |
|
props: { |
|
priceName: { |
|
type: [String, Number], |
|
default: "" |
|
} |
|
}, |
|
data: function() { |
|
return { |
|
state: false |
|
}; |
|
}, |
|
mounted: function() {}, |
|
methods: { |
|
goShare: function() { |
|
this.$emit("changeFun", { action: "shareCode", value: false }); |
|
}, |
|
closeShare: function() { |
|
this.state = true; |
|
} |
|
} |
|
}; |
|
</script>
|
|
|