门店优化
gongfuxiang
parent
fa37b497be
commit
16765b9898
|
|
@ -225,15 +225,19 @@
|
|||
|
||||
.plugins-blog-grid-list .item .blog-img {
|
||||
width: 100%;
|
||||
/* height: 230rpx !important; */
|
||||
}
|
||||
|
||||
/**
|
||||
* 门店 - 数据列表
|
||||
*/
|
||||
.plugins-realstore-data-list .item .address-content {
|
||||
width: calc(100% - 60rpx);
|
||||
}
|
||||
width: calc(100% - 150rpx);
|
||||
}
|
||||
|
||||
.plugins-realstore-data-list .item .address-distance {
|
||||
right: 20rpx;
|
||||
bottom: 42rpx;
|
||||
}
|
||||
|
||||
.plugins-realstore-data-list .item .icon-list {
|
||||
right: 24rpx;
|
||||
|
|
|
|||
|
|
@ -24,15 +24,13 @@
|
|||
</view>
|
||||
<view class="flex-row jc-sb align-c br-t-dashed margin-top-main padding-top-sm">
|
||||
<!-- 地址 -->
|
||||
<view class="oh cp padding-top-xs">
|
||||
<view class="dis-inline-block va-m cr-grey-9 pr top-sm">
|
||||
<view class="padding-top-xs address-content single-text cr-base margin-left-xs dis-inline-block text-size-xs oh cp" :data-value="item.province_name + item.city_name + item.county_name + item.address" @tap.stop="text_copy_event">
|
||||
<view class="dis-inline-block va-m cr-grey-9 margin-top-sm">
|
||||
<iconfont name="icon-mendian-dingwei"></iconfont>
|
||||
</view>
|
||||
<view class="address-content single-text cr-base margin-left-xs dis-inline-block text-size-xs va-m" :data-value="item.province_name + item.city_name + item.county_name + item.address" @tap.stop="text_copy_event">
|
||||
{{ item.province_name }}{{ item.city_name }}{{ item.county_name }}{{ item.address }}
|
||||
</view>
|
||||
<text class="va-m margin-left-xs">{{ item.province_name }}{{ item.city_name }}{{ item.county_name }}{{ item.address }}</text>
|
||||
</view>
|
||||
<view v-if="(item.distance || null) != null" class="text-size-xs cr-grey-c padding-top-xs">距您{{ item.distance }}</view>
|
||||
<view v-if="(item.distance || null) != null" class="text-size-xs cr-grey-c pa address-distance">距您{{ item.distance }}</view>
|
||||
</view>
|
||||
<!-- 右侧操作 -->
|
||||
<view class="icon-list pa">
|
||||
|
|
|
|||
|
|
@ -225,23 +225,22 @@
|
|||
overflow: hidden;
|
||||
}
|
||||
.price-content {
|
||||
width: 60%;
|
||||
float: left;
|
||||
width: calc(100% - 220rpx);
|
||||
}
|
||||
.countdown-content {
|
||||
width: 40%;
|
||||
.goods-base-right-opt {
|
||||
width: 206rpx;
|
||||
}
|
||||
.price-content,
|
||||
.countdown-content {
|
||||
.goods-base-right-opt {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
.countdown-content image {
|
||||
.goods-base-right-opt image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
.countdown-content .collect {
|
||||
.goods-base-right-opt .collect {
|
||||
width: 76rpx;
|
||||
}
|
||||
.price-content .price-icon {
|
||||
|
|
@ -266,10 +265,14 @@
|
|||
/**
|
||||
* 价格信息与秒杀结合
|
||||
*/
|
||||
.goods-base-price-countdown {
|
||||
background: #e84742 !important;
|
||||
}
|
||||
.goods-base-price-countdown .price-content {
|
||||
background: #f9534e;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 60%;
|
||||
}
|
||||
.goods-base-price-countdown .price-icon {
|
||||
margin-right: 0;
|
||||
|
|
@ -287,9 +290,6 @@
|
|||
.goods-base-price-countdown .original-price {
|
||||
color: #ffcece;
|
||||
}
|
||||
.goods-base-price-countdown .countdown-content {
|
||||
background: #e84742;
|
||||
}
|
||||
.countdown-content .time-title {
|
||||
font-size: 38rpx;
|
||||
margin-bottom: 10rpx;
|
||||
|
|
|
|||
|
|
@ -89,7 +89,7 @@
|
|||
<!-- 价格信息 -->
|
||||
<view :class="'goods-base-price bg-white oh spacing-mb ' + ((plugins_seckill_data || null) != null ? 'goods-base-price-countdown' : '')">
|
||||
<!-- 价格 -->
|
||||
<view class="price-content padding-lg" :style="(plugins_seckill_data || null) != null ? 'background-image: url(' + plugins_seckill_data.goods_detail_header + ')' : ''">
|
||||
<view class="price-content padding-lg bs-bb fl" :style="(plugins_seckill_data || null) != null ? 'background-image: url(' + plugins_seckill_data.goods_detail_header + ')' : ''">
|
||||
<view class="single-text">
|
||||
<text v-if="(show_field_price_text || null) != null" class="price-icon round va-m">{{ show_field_price_text }}</text>
|
||||
<text class="sales-price va-m">{{ currency_symbol }}{{ goods_spec_base_price }}</text>
|
||||
|
|
@ -112,14 +112,14 @@
|
|||
propDsColor="#fff"
|
||||
></component-countdown>
|
||||
</view>
|
||||
<view v-else class="flex-row jc-e align-c countdown-content padding-top-lg padding-bottom-lg padding-left-xs padding-right-xs">
|
||||
<view v-else class="flex-row jc-e align-c goods-base-right-opt padding-top-lg padding-bottom-lg padding-left-xs padding-right-xs fr">
|
||||
<!-- 分享 -->
|
||||
<view class="goods-share tc cp margin-right-lg" @tap="popup_share_event">
|
||||
<image :src="common_static_url + 'share-icon.png'" mode="scaleToFill" class="dis-block auto"></image>
|
||||
<view class="cr-grey text-size-xs">分享</view>
|
||||
</view>
|
||||
<!-- 收藏 -->
|
||||
<view class="collect tc cp margin-horizontal-main" @tap="goods_favor_event">
|
||||
<view class="collect tc cp margin-left-main" @tap="goods_favor_event">
|
||||
<image :src="common_static_url + 'favor' + (nav_favor_button_info.status == 1 ? '-active' : '') + '-icon.png'" mode="scaleToFill" class="dis-block auto"></image>
|
||||
<view :class="'cr-grey text-size-xs ' + (nav_favor_button_info.status == 1 ? 'cr-main' : 'cr-grey')">{{ nav_favor_button_info.text }}</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@
|
|||
</view>
|
||||
<view class="margin-top-xs text-size-xs cr-grey">
|
||||
<view v-if="(info.status_info.time || null) != null">营业时间：{{ info.status_info.time }}</view>
|
||||
<view v-if="(info.distance || null) != null">距离您{{ info.distance }}</view>
|
||||
<view v-if="(info.distance || null) != null">距您{{ info.distance }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
Loading…
Reference in New Issue