<template>
  <view class="indexMiaosha1" @click="goto">
    <view class="shop">
      <img :src="imgpic" alt="" class="shoppic">
    </view>
    <view class="pri">
        <text>￥{{price}}</text>
        <text class="huaxian">￥{{huaxian}}</text>
    </view>
    <view class="xiangou">仅限{{xiangou}}件</view>
  </view>
</template>

<script>
export default {
  name: "indexMiaosha1",
  props:{
    imgpic:{
      type:String
    },
    price:{
      
    },
    huaxian:{
     
    },
    xiangou:{
     
    },
    msid:{
      
    }

  },
  mounted(){
    console.log(this.imgpic)
  },
  methods:{
    goto(e){
      console.log(this.msid)
      uni.navigateTo({
        url:"/pages/seckilldetail/seckilldetail?msid="+this.msid
      })
    }
  }
};
</script>

<style lang="scss">
.indexMiaosha1 {
  .shop {
    width: 176upx;
    height: 165upx;
    background-color: #cf0f0f;
  }
  .pri{
    color: #E32E10;
    font-size: 20upx;
    text-align: center;
    margin-top: 21upx;
    .huaxian{
        color: #CCCCCC;
        font-size: 14upx;
        text-decoration: line-through;
    }
  }
  .xiangou{
      color: #CCCCCC;
        font-size: 14upx;
        text-align: center;
        margin-top: 8upx;
        margin-left: 5upx;
  }
  .shoppic{
    width:100%;
    height: 100%;
  }
}
</style>