51 lines
778 B
Vue
51 lines
778 B
Vue
<template>
|
|
<view class="list-border">
|
|
<view class="list-container">
|
|
<view class="shop-list-img">
|
|
<u-image width="80px" height="80px" :src="imageUrl" border-radius='6px'></u-image>
|
|
</view>
|
|
</view>
|
|
<view class="list-ads">
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
imageUrl: {
|
|
type: String,
|
|
default(){
|
|
return 'https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg'
|
|
}
|
|
}
|
|
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
|
|
},
|
|
computed: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.list-border {
|
|
padding: 10px;
|
|
}
|
|
.list-container {
|
|
height: 80px;
|
|
background-color: #fff;
|
|
background-color: #000;
|
|
margin: 10px;
|
|
.shop-list-img {
|
|
border-radius: $uni-border-radius-lg;
|
|
}
|
|
}
|
|
</style> |