<template>
  <view class="choosebaoyangBottom">
    <view class="left">
      <img src="../../static/img/serve.png" alt class="serve" />
      <view class="desc">在线客服</view>
    </view>
    <view class="center">
      <view class="pri">总价：<text class="money">￥{{price}}</text ></view>
      <!-- <view class="zhushi">不包含安装费</view> -->
    </view>
    <view class="btn" @click="jiesuan">添加购物车</view>
  </view>
</template>

<script>
export default {
  name: "choosebaoyangBottom",
  props:{
      price:{
          type: Number
      }
  },
  methods:{
      jiesuan(){
    this.$emit("jiesuan",true)
  }
  }

};
//price  总价
</script>

<style lang="scss">
.choosebaoyangBottom {
  height: 121upx;
  background-color: white;
  display: flex;
  justify-content: space-between;
  .left {
    width: 82upx;
    height: 63upx;
    margin: auto 0;
    margin-left: 24upx;
    .serve {
      width: 38upx;
      height: 40upx;
      margin-left: 21upx;
    }
    .desc {
      color: #666666;
      font-size: 20upx;
    }
  }
  .center{
      // width: 145upx;
      color: #666666;
      font-size: 23upx;
      margin: auto 0;
        .pri{
            .money{
                color: #DF3348;
            }
            .zhushi{
                text-align: center;
            }
        }
  }
  .btn{
      width: 279upx;
      height: 83upx;
      color: white;
      background-color: #DF3348;
      text-align:center;
      line-height: 83upx;
      margin: auto 0;
      margin-right: 30upx;
  }
}
</style>