<template>
  <view class="pintuanshopdetailtop">
    <shopdetailToppic
      :picarr="picarr"
      v-on:btnchange="change0"
    ></shopdetailToppic>
    <view class="price">
      <text class="money">￥{{money}}</text>
      <text class="huaxian">￥{{huaxian}}</text>
    </view>
    <view class="num">已团{{yituan}}单·{{tuantotle}}人团</view>
    <view class="shopname">{{shopname}}</view>
    <shopdetailEnsure :ensurepic="ensurepic" :ensures="ensures" v-on:more="more"></shopdetailEnsure>
  </view>
</template>
<script>
import shopdetailToppic from "../../components/shopdetail/shopdetail-toppic";
import shopdetailBtn from "../../components/shopdetail/shopdetail-btn";
import shopdetailEnsure from "../../components/shopdetail/shopdetail-ensure";
export default { 
  name: "pintuanshoptop",
  props:{
    money:{
      type:Number
    },
    huaxian:{
      type:Number
    },
    shopname:{
      type:String
    },
    ensures:{
      type:String
    },
    picarr:{
      type:Array,
    },
    yituan:{
      type:Number
    },
    tuantotle:{
      type:Number
    },
    ensurepic:{
      type:String
    }
  },
  components: {
    shopdetailToppic,
    shopdetailBtn,
    shopdetailEnsure,
  },
  data() {
    return {
      ifsp: "",
      ifservice:false
    };
  },
  methods: {
    change0(e) {
      // console.log(e)
      this.ifsp = e;
    },
      off(e){
      console.log(e)
      this.ifservice=e
    },
      more(e){
       this.ifservice=e
    }
  }
};
</script>

<style lang="scss">
.pintuanshopdetailtop {
  .btn {
    width: 227upx;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    bottom: 76upx;
  }
  .price{
    margin-left:27upx;
    margin-top:36upx;
    .money{
      color:#E32E10;
      font-size: 49upx;
    }
    .huaxian{
      color:#666666;
      font-size: 27upx;
      padding-left: 21upx;
      text-decoration: line-through;
    }
  }
  .num{
      color:#666666;
      font-size: 27upx; 
      margin-left: 39upx;
  }
  .shopname{
    width: 673upx;
    color: #333333;
    font-size: 26upx;
    margin: 0 auto;
    margin-top:33upx;
  }
}
</style>