<template>
	<view style="padding-top: 15rpx;">
		<view class="home_list" style="padding-bottom: 0;">
		  <image class="left" @click="go_shop" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/home_img/home_yuncang.webp"></image>
		  <view class="right">
		    <image class="top"  @click="navgo(`/pages/nongKe/supply_chain/supplierB?type_id=10,17&street_id=${street_id}&townName=${town}`)" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/home_img/home_shichang.webp"></image>
		    <image class="bottom" @click="navgo('/pages/nongKe/specialty/index?type_code=PersonalStore&street_id='+street_id)" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/home_img/home_my.webp"></image>
		  </view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'card',
	data() {
		return {
		};
	},
	created() {},
	mounted() {},
	methods: {
    go_shop() {
      uni.navigateTo({
        url: `/pages/cloud_warehouse/big_classification/index`
      })
    },
    navgo(url){
      if(url) uni.navigateTo({
        url: url
      })
    }
	}
}
</script>

<style lang="scss" scoped>
.home_list{
    display: flex;
    justify-content: space-around;
    padding: 10rpx;
    padding-bottom: 20rpx;
    padding-top: 0;
    .left{
      height: 491rpx;
      width: 340rpx;
    }
    .right{
      display: flex;
      flex-direction: column;
      .top{
        width: 390rpx;
        height: 244rpx;
      }
      .bottom{
        width: 390rpx;
        height: 244rpx;
      }
    }
}
</style>