<template>
  <view class="shopdetailAttr">
      <view class="left">{{left}}</view>
      <view class="right">{{right}}</view>
  </view>
</template>

<script>
export default {
name:"shopdetailAttr",
props:{
    left:{
        type:String
    },
    right:{
        type:String
    }
}
}
</script>

<style lang="scss">
.shopdetailAttr{
    height:84upx;
    display: flex;
    font-size: 22upx;
    border:1upx solid rgba(222,222,222,1);
    .left{
        width: 204upx;
        height: 100%;
        background-color: #F7F7F7;
        line-height:84upx;
        text-align: center;
        color: #888888;
    }
    .right{
           line-height:84upx;
        text-align: center;
        text-indent:30upx;
    }
}
</style>