style: 统一图片组件属性格式

This commit is contained in:
2026-05-07 15:43:33 +08:00
parent b65ec35d3c
commit 8c0ec46dd8
20 changed files with 69 additions and 69 deletions

View File

@@ -2,7 +2,7 @@
<view data-component-name="diy-category-item" class="item-wrap" :class="type"> <view data-component-name="diy-category-item" class="item-wrap" :class="type">
<block v-if="type == 'category' && category.child_list && category.child_list.length"> <block v-if="type == 'category' && category.child_list && category.child_list.length">
<view class="category-adv" v-if="category.image_adv" @tap.stop="diyRedirectTo(category.link_url)"> <view class="category-adv" v-if="category.image_adv" @tap.stop="diyRedirectTo(category.link_url)">
<image :src="$util.img(category.image_adv)" mode="widthFix" show-menu-by-longpress/> <image :src="$util.img(category.image_adv)" mode="widthFix" show-menu-by-longpress />
</view> </view>
<block v-if="value.level == 2"> <block v-if="value.level == 2">
@@ -11,7 +11,7 @@
<view class="category-item" v-for="(one, oneIndex) in category.child_list" :key="oneIndex" <view class="category-item" v-for="(one, oneIndex) in category.child_list" :key="oneIndex"
@tap.stop="$util.redirectTo('/pages_goods/list', { category_id: one.category_id })"> @tap.stop="$util.redirectTo('/pages_goods/list', { category_id: one.category_id })">
<view class="img-box"> <view class="img-box">
<image :src="$util.img(one.image)" mode="widthFix" show-menu-by-longpress/> <image :src="$util.img(one.image)" mode="widthFix" show-menu-by-longpress />
</view> </view>
<view class="name">{{ one.category_name }}</view> <view class="name">{{ one.category_name }}</view>
</view> </view>
@@ -25,7 +25,7 @@
<view class="category-item" v-for="(two, twoIndex) in one.child_list" :key="twoIndex" <view class="category-item" v-for="(two, twoIndex) in one.child_list" :key="twoIndex"
@tap.stop="$util.redirectTo('/pages_goods/list', { category_id: two.category_id })"> @tap.stop="$util.redirectTo('/pages_goods/list', { category_id: two.category_id })">
<view class="img-box"> <view class="img-box">
<image :src="$util.img(two.image)" mode="widthFix" :lazy-load="true" show-menu-by-longpress/> <image :src="$util.img(two.image)" mode="widthFix" :lazy-load="true" show-menu-by-longpress />
</view> </view>
<view class="name">{{ two.category_name }}</view> <view class="name">{{ two.category_name }}</view>
</view> </view>
@@ -82,7 +82,7 @@
<block v-if="goodsList.length"> <block v-if="goodsList.length">
<view class="goods-item" v-for="(item, index) in goodsList" :key="index"> <view class="goods-item" v-for="(item, index) in goodsList" :key="index">
<view class="goods-img" @tap.stop="toDetail(item)"> <view class="goods-img" @tap.stop="toDetail(item)">
<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" :show-menu-by-longpress="true" /> <image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" show-menu-by-longpress />
<view class="color-base-bg goods-tag" v-if="item.label_name">{{ item.label_name }} <view class="color-base-bg goods-tag" v-if="item.label_name">{{ item.label_name }}
</view> </view>
</view> </view>
@@ -102,11 +102,11 @@
</view> </view>
<view class="member-price-tag" <view class="member-price-tag"
v-if="item.member_price && item.member_price == showPrice(item)"> v-if="item.member_price && item.member_price == showPrice(item)">
<image :src="$util.img('public/uniapp/index/VIP.png')" mode="widthFix" show-menu-by-longpress/> <image :src="$util.img('public/uniapp/index/VIP.png')" mode="widthFix" show-menu-by-longpress />
</view> </view>
<view class="member-price-tag" v-else-if="item.promotion_type == 1"> <view class="member-price-tag" v-else-if="item.promotion_type == 1">
<image :src="$util.img('public/uniapp/index/discount.png')" <image :src="$util.img('public/uniapp/index/discount.png')"
mode="widthFix" show-menu-by-longpress/> mode="widthFix" show-menu-by-longpress />
</view> </view>
</view> </view>
<view class="footer-wrap"> <view class="footer-wrap">
@@ -158,7 +158,7 @@
</view> </view>
</block> </block>
<view class="category-empty" v-else> <view class="category-empty" v-else>
<image :src="$util.img('public/uniapp/category/empty.png')" mode="widthFix" show-menu-by-longpress/> <image :src="$util.img('public/uniapp/category/empty.png')" mode="widthFix" show-menu-by-longpress />
</view> </view>
<!-- <view class="end-tips" ref="endTips" v-if="last && (categoryId == -1 || !category.child_list || (category.child_list && categoryId == category.child_list.length - 1))">已经到底了~</view> <!-- <view class="end-tips" ref="endTips" v-if="last && (categoryId == -1 || !category.child_list || (category.child_list && categoryId == category.child_list.length - 1))">已经到底了~</view>
<view class="end-tips" ref="endTips" v-else @tap.stop="switchCategory('next')"> <view class="end-tips" ref="endTips" v-else @tap.stop="switchCategory('next')">
@@ -178,7 +178,7 @@
<view class="goods-item" v-for="(item, index) in goodsList" :key="index"> <view class="goods-item" v-for="(item, index) in goodsList" :key="index">
<view class="goods-img" @tap.stop="toDetail(item)"> <view class="goods-img" @tap.stop="toDetail(item)">
<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" <image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)"
:lazy-load="true" :show-menu-by-longpress="true" /> :lazy-load="true" show-menu-by-longpress />
<view class="color-base-bg goods-tag" v-if="item.label_name">{{ item.label_name }}</view> <view class="color-base-bg goods-tag" v-if="item.label_name">{{ item.label_name }}</view>
</view> </view>
<view class="info-wrap"> <view class="info-wrap">
@@ -197,10 +197,10 @@
</view> </view>
<view class="member-price-tag" <view class="member-price-tag"
v-if="item.member_price && item.member_price == showPrice(item)"> v-if="item.member_price && item.member_price == showPrice(item)">
<image :src="$util.img('public/uniapp/index/VIP.png')" mode="widthFix" show-menu-by-longpress/> <image :src="$util.img('public/uniapp/index/VIP.png')" mode="widthFix" show-menu-by-longpress />
</view> </view>
<view class="member-price-tag" v-else-if="item.promotion_type == 1"> <view class="member-price-tag" v-else-if="item.promotion_type == 1">
<image :src="$util.img('public/uniapp/index/discount.png')" mode="widthFix" show-menu-by-longpress/> <image :src="$util.img('public/uniapp/index/discount.png')" mode="widthFix" show-menu-by-longpress />
</view> </view>
</view> </view>
<view class="footer-wrap"> <view class="footer-wrap">

View File

@@ -6,7 +6,7 @@
<view class="button-box" @tap.stop="$util.diyRedirectTo(item.link)" <view class="button-box" @tap.stop="$util.diyRedirectTo(item.link)"
:style="{ width: value.imageSize + 'px', height: value.imageSize + 'px', fontSize: value.imageSize + 'px' }"> :style="{ width: value.imageSize + 'px', height: value.imageSize + 'px', fontSize: value.imageSize + 'px' }">
<image v-if="!item.iconType || item.iconType == 'img'" :src="$util.img(item.imageUrl)" mode="aspectFit" <image v-if="!item.iconType || item.iconType == 'img'" :src="$util.img(item.imageUrl)" mode="aspectFit"
:show-menu-by-longpress="true" /> show-menu-by-longpress />
<diy-icon v-else-if="item.iconType && item.iconType == 'icon'" :icon="item.icon" <diy-icon v-else-if="item.iconType && item.iconType == 'icon'" :icon="item.icon"
:value="item.style ? item.style : null"></diy-icon> :value="item.style ? item.style : null"></diy-icon>
</view> </view>

View File

@@ -9,7 +9,7 @@
:src="$util.img(item.goods_image, { size: goodsValue.template == 'large-mode' ? 'big' : 'mid' })" :src="$util.img(item.goods_image, { size: goodsValue.template == 'large-mode' ? 'big' : 'mid' })"
mode="widthFix" @error="imgError(index)" mode="widthFix" @error="imgError(index)"
:style="{ borderRadius: goodsValue.imgAroundRadius * 2 + 'rpx' }" :style="{ borderRadius: goodsValue.imgAroundRadius * 2 + 'rpx' }"
:show-menu-by-longpress="true" /> show-menu-by-longpress />
<view class="sell-out" v-if="item.stock <= 0"> <view class="sell-out" v-if="item.stock <= 0">
<text class="iconfont icon-shuqing"></text> <text class="iconfont icon-shuqing"></text>
</view> </view>
@@ -49,9 +49,9 @@
<view class="member-price" <view class="member-price"
v-if="(item.member_price && item.member_price == showPrice(item)) || item.promotion_type == 1"> v-if="(item.member_price && item.member_price == showPrice(item)) || item.promotion_type == 1">
<image v-if="item.member_price && item.member_price == showPrice(item)" <image v-if="item.member_price && item.member_price == showPrice(item)"
:src="$util.img('public/uniapp/index/VIP.png')" show-menu-by-longpress/> :src="$util.img('public/uniapp/index/VIP.png')" show-menu-by-longpress />
<image v-else-if="item.promotion_type == 1" <image v-else-if="item.promotion_type == 1"
:src="$util.img('public/uniapp/index/discount.png')" show-menu-by-longpress/> :src="$util.img('public/uniapp/index/discount.png')" show-menu-by-longpress />
</view> </view>
<view v-if="goodsValue.priceStyle.lineControl && showMarketPrice(item)" <view v-if="goodsValue.priceStyle.lineControl && showMarketPrice(item)"
class="delete-price price-font" class="delete-price price-font"
@@ -118,7 +118,7 @@
<view class="goods-img-wrap"> <view class="goods-img-wrap">
<image class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }" <image class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix" @error="imgError(index)" :src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix" @error="imgError(index)"
:lazy-load="true" :show-menu-by-longpress="true" /> :lazy-load="true" show-menu-by-longpress />
<view class="sell-out" v-if="item.stock <= 0"> <view class="sell-out" v-if="item.stock <= 0">
<text class="iconfont icon-shuqing"></text> <text class="iconfont icon-shuqing"></text>
</view> </view>
@@ -157,9 +157,9 @@
<view class="member-price" <view class="member-price"
v-if="(item.member_price && item.member_price == showPrice(item)) || item.promotion_type == 1"> v-if="(item.member_price && item.member_price == showPrice(item)) || item.promotion_type == 1">
<image v-if="item.member_price && item.member_price == showPrice(item)" <image v-if="item.member_price && item.member_price == showPrice(item)"
:src="$util.img('public/uniapp/index/VIP.png')" show-menu-by-longpress/> :src="$util.img('public/uniapp/index/VIP.png')" show-menu-by-longpress />
<image v-else-if="item.promotion_type == 1" <image v-else-if="item.promotion_type == 1"
:src="$util.img('public/uniapp/index/discount.png')" show-menu-by-longpress/> :src="$util.img('public/uniapp/index/discount.png')" show-menu-by-longpress />
</view> </view>
<view v-if="goodsValue.priceStyle.lineControl && showMarketPrice(item)" <view v-if="goodsValue.priceStyle.lineControl && showMarketPrice(item)"
class="delete-price price-font" class="delete-price price-font"
@@ -185,7 +185,7 @@
<view class="goods-img-wrap"> <view class="goods-img-wrap">
<image class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }" <image class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
:src="$util.img(dataItem.goods_image, { size: 'mid' })" mode="widthFix" :src="$util.img(dataItem.goods_image, { size: 'mid' })" mode="widthFix"
@error="imgError(dataIndex)" :lazy-load="true" :show-menu-by-longpress="true" /> @error="imgError(dataIndex)" :lazy-load="true" show-menu-by-longpress />
<view class="sell-out" v-if="dataItem.stock <= 0"> <view class="sell-out" v-if="dataItem.stock <= 0">
<text class="iconfont icon-shuqing"></text> <text class="iconfont icon-shuqing"></text>
</view> </view>
@@ -227,9 +227,9 @@
v-if="(dataItem.member_price && dataItem.member_price == showPrice(dataItem)) || dataItem.promotion_type == 1"> v-if="(dataItem.member_price && dataItem.member_price == showPrice(dataItem)) || dataItem.promotion_type == 1">
<image <image
v-if="dataItem.member_price && dataItem.member_price == showPrice(dataItem)" v-if="dataItem.member_price && dataItem.member_price == showPrice(dataItem)"
:src="$util.img('public/uniapp/index/VIP.png')" show-menu-by-longpress/> :src="$util.img('public/uniapp/index/VIP.png')" show-menu-by-longpress />
<image v-else-if="dataItem.promotion_type == 1" <image v-else-if="dataItem.promotion_type == 1"
:src="$util.img('public/uniapp/index/discount.png')" show-menu-by-longpress/> :src="$util.img('public/uniapp/index/discount.png')" show-menu-by-longpress />
</view> </view>
<view v-if="goodsValue.priceStyle.lineControl && showMarketPrice(dataItem)" <view v-if="goodsValue.priceStyle.lineControl && showMarketPrice(dataItem)"
class="delete-price" class="delete-price"

View File

@@ -17,7 +17,7 @@
<div class="goods-img-wrap"> <div class="goods-img-wrap">
<image class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }" <image class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
:src="$util.img(dataItem.goods_image, { size: 'mid' })" mode="widthFix" :src="$util.img(dataItem.goods_image, { size: 'mid' })" mode="widthFix"
@error="imgError(index, dataIndex)" :lazy-load="true" :show-menu-by-longpress="true" /> @error="imgError(index, dataIndex)" :lazy-load="true" show-menu-by-longpress />
<view class="sell-out" v-if="dataItem.stock <= 0"> <view class="sell-out" v-if="dataItem.stock <= 0">
<text class="iconfont icon-shuqing"></text> <text class="iconfont icon-shuqing"></text>
</view> </view>
@@ -33,7 +33,7 @@
<view class="label-wrap" v-if="goodsValue.labelStyle.support" <view class="label-wrap" v-if="goodsValue.labelStyle.support"
:style="{ background: goodsValue.labelStyle.bgColor, color: goodsValue.labelStyle.color }"> :style="{ background: goodsValue.labelStyle.bgColor, color: goodsValue.labelStyle.color }">
<image :src="$util.img('app/component/view/goods_recommend/img/label.png')" <image :src="$util.img('app/component/view/goods_recommend/img/label.png')"
mode="widthFix" show-menu-by-longpress/> mode="widthFix" show-menu-by-longpress />
<text>{{ goodsValue.labelStyle.title }}</text> <text>{{ goodsValue.labelStyle.title }}</text>
</view> </view>
<view class="discount-price"> <view class="discount-price">

View File

@@ -23,7 +23,7 @@
:src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')" :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')"
mode="aspectFill" mode="aspectFill"
:style="{ maxWidth: value.imageSize * 2 + 'rpx', maxHeight: value.imageSize * 2 + 'rpx', borderRadius: value.aroundRadius * 2 + 'rpx' }" :style="{ maxWidth: value.imageSize * 2 + 'rpx', maxHeight: value.imageSize * 2 + 'rpx', borderRadius: value.aroundRadius * 2 + 'rpx' }"
:show-menu-by-longpress="true" /> show-menu-by-longpress />
<diy-icon v-if="item.iconType == 'icon'" :icon="item.icon" <diy-icon v-if="item.iconType == 'icon'" :icon="item.icon"
:value="item.style ? item.style : null" :value="item.style ? item.style : null"
@@ -69,7 +69,7 @@
:src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')" :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')"
mode="aspectFill" mode="aspectFill"
:style="{ maxWidth: value.imageSize * 2 + 'rpx', maxHeight: value.imageSize * 2 + 'rpx', borderRadius: value.aroundRadius * 2 + 'rpx' }" :style="{ maxWidth: value.imageSize * 2 + 'rpx', maxHeight: value.imageSize * 2 + 'rpx', borderRadius: value.aroundRadius * 2 + 'rpx' }"
:show-menu-by-longpress="true" /> show-menu-by-longpress />
<diy-icon v-if="item.iconType == 'icon'" :icon="item.icon" <diy-icon v-if="item.iconType == 'icon'" :icon="item.icon"
:value="item.style ? item.style : null" :value="item.style ? item.style : null"
:style="{ maxWidth: value.imageSize * 2 + 'rpx', maxHeight: value.imageSize * 2 + 'rpx', width: '100%', height: '100%' }"></diy-icon> :style="{ maxWidth: value.imageSize * 2 + 'rpx', maxHeight: value.imageSize * 2 + 'rpx', width: '100%', height: '100%' }"></diy-icon>

View File

@@ -2,7 +2,7 @@
<view data-component-name="diy-hot-area" :style="hotAreaWarp" class="hot-area-box"> <view data-component-name="diy-hot-area" :style="hotAreaWarp" class="hot-area-box">
<view class="simple-graph-wrap"> <view class="simple-graph-wrap">
<image :style="{ height: value.imgHeight }" :src="$util.img(value.imageUrl)" mode="widthFix" <image :style="{ height: value.imgHeight }" :src="$util.img(value.imageUrl)" mode="widthFix"
:show-menu-by-longpress="true" /> show-menu-by-longpress />
<!-- 热区功能 --> <!-- 热区功能 -->
<view class="heat-map" v-for="(mapItem, mapIndex) in value.heatMapData" :key="mapIndex" :style="{ <view class="heat-map" v-for="(mapItem, mapIndex) in value.heatMapData" :key="mapIndex" :style="{
width: mapItem.width + '%', width: mapItem.width + '%',

View File

@@ -15,12 +15,12 @@
'width': (item.imgWidth / 2 + 'rpx') + ';', 'width': (item.imgWidth / 2 + 'rpx') + ';',
'height': (item.imgHeight / 2 + 'rpx') + ';' 'height': (item.imgHeight / 2 + 'rpx') + ';'
}" :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')" }" :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')"
:show-menu-by-longpress="true" @tap.stop="redirectTo(item.link)"></image> show-menu-by-longpress @tap.stop="redirectTo(item.link)"></image>
<image v-else :style="{ <image v-else :style="{
'width': (item.imgWidth / 2 + 'rpx') + ';', 'width': (item.imgWidth / 2 + 'rpx') + ';',
'height': (item.imgHeight / 2 + 'rpx') + ';' 'height': (item.imgHeight / 2 + 'rpx') + ';'
}" :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')" }" :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')"
:show-menu-by-longpress="true" @tap.stop="previewImg(item.imageUrl)"></image> show-menu-by-longpress @tap.stop="previewImg(item.imageUrl)"></image>
</view> </view>
<!-- 文字部分 --> <!-- 文字部分 -->

View File

@@ -4,7 +4,7 @@
<block v-if="imgAdsValue.list.length == 1"> <block v-if="imgAdsValue.list.length == 1">
<view class="simple-graph-wrap" :style="imgAdsSwiper" @tap.stop="handlerClick(imgAdsValue.list[0].link)"> <view class="simple-graph-wrap" :style="imgAdsSwiper" @tap.stop="handlerClick(imgAdsValue.list[0].link)">
<image :style="{ height: imgAdsValue.list[0].imgHeight }" <image :style="{ height: imgAdsValue.list[0].imgHeight }"
:src="$util.img(imgAdsValue.list[0].imageUrl)" mode="widthFix" :show-menu-by-longpress="true" /> :src="$util.img(imgAdsValue.list[0].imageUrl)" mode="widthFix" show-menu-by-longpress />
</view> </view>
</block> </block>
<swiper v-else class="swiper" :style="{ height: swiperHeight }" :class="{ <swiper v-else class="swiper" :style="{ height: swiperHeight }" :class="{
@@ -18,7 +18,7 @@
:key="index" v-if="item.imageUrl" @tap.stop="handlerClick(item.link)"> :key="index" v-if="item.imageUrl" @tap.stop="handlerClick(item.link)">
<view class="item" :style="imgAdsSwiper + 'height: ' + item.imgHeight"> <view class="item" :style="imgAdsSwiper + 'height: ' + item.imgHeight">
<image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'" <image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'"
:show-menu-by-longpress="true" /> show-menu-by-longpress />
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>

View File

@@ -7,7 +7,7 @@
:style="itemCss" @tap.stop="handlerClick(item)"> :style="itemCss" @tap.stop="handlerClick(item)">
<view class="merch-img"> <view class="merch-img">
<image class="cover-img" :src="$util.img(item.merch_image)" mode="widthFix" <image class="cover-img" :src="$util.img(item.merch_image)" mode="widthFix"
@error="imgError(index)" show-menu-by-longpress/> @error="imgError(index)" show-menu-by-longpress />
</view> </view>
<view class="info-wrap"> <view class="info-wrap">
<text class="title">{{ item.merch_name }}</text> <text class="title">{{ item.merch_name }}</text>
@@ -30,7 +30,7 @@
:style="{ fontSize: value.imageSize * 2 + 'rpx', width: value.imageSize * 2 + 'rpx', height: value.imageSize * 2 + 'rpx' }"> :style="{ fontSize: value.imageSize * 2 + 'rpx', width: value.imageSize * 2 + 'rpx', height: value.imageSize * 2 + 'rpx' }">
<image <image
:src="$util.img(item.merch_image) || $util.img('public/uniapp/default_img/goods.png')" :src="$util.img(item.merch_image) || $util.img('public/uniapp/default_img/goods.png')"
mode="aspectFill" :show-menu-by-longpress="true" mode="aspectFill" show-menu-by-longpress
style="max-width: 80rpx; max-height: 80rpx; border-radius: 50rpx;" /> style="max-width: 80rpx; max-height: 80rpx; border-radius: 50rpx;" />
</view> </view>
<text class="graphic-text" <text class="graphic-text"

View File

@@ -10,7 +10,7 @@
<view class="quick-img" v-if="item.imageUrl || item.icon"> <view class="quick-img" v-if="item.imageUrl || item.icon">
<image v-if="item.iconType == 'img'" <image v-if="item.iconType == 'img'"
:src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')" :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')"
mode="heightFix" :show-menu-by-longpress="true"></image> mode="heightFix" show-menu-by-longpress ></image>
<diy-icon v-if="item.iconType == 'icon'" :icon="item.icon" <diy-icon v-if="item.iconType == 'icon'" :icon="item.icon"
:value="item.style ? item.style : null" :style="{ fontSize: '60rpx' }"></diy-icon> :value="item.style ? item.style : null" :style="{ fontSize: '60rpx' }"></diy-icon>
</view> </view>

View File

@@ -11,7 +11,7 @@
<view :class="['item', value.mode]" @tap.stop="handlerClick(value.list[0].link, value.list[0].imageUrl)" <view :class="['item', value.mode]" @tap.stop="handlerClick(value.list[0].link, value.list[0].imageUrl)"
:style="{ marginRight: value.imageGap * 2 + 'rpx', width: list[0].imgWidth, height: list[0].imgHeight + 'px' }"> :style="{ marginRight: value.imageGap * 2 + 'rpx', width: list[0].imgWidth, height: list[0].imgHeight + 'px' }">
<image :src="$util.img(value.list[0].imageUrl)" :mode="list[0].imageMode || 'scaleToFill'" <image :src="$util.img(value.list[0].imageUrl)" :mode="list[0].imageMode || 'scaleToFill'"
:style="list[0].pageItemStyle" :show-menu-by-longpress="true" /> :style="list[0].pageItemStyle" show-menu-by-longpress />
</view> </view>
</view> </view>
@@ -21,7 +21,7 @@
<view :key="index" :class="['item', value.mode]" @tap.stop="handlerClick(item.link, item.imageUrl)" <view :key="index" :class="['item', value.mode]" @tap.stop="handlerClick(item.link, item.imageUrl)"
:style="{ marginBottom: value.imageGap * 2 + 'rpx', width: item.imgWidth, height: item.imgHeight + 'px' }"> :style="{ marginBottom: value.imageGap * 2 + 'rpx', width: item.imgWidth, height: item.imgHeight + 'px' }">
<image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'" <image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'"
:style="item.pageItemStyle" :show-menu-by-longpress="true" /> :style="item.pageItemStyle" show-menu-by-longpress />
</view> </view>
</template> </template>
</template> </template>
@@ -35,7 +35,7 @@
:style="{ marginRight: value.imageGap * 2 + 'rpx', width: list[0].imgWidth, height: list[0].imgHeight + 'px' }" :style="{ marginRight: value.imageGap * 2 + 'rpx', width: list[0].imgWidth, height: list[0].imgHeight + 'px' }"
@tap.stop="handlerClick(value.list[0].link, value.list[0].imageUrl)"> @tap.stop="handlerClick(value.list[0].link, value.list[0].imageUrl)">
<image :src="$util.img(value.list[0].imageUrl)" :mode="list[0].imageMode || 'scaleToFill'" <image :src="$util.img(value.list[0].imageUrl)" :mode="list[0].imageMode || 'scaleToFill'"
:style="list[0].pageItemStyle" :show-menu-by-longpress="true" /> :style="list[0].pageItemStyle" show-menu-by-longpress />
</view> </view>
</view> </view>
@@ -44,7 +44,7 @@
:style="{ marginBottom: value.imageGap * 2 + 'rpx', width: list[1].imgWidth, height: list[1].imgHeight + 'px' }" :style="{ marginBottom: value.imageGap * 2 + 'rpx', width: list[1].imgWidth, height: list[1].imgHeight + 'px' }"
@tap.stop="handlerClick(value.list[1].link, value.list[1].imageUrl)"> @tap.stop="handlerClick(value.list[1].link, value.list[1].imageUrl)">
<image :src="$util.img(value.list[1].imageUrl)" :mode="list[1].imageMode || 'scaleToFill'" <image :src="$util.img(value.list[1].imageUrl)" :mode="list[1].imageMode || 'scaleToFill'"
:style="list[1].pageItemStyle" :show-menu-by-longpress="true" /> :style="list[1].pageItemStyle" show-menu-by-longpress />
</view> </view>
<view class="template-bottom"> <view class="template-bottom">
<template v-for="(item, index) in list"> <template v-for="(item, index) in list">
@@ -55,7 +55,7 @@
height: item.imgHeight + 'px' height: item.imgHeight + 'px'
}"> }">
<image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'" <image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'"
:style="item.pageItemStyle" :show-menu-by-longpress="true" /> :style="item.pageItemStyle" show-menu-by-longpress />
</view> </view>
</template> </template>
</template> </template>
@@ -68,7 +68,7 @@
@tap.stop="handlerClick(item.link, item.imageUrl)" @tap.stop="handlerClick(item.link, item.imageUrl)"
:style="{ marginRight: value.imageGap * 2 + 'rpx', marginBottom: value.imageGap * 2 + 'rpx', width: item.widthStyle, height: item.imgHeight + 'px' }"> :style="{ marginRight: value.imageGap * 2 + 'rpx', marginBottom: value.imageGap * 2 + 'rpx', width: item.widthStyle, height: item.imgHeight + 'px' }">
<image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'" <image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'"
:style="item.pageItemStyle" :show-menu-by-longpress="true" /> :style="item.pageItemStyle" show-menu-by-longpress />
</view> </view>
</template> </template>
</view> </view>

View File

@@ -6,10 +6,10 @@
<view v-for="(item, index) in value.list" :key="index" class="goods-item" @tap="showVideo(item)"> <view v-for="(item, index) in value.list" :key="index" class="goods-item" @tap="showVideo(item)">
<view class="goods-img-wrap"> <view class="goods-img-wrap">
<image class="goods-img" style="border-radius:10rpx 10rpx 0 0;" :src="$util.img(item.imageUrl)" <image class="goods-img" style="border-radius:10rpx 10rpx 0 0;" :src="$util.img(item.imageUrl)"
mode="widthFix" @error="imgError(index)" show-menu-by-longpress></image> mode="widthFix" @error="imgError(index)" show-menu-by-longpress ></image>
<view style="position:absolute;top:10rpx;right:10rpx;"> <view style="position:absolute;top:10rpx;right:10rpx;">
<image style="width:30rpx;" :src="$util.img('addon/personnel/shop/view/enterprise/play.png')" <image style="width:30rpx;" :src="$util.img('addon/personnel/shop/view/enterprise/play.png')"
mode="widthFix" show-menu-by-longpress></image> mode="widthFix" show-menu-by-longpress ></image>
</view> </view>
</view> </view>
<view class="info-wrap"> <view class="info-wrap">
@@ -34,10 +34,10 @@
'max-height': '200rpx;', 'max-height': '200rpx;',
'border-radius': '8rpx;' 'border-radius': '8rpx;'
}" :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')" mode="widthFix" }" :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')" mode="widthFix"
:show-menu-by-longpress="true"></image> show-menu-by-longpress ></image>
<view style="position:absolute;top:10rpx;right:10rpx;"> <view style="position:absolute;top:10rpx;right:10rpx;">
<image style="width:30rpx;" <image style="width:30rpx;"
:src="$util.img('addon/personnel/shop/view/enterprise/play.png')" mode="widthFix" show-menu-by-longpress> :src="$util.img('addon/personnel/shop/view/enterprise/play.png')" mode="widthFix" show-menu-by-longpress >
</image> </image>
</view> </view>
</view> </view>

View File

@@ -66,7 +66,7 @@
<swiper class="swiper" style="width:100%;height: 1200rpx;" :autoplay="true" interval="3000" circular="true" :indicator-dots="true" indicator-color="#000" indicator-active-color="red"> <swiper class="swiper" style="width:100%;height: 1200rpx;" :autoplay="true" interval="3000" circular="true" :indicator-dots="true" indicator-color="#000" indicator-active-color="red">
<swiper-item class="swiper-item" v-for="(item, index) in adv.list" :key="index" v-if="item.imageUrl" @click="$util.diyRedirectTo(item.link)"> <swiper-item class="swiper-item" v-for="(item, index) in adv.list" :key="index" v-if="item.imageUrl" @click="$util.diyRedirectTo(item.link)">
<view class="item"> <view class="item">
<image :src="$util.img(item.imageUrl)" mode="aspectFit" :show-menu-by-longpress="true"/> <image :src="$util.img(item.imageUrl)" mode="aspectFit" show-menu-by-longpress></image>
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>

View File

@@ -22,7 +22,7 @@
:item-id="'goods_id_' + index"> :item-id="'goods_id_' + index">
<view class="item" @click="previewMedia(index)"> <view class="item" @click="previewMedia(index)">
<image :src="$util.img(item, { size: 'big' })" @error="swiperImageError(index)" <image :src="$util.img(item, { size: 'big' })" @error="swiperImageError(index)"
mode="aspectFit" :show-menu-by-longpress="true" /> mode="aspectFit" show-menu-by-longpress />
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
@@ -135,7 +135,7 @@
<view class="list-wrap" style="display: flex;"> <view class="list-wrap" style="display: flex;">
<view class="name-wrap"> <view class="name-wrap">
<image :src="$util.img(goodsSkuDetail.merchinfo.merch_image)" mode="widthFix" <image :src="$util.img(goodsSkuDetail.merchinfo.merch_image)" mode="widthFix"
style="width: 100rpx;height: 100rpx;border-radius: 50rpx;" show-menu-by-longpress></image> style="width: 100rpx;height: 100rpx;border-radius: 50rpx;" show-menu-by-longpress ></image>
</view> </view>
<view class="other-wrap"> <view class="other-wrap">
<view class="address" style="margin-left: 30rpx;"> <view class="address" style="margin-left: 30rpx;">
@@ -219,8 +219,8 @@
@click="selectStore(item)"> @click="selectStore(item)">
<view class="item-box"> <view class="item-box">
<view class="item-image"> <view class="item-image">
<image :src="$util.img(item.store_image)" v-if="item.store_image" show-menu-by-longpress/> <image :src="$util.img(item.store_image)" v-if="item.store_image" show-menu-by-longpress />
<image :src="$util.getDefaultImage().store" v-else show-menu-by-longpress/> <image :src="$util.getDefaultImage().store" v-else show-menu-by-longpress />
</view> </view>
<view class="item-info"> <view class="item-info">
<view class="item-title"> <view class="item-title">
@@ -248,7 +248,7 @@
<view class="detail-community" v-if="goodsSkuDetail.qr_data && goodsSkuDetail.qr_data.qr_state == 1"> <view class="detail-community" v-if="goodsSkuDetail.qr_data && goodsSkuDetail.qr_data.qr_state == 1">
<view class="community-box"> <view class="community-box">
<image :src="$util.img('public/uniapp/goods/detail_erweiImage.png')" mode="aspectFill" show-menu-by-longpress></image> <image :src="$util.img('public/uniapp/goods/detail_erweiImage.png')" mode="aspectFill" show-menu-by-longpress ></image>
<view class="community-content"> <view class="community-content">
<view class="community-title">{{ goodsSkuDetail.qr_data.qr_name }}</view> <view class="community-title">{{ goodsSkuDetail.qr_data.qr_name }}</view>
<view class="community-txt">{{ goodsSkuDetail.qr_data.community_describe }}</view> <view class="community-txt">{{ goodsSkuDetail.qr_data.community_describe }}</view>
@@ -301,10 +301,10 @@
<view class="evaluator-face"> <view class="evaluator-face">
<image v-if="item.member_headimg" :src="$util.img(item.member_headimg)" <image v-if="item.member_headimg" :src="$util.img(item.member_headimg)"
@error="item.member_headimg = $util.getDefaultImage().head" @error="item.member_headimg = $util.getDefaultImage().head"
mode="aspectFill" show-menu-by-longpress/> mode="aspectFill" show-menu-by-longpress />
<image v-else :src="$util.getDefaultImage().head" <image v-else :src="$util.getDefaultImage().head"
@error="item.member_headimg = $util.getDefaultImage().head" @error="item.member_headimg = $util.getDefaultImage().head"
mode="aspectFill" show-menu-by-longpress/> mode="aspectFill" show-menu-by-longpress />
</view> </view>
<view class="evaluator-name-wrap"> <view class="evaluator-name-wrap">
<text class="evaluator-name using-hidden" <text class="evaluator-name using-hidden"
@@ -325,7 +325,7 @@
<view class="evaluate-img" v-if="item.images"> <view class="evaluate-img" v-if="item.images">
<view class="img-box" v-for="(img, img_index) in item.images" :key="img_index" <view class="img-box" v-for="(img, img_index) in item.images" :key="img_index"
@click="previewEvaluate(index, img_index, 'images')"> @click="previewEvaluate(index, img_index, 'images')">
<image :src="$util.img(img)" mode="aspectFill" show-menu-by-longpress/> <image :src="$util.img(img)" mode="aspectFill" show-menu-by-longpress />
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
@@ -390,7 +390,7 @@
<template v-if="poster != '-1'"> <template v-if="poster != '-1'">
<view class="poster-wrap"> <view class="poster-wrap">
<view class="image-wrap"> <view class="image-wrap">
<image :src="$util.img(poster)" :show-menu-by-longpress="true" mode="widthFix" /> <image :src="$util.img(poster)" show-menu-by-longpress mode="widthFix" />
<view class="close iconfont icon-close" @click="closePosterPopup()"></view> <view class="close iconfont icon-close" @click="closePosterPopup()"></view>
</view> </view>
<!-- #ifdef MP || APP-PLUS --> <!-- #ifdef MP || APP-PLUS -->

View File

@@ -51,7 +51,7 @@
<view class="goods-item margin-bottom" v-for="(item, index) in goodsList" :key="index" <view class="goods-item margin-bottom" v-for="(item, index) in goodsList" :key="index"
@click="toDetail(item)"> @click="toDetail(item)">
<view class="goods-img"> <view class="goods-img">
<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" :show-menu-by-longpress="true"></image> <image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" show-menu-by-longpress ></image>
<view class="color-base-bg goods-tag" v-if="goodsTag(item) != ''">{{ goodsTag(item) }} <view class="color-base-bg goods-tag" v-if="goodsTag(item) != ''">{{ goodsTag(item) }}
</view> </view>
<view class="sell-out" v-if="item.goods_stock <= 0"> <view class="sell-out" v-if="item.goods_stock <= 0">
@@ -102,7 +102,7 @@
@click="toDetail(item)" @click="toDetail(item)"
:style="{ left: listPosition[index] ? listPosition[index].left : '', top: listPosition[index] ? listPosition[index].top : '' }"> :style="{ left: listPosition[index] ? listPosition[index].left : '', top: listPosition[index] ? listPosition[index].top : '' }">
<view class="goods-img"> <view class="goods-img">
<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" :show-menu-by-longpress="true"></image> <image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" show-menu-by-longpress ></image>
<view class="color-base-bg goods-tag" v-if="goodsTag(item) != ''">{{ goodsTag(item) }} <view class="color-base-bg goods-tag" v-if="goodsTag(item) != ''">{{ goodsTag(item) }}
</view> </view>
<view class="sell-out" v-if="item.stock <= 0"> <view class="sell-out" v-if="item.stock <= 0">

View File

@@ -23,7 +23,7 @@
@click="navToDetailPage(item)"> @click="navToDetailPage(item)">
<view class="image-wrap"> <view class="image-wrap">
<image :src="$util.img(item.sku_image, { size: 'mid' })" @error="imageError(index)" <image :src="$util.img(item.sku_image, { size: 'mid' })" @error="imageError(index)"
mode="aspectFill" show-menu-by-longpress/> mode="aspectFill" show-menu-by-longpress />
</view> </view>
<view class="goods-content"> <view class="goods-content">
<view class="goods-name"> <view class="goods-name">
@@ -109,7 +109,7 @@
<template v-if="poster != '-1'"> <template v-if="poster != '-1'">
<view> <view>
<view class="image-wrap"> <view class="image-wrap">
<image :src="$util.img(poster)" :show-menu-by-longpress="true" /> <image :src="$util.img(poster)" show-menu-by-longpress />
</view> </view>
<!-- #ifdef MP || APP-PLUS --> <!-- #ifdef MP || APP-PLUS -->
<view class="save" @click="saveGoodsPoster()">保存图片</view> <view class="save" @click="saveGoodsPoster()">保存图片</view>

View File

@@ -4,7 +4,7 @@
<swiper-item v-for="(item, index) in poster" :key="index"> <swiper-item v-for="(item, index) in poster" :key="index">
<view class="swiper-item"> <view class="swiper-item">
<view class="poster-wrap"> <view class="poster-wrap">
<image :src="$util.img(item)" mode="widthFix" :show-menu-by-longpress="true" /> <image :src="$util.img(item)" mode="widthFix" show-menu-by-longpress />
</view> </view>
</view> </view>
</swiper-item> </swiper-item>

View File

@@ -7,7 +7,7 @@
@click.stop="toDetail(item)"> @click.stop="toDetail(item)">
<view class="pic"> <view class="pic">
<image :src="$util.img(item.goods_image.split(',')[0], { size: 'mid' })" mode="aspectFill" <image :src="$util.img(item.goods_image.split(',')[0], { size: 'mid' })" mode="aspectFill"
@error="goodsImageError(index)" :show-menu-by-longpress="true"></image> @error="goodsImageError(index)" show-menu-by-longpress ></image>
</view> </view>
<view class="goods_info"> <view class="goods_info">
<view class="goods_name font-size-base">{{ item.sku_name }}</view> <view class="goods_name font-size-base">{{ item.sku_name }}</view>

View File

@@ -13,7 +13,7 @@
<text class="iconfont" :class="$util.inArray(item.id, idArr) != -1 ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'"></text> <text class="iconfont" :class="$util.inArray(item.id, idArr) != -1 ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'"></text>
</view> </view>
<view class="goods-img" @click="toDetail(item)"> <view class="goods-img" @click="toDetail(item)">
<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" :show-menu-by-longpress="true"></image> <image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" show-menu-by-longpress ></image>
<view class="color-base-bg goods-tag" v-if="goodsTag(item) != ''">{{ goodsTag(item) }}</view> <view class="color-base-bg goods-tag" v-if="goodsTag(item) != ''">{{ goodsTag(item) }}</view>
</view> </view>
<view class="info-wrap" @click="toDetail(item)"> <view class="info-wrap" @click="toDetail(item)">
@@ -28,10 +28,10 @@
<text class="unit price-style small">.{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text> <text class="unit price-style small">.{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
</view> </view>
<view class="member-price-tag" v-if="item.member_price && item.member_price == showPrice(item)"> <view class="member-price-tag" v-if="item.member_price && item.member_price == showPrice(item)">
<image :src="$util.img('public/uniapp/index/VIP.png')" mode="widthFix" show-menu-by-longpress></image> <image :src="$util.img('public/uniapp/index/VIP.png')" mode="widthFix" show-menu-by-longpress ></image>
</view> </view>
<view class="member-price-tag" v-else-if="item.promotion_type == 1"> <view class="member-price-tag" v-else-if="item.promotion_type == 1">
<image :src="$util.img('public/uniapp/index/discount.png')" mode="widthFix" show-menu-by-longpress></image> <image :src="$util.img('public/uniapp/index/discount.png')" mode="widthFix" show-menu-by-longpress ></image>
</view> </view>
</view> </view>
<view class="pro-info"> <view class="pro-info">

View File

@@ -9,7 +9,7 @@
<text class="iconfont icon-bangzhu"></text> <text class="iconfont icon-bangzhu"></text>
活动说明 活动说明
</view> </view>
<image class="font" :src="$util.img('public/uniapp/member/invite/top_font.png')" mode="widthFix" show-menu-by-longpress/> <image class="font" :src="$util.img('public/uniapp/member/invite/top_font.png')" mode="widthFix" show-menu-by-longpress />
<view class="time"> <view class="time">
活动时间:{{ $util.timeStampTurnTime(info.start_time, 1) }}至{{ $util.timeStampTurnTime(info.end_time, 1) }} 活动时间:{{ $util.timeStampTurnTime(info.start_time, 1) }}至{{ $util.timeStampTurnTime(info.end_time, 1) }}
</view> </view>
@@ -23,7 +23,7 @@
<view class="invitelist"> <view class="invitelist">
<view class="list-item" v-for="(item, index) in inviteList" :key="index"> <view class="list-item" v-for="(item, index) in inviteList" :key="index">
<view class="img color-base-border"> <view class="img color-base-border">
<image mode="aspectFit" :src="item.headimg == '' ? $util.img($util.getDefaultImage().head) : $util.img(item.headimg)" show-menu-by-longpress/> <image mode="aspectFit" :src="item.headimg == '' ? $util.img($util.getDefaultImage().head) : $util.img(item.headimg)" show-menu-by-longpress />
</view> </view>
<view class="list-left"> <view class="list-left">
<view class="info"> <view class="info">
@@ -128,25 +128,25 @@
<view class="step"> <view class="step">
<view> <view>
<view class="img"> <view class="img">
<image :src="$util.img('public/uniapp/member/invite/fenxiang.png')" mode="aspectFit" show-menu-by-longpress/> <image :src="$util.img('public/uniapp/member/invite/fenxiang.png')" mode="aspectFit" show-menu-by-longpress />
</view> </view>
<view class="text">分享链接给好友</view> <view class="text">分享链接给好友</view>
</view> </view>
<view> <view>
<image :src="$util.img('public/uniapp/member/invite/jiantou.png')" class="jiantou" show-menu-by-longpress></image> <image :src="$util.img('public/uniapp/member/invite/jiantou.png')" class="jiantou" show-menu-by-longpress ></image>
</view> </view>
<view> <view>
<view class="img"> <view class="img">
<image :src="$util.img('public/uniapp/member/invite/shouji.png')" mode="aspectFit" show-menu-by-longpress/> <image :src="$util.img('public/uniapp/member/invite/shouji.png')" mode="aspectFit" show-menu-by-longpress />
</view> </view>
<view class="text">好友进入</view> <view class="text">好友进入</view>
</view> </view>
<view> <view>
<image :src="$util.img('public/uniapp/member/invite/jiantou.png')" class="jiantou" show-menu-by-longpress></image> <image :src="$util.img('public/uniapp/member/invite/jiantou.png')" class="jiantou" show-menu-by-longpress ></image>
</view> </view>
<view> <view>
<view class="img"> <view class="img">
<image :src="$util.img('public/uniapp/member/invite/hongbao.png')" mode="aspectFit" show-menu-by-longpress/> <image :src="$util.img('public/uniapp/member/invite/hongbao.png')" mode="aspectFit" show-menu-by-longpress />
</view> </view>
<view class="text">好友注册成功获得奖励</view> <view class="text">好友注册成功获得奖励</view>
</view> </view>
@@ -160,7 +160,7 @@
<template v-if="poster != '-1'"> <template v-if="poster != '-1'">
<view> <view>
<view class="image-wrap"> <view class="image-wrap">
<image :src="$util.img(poster)" mode="widthFix" :show-menu-by-longpress="true" /> <image :src="$util.img(poster)" mode="widthFix" show-menu-by-longpress />
</view> </view>
<!-- #ifdef MP || APP-PLUS --> <!-- #ifdef MP || APP-PLUS -->
<view class="save" @click="savePoster()">保存图片</view> <view class="save" @click="savePoster()">保存图片</view>