<template>
  <view class="shopdetailCommentstop">
      <view class="left">
          <text>{{left}}</text>
      </view>
      <view class="right">
        <text>{{right}}</text>
        <img src="../../static/img/arrowmore.png" alt="" class="arrow" v-if="ifarrow">
      </view>
  </view>
</template>

<script>
export default {
    name:"shopdetailCommentstop",
    props:{
        left:{
            tytpe:String
        },
        right:{
            type:String
        },
        ifarrow:{
            type:Boolean
        }
    }
}
</script>

<style lang="scss">
    .shopdetailCommentstop{
        height: 62upx;
        width: 100%;
        color: #333333;
        display: flex;
        justify-content: space-between;
        line-height: 62upx;
    .left{
        font-size: 30upx;
        margin-left: 33upx;

    }
    .right{
        font-size: 26upx;
        margin-right: 30upx;
    
        .arrow{
            width: 16upx;
            height: 29upx;
            margin-left: 14upx;
            position: relative;
            top: 5upx;
        }
    }
    }
</style>