caoliancun/MP-XiaoXing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

xiugai

Browse Source
This commit is contained in:
lixuan
2022-12-06 18:14:56 +08:00
parent f8543b24e7
commit 5c968e561a
7 changed files with 453 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
components/site-item/site-item.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="cu-item cur padding no-mr-border site-item">
<view class="cu-item cur padding no-mr-border site-item" :style="{height:siteItem.oilProductCodeAndPrices.length>3?'220rpx !important':listHeight?listHeight + 'rpx !important':''}">
<view class="cu-avatar radius lg "
:style="'background-image:url('+(siteItem.siteImages?siteItem.siteImages:defaultLogo)+');'">
</view>
@@ -18,26 +18,34 @@
{{siteItem.address}}
</view>
</view>
<view class="text-gray flex">
<view class="text-bold yellow-oil text-xl padding-right-xs">
<view class="text-gray flex" style="width: calc(100% + 30%);display: flex;flex-wrap: wrap;">
<view v-if="listHeight" class="youpin" style="" v-for="(item,index) in siteItem.oilProductCodeAndPrices">
<view class="text-bold yellow-oil text-xl padding-right-xs">
{{item.oilProductCode}}
</view>
<view class="oil-main-color text-xl text-bold padding-right-xs" style="padding-right: 0;">
￥{{item.personalPrice|moneyFormat}}
</view>
</view>
<view v-if="!listHeight" class="text-bold yellow-oil text-xl padding-right-xs">
{{siteItem.oilProductCode}}
</view>
<view class="oil-main-color text-xl text-bold padding-right-xs">
<view v-if="!listHeight" class="oil-main-color text-xl text-bold padding-right-xs">
￥{{siteItem.sitePrice|moneyFormat}}
</view>
<view class="">
</view>
<view v-if="!listHeight" class="">
<text class="cu-tag oil-tag radius text-xs"
v-if="siteItem.oilSitePrice - siteItem.sitePrice>0">省￥{{(siteItem.oilSitePrice - siteItem.sitePrice)|moneyFormat}}</text>
</view>
<view class="text-cut padding-left-sm text-lg">
<view v-if="!listHeight" class="text-cut padding-left-sm text-lg">
<text class="text-delete color-333 text-sm padding-right-xs">
￥{{siteItem.oilSitePrice|moneyFormat}}/L
</text>
</text>
<!-- <my-icon iconName="￥.png" class="padding-right-xs icon-rectangle"></my-icon>
<my-icon iconName="f.png" class="padding-right-xs "></my-icon> -->
</view>
</view>
</view>
</view>
@@ -61,6 +69,10 @@
first: {
type: Boolean,
default: false
},
listHeight:{
type:Number,
default:0
}
},
data() {
@@ -76,7 +88,7 @@
filters: {
channelCodeFamt(value) {
console.log(value)
if (value == null) {
if (!value) {
return '未知'
// 渠道编码 ( XOIL：星油 WJY：万金油 LV：老吕（找油网） TY：团油 YDJY：一点加油（壳牌）)
// switch (value) {
@@ -115,7 +127,7 @@
.site-item {
margin-bottom: 1.8rem;
align-items: flex-start !important;
height: 147rpx!important;
height: 150rpx!important;
}
.yellow-oil{
@@ -124,4 +136,15 @@
.cu-avatar{
background-color: transparent !important;
}
.youpin{
border: 1px solid #e4e4e4;
display: flex;
border-radius: 5px;
padding: 0 5px;
margin-right: 5px;
margin-bottom: 5px;
}
.text-xl{
font-size: 30rpx;
}
</style>