<template>
  <view class="searchShop">
    <img :src="pic" alt class="shop" />
    <view class="shopdesc">
      <view class="shopname">
        {{shopname}}
          <view style="margin-top:3upx;font-size:20upx;">{{tag}}</view>
      </view>
      <view class="pri">
        <view class="price">
          <text class="money">
            <text class="icon">￥</text>{{pri}}
          </text>
        </view>
        <view class="zhushi">{{zhushi}}</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "searchShop",
  props:{
      shopname:{
          type:String
      },
      pri:{
          type:Number
      },
      tag:{
            type:String
      },
      zhushi:{
          type:String
      },
      pic:{
        type:String
      }
  }
};
// shopname : 商品名  pri:商品价格  tag待安装标签里的内容  zhushi：底部注释
</script>

<style lang="scss">
.searchShop {
  display: flex;
  justify-content: space-between;
  border-top: 3upx solid #eeeeee;
  border-bottom: 3upx solid #eeeeee;
  .shop {
    width: 249upx;
    height: 243upx;
    margin: auto 0;
    margin-right: 13upx;
  }
  .shopdesc {
    width: 450upx;
    font-size: 26upx;
    color: #666666;
    .shopname {
      width: 443upx;
    }
  }
  .pri {
    margin-top: 86upx;
    .price {
      .money {
        font-size: 36upx;
        color: #ea2544;
        .icon {
          font-size: 19upx;
        }
      }
      .tag {
        width: 68upx;
        height: 31upx;
        border: 1upx solid #3299ba;
        color: #3299ba;
        text-align: center;
        line-height: 31upx;
        font-size: 16upx;
        padding: 6upx 9upx;
        margin-left: 16upx;
        position: relative;
        top: -5upx;
      }
    }
    .zhushi {
      font-size: 18upx;
      color: #999999;
      margin-top: 16upx;
      padding-bottom: 16upx;
    }
  }
}
</style>