1.diy---header

master
sws 2024-09-25 13:47:45 +08:00
parent 296fbf939e
commit d457edbc53
2 changed files with 17 additions and 13 deletions

View File

@ -5,12 +5,12 @@
<view class="bottom-line-exclude">
<view class="flex-row jc-sa align-c wh padding-0">
<view v-for="(item, index) in nav_content" :key="index" class="flex-1 flex-col jc-c align-c gap-5" :data-index="index" :data-value="item.link.page" @tap="url_event">
<view v-if="nav_style !== 2" class="img pr">
<view v-if="nav_style !== 2" class="img-content pr">
<view class="img-item pa border-radius-xs animate-linear" :class="is_active != index ? 'active' : ''">
<image :src="item.img[0].url" class="wh-auto ht-auto dis-block"></image>
<image :src="item.img[0].url" class="img dis-block" model="widthFix"></image>
</view>
<view class="img-item pa border-radius-xs animate-linear" :class="is_active == index ? 'active' : ''">
<image :src="item.img_checked[0].url" class="wh-auto ht-auto dis-block"></image>
<image :src="item.img_checked[0].url" class="img dis-block" model="widthFix"></image>
</view>
</view>
<text v-if="nav_style !== 1" class="animate-linear size-12 pr z-i" :style="is_active == index ? text_color_checked : default_text_color">{{ item.name }}</text>
@ -106,9 +106,9 @@
background-color: transparent;
.footer-nav-content {
min-height: 140rpx;
.img {
width: 40rpx;
height: 40rpx;
.img-content {
width: 44rpx;
height: 44rpx;
.img-item {
width: 44rpx;
height: 44rpx;
@ -116,6 +116,10 @@
&.active {
opacity: 1;
}
.img {
width: 44rpx;
height: 44rpx;
}
}
}
}

View File

@ -37,7 +37,7 @@
<text v-if="is_show('price_unit')" class="identifying">{{ item.show_price_unit }}</text>
</view>
<view v-if="show_content && is_show('original_price') && !isEmpty(item.min_original_price)" class="text-size-xss flex-row">
<img v-if="form.static_img.length > 0" class="original-price-left" :src="form.static_img[0].url" />
<image v-if="form.static_img.length > 0" class="original-price-left" :src="form.static_img[0].url" model="widthFix"></image>
<text :class="['original-price text-line-1', { 'flex-1': form.is_price_solo == '1' }]"
>{{ item.show_original_price_symbol }}{{ item.min_original_price }}
<block v-if="is_show('original_price_unit')">
@ -75,7 +75,7 @@
<text v-if="is_show('price_unit')" class="identifying">{{ item.show_price_unit }}</text>
</view>
<view v-if="show_content && is_show('original_price') && !isEmpty(item.min_original_price)" class="text-size-xss flex-row">
<img v-if="form.static_img.length > 0" class="original-price-left" :src="form.static_img[0].url" />
<image v-if="form.static_img.length > 0" class="original-price-left" :src="form.static_img[0].url" model="widthFix"></image>
<text :class="['original-price text-line-1', { 'flex-1': form.is_price_solo == '1' }]"
>{{ item.show_original_price_symbol }}{{ item.min_original_price }}
<block v-if="is_show('original_price_unit')">
@ -127,7 +127,7 @@
<text v-if="is_show('price_unit')" class="identifying">{{ item.show_price_unit }}</text>
</view>
<view v-if="show_content && is_show('original_price') && !isEmpty(item.min_original_price)" class="text-size-xss flex">
<img v-if="form.static_img.length > 0" class="original-price-left" :src="form.static_img[0].url" />
<image v-if="form.static_img.length > 0" class="original-price-left" :src="form.static_img[0].url" model="widthFix"></image>
<text :class="['original-price text-line-1', { 'flex-1': form.is_price_solo == '1' }]"
>{{ item.show_original_price_symbol }}{{ item.min_original_price }}
<block v-if="is_show('original_price_unit')">
@ -156,7 +156,7 @@
</view>
<!-- 商品购买 -->
<component-goods-buy v-if="is_show_cart" ref="goods_buy" v-on:CartSuccessEvent="goods_cart_back_event"></component-goods-buy>
<!-- 购物车抛物线 -->
<component-cart-para-curve v-if="is_show_cart" ref="cart_para_curve"></component-cart-para-curve>
</view>
@ -174,7 +174,7 @@
imageEmpty,
componentBadge,
componentGoodsBuy,
componentCartParaCurve
componentCartParaCurve,
},
props: {
value: {
@ -274,7 +274,7 @@
}));
} else if (!isEmpty(this.form.data_auto_list) && this.form.data_type == '1') {
//
new_list = this.form.data_auto_list
new_list = this.form.data_auto_list;
} else {
//
new_list = Array(4).fill(this.default_list);
@ -587,4 +587,4 @@
top: -20rpx;
right: 0;
}
</style>
</style>