wangxiaowei/xiuhuwangqiu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
wangxiaowei
2025-10-22 22:56:36 +08:00
commit 90c54df48b
302 changed files with 54312 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
components/diy/store/store.vue Normal file
View File

@ -0,0 +1,64 @@
<template>
<view class="diy-store" :style="{ background: itemData.style.background }">
<view class="diy-head d-b-c">
<view class="left d-s-c">
<view class="name">
线下门店
</view>
</view>
</view>
<view class="store-item d-s-c p-30-0" :key="index" v-for="(store, index) in itemData.data" @click="gotoDetail(store.store_id)">
<view class="store-item-logo mr30"><image :src="store.logo_image" mode="aspectFill"></image></view>
<view class="flex-1 o-h">
<view class="ww100 f34 gray3 text-ellipsis">
<text>{{ store.store_name }}</text>
</view>
<view class="text-ellipsis mt10 f24 gray3"><text class="gray3">门店地址：</text><text class="gray6">{{ store.region.province }}{{ store.region.city }}{{ store.region.region }}{{ store.address }}</text></view>
<view class="mt10 f24">
<text class="gray3">联系电话：</text><text class="gray6">{{ store.phone }}</text>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
props: ['itemData'],
methods: {
/*跳转门店详情*/
gotoDetail(e) {
let url = 'pages/store/detail/detail?store_id=' + e;
this.gotoPage(url);
}
}
};
</script>
<style>
.diy-store {
margin: 20rpx;
border-radius: 6rpx;
padding: 0 20rpx 20rpx;
background: #ffffff;
box-shadow: 0px 8rpx 3rpx 0px rgba(6, 0, 1, 0.03);
}
.diy-store .diy-head {
height: 100rpx;
}
.diy-store .diy-head .name {
font-size: 36rpx;
font-weight: bold;
}
.diy-store .store-item {
border-top: 1rpx solid #eeeeee;
}
.diy-store .store-item-logo,
.diy-store .store-item-logo image {
width: 120rpx;
height: 120rpx;
}
</style>