<template>
  <view class="shopdetailbottom">
      <!-- <view class="item">
           <img src="../../static/img/phone.png" alt="" class="itempic">
           <view>电话咨询</view>
      </view>
       <view class="item">
           <img src="../../static/img/kefu.png" alt="" class="itempic">
           <view>在线客服</view>
      </view> -->
       <!-- <view class="item">
           <img src="../../static/img/shoucang.png" alt="" class="itempic">
           <view>收藏</view>
      </view> -->
       <view class="btn2" @click="buy" v-if="shoptype==1">加入购物车</view>
      <view class="btn1" @click="buy" v-if="shoptype==1">立即购买</view>
       <view class="btn3" @click="buy" v-else>立即购买</view>
  </view>
</template>

<script>

export default {
    name:"shopdetailbottom",
    props:{
        shoptype:{
            type:Number

        }
    },
    methods:{
        buy(){
            this.$emit('buy',true)
        },
        gwc(){
            // this.$emit("gwc",true)
            console.log(this.shopid,this.shoptype)

        }
    }
}
</script>

<style lang="scss">
.shopdetailbottom{
    height: 129upx;
    width:100%;
    background-color: white;
    display: flex;
    justify-content:space-around;
    position: fixed;
    bottom: 0;
    .item{
        // width: 76upx;
        height: 76upx;
        text-align: center;
        color: #666666;
        font-size: 20upx;
        margin: auto 0;
        .itempic{
            width: 49upx;
            height: 49upx;
            margin: 0 auto;
        }
    }
    .btn1{
        width: 352upx;
        height: 83upx;
        background-color: #DE3548;
        color: white;
        font-size: 30upx;
        line-height: 83upx;
        text-align: center;
        margin: auto 0;
    }
    .btn2{
         width: 325upx;
      height: 72upx;
      border: 1upx solid #de3449;
      margin: auto 0;
      font-size: 28upx;
      color: #de3449;
      line-height: 72upx;
      text-align: center;
    }
        .btn3 {
      width: 600upx;
      height: 72upx;
      background-color: #de3449;
      // border:1upx solid #DE3449;
      margin: auto 0;
      font-size: 28upx;
      color: white;
      line-height: 72upx;
      text-align: center;
    }
}
</style>