<template>
	
	<view class="Sbox" 
		:style="{ 'background-image': 'url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1597636248000_978.png)', backgroundSize: '100% 80px' }"
	>
		<view style="display: flex;flex-direction: row;align-items: center;">
			<u-avatar :src="shopData.Logo" size="100" slot="addBtn"></u-avatar>
			<view class="shopbox_l_text">
				<text style=" font-size: 30rpx;color: #111111;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{shopData.Name}}</text>
				<text style=" font-size: 24rpx;color: #878787;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{shopData.Notice}}</text>
			</view>
		</view>
		<button class="fx" open-type="share">
			<image
			  mode="aspectFit"
			  src="../../static/images/icon/img-share-status.png"
			  @click="clickHandler(item.link.url)"
			  style="height:100%;width: 100%;"
			/>
		</button>
		
	</view>
	
</template>

<script>
export default {
	props: ["ad"],
	data() {
	  return {
	    shopData:{}
	  }
	},
	created() {
	  this.getSmallShopById()
	},
	methods:{
		getSmallShopById(){
			 let Id = uni.getStorageSync("mall_UserInfo") ? uni.getStorageSync("mall_UserInfo").UserSmallShopId: 0;
			this.request2(
				{
					url: '/api/AppletUser/GetSmallShopById',
					data: {
						// Id: Id
						Id: 5
					}
				},
				res => {
					if (res.resultCode == 1) {
						this.shopData = res.data
					}
				}
			);
		}
	},
}
</script>

<style>
	.Sbox{
		width: 100%;
		height: 80px;
		padding: 0 30px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		
	}
	.Sbox .shopbox_l_text{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		width: 180px;
		height: 100rpx;
		margin-left: 10px;
	}
	.Sbox .fx{
		width: 65px;
		height: 27px;
		border: none;
		outline: none;
		padding: 0;
		margin: 0;
		line-height: unset;
	}
</style>
