zm/medicine_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
始于初见
2025-03-07 10:43:12 +08:00
parent 0020a80506
commit eb42140cae
9 changed files with 2784 additions and 2062 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
pages/component/commonComponents/selectGoods.vue
View File

@@ -1,6 +1,15 @@
<template>
<view class="container commonPageBox commonDetailPage" style="height: auto !important;padding-bottom: 0 !important;">
<u-popup :show="show" v-if="show" mode="bottom" @close="close" class="popup_box">
<view
class="container commonPageBox commonDetailPage"
style="height: auto !important; padding-bottom: 0 !important"
>
<u-popup
:show="show"
v-if="show"
mode="bottom"
@close="close"
class="popup_box"
>
<view class="popup_top">
<!-- @click="previewImage(selectGoodsData.productImages)" -->
<view class="product_image">
@@ -15,7 +24,30 @@
<view :class="`common_radius_box goods_box popup_content`">
<view class="title title_box"
><text class="title_price">￥{{ selectGoodsData.activityPrice?selectGoodsData.activityPrice:selectGoodsData.price }}</text
><text class="title_price"
>
<text v-if="selectGoodsData.isVipPrice==1&&selectGoodsData.vipPrice!=0&&selectGoodsData.vipPrice!=null">
<text style="color: #e97512;font-weight: bold;">￥{{(selectGoodsData.vipPrice).toFixed(2)}}</text>
<text style="color: #fa2d12;font-size: 12px;margin-left: 4px;">VIP到手价</text>
<!-- <text style="color: #8a8a8a;font-size: 10px;margin-left: 4px;font-weight: bold;text-decoration: line-through;">￥{{(selectGoodsData.price).toFixed(2)}}</text> -->
</text>
<text
v-else-if="selectGoodsData.activityPrice && selectGoodsData.activityPrice > 0">
<text style="color: #e97512;font-weight: bold;">￥{{(selectGoodsData.activityPrice).toFixed(2)}}</text>
<text style="color: #613804;font-size: 12px;margin-left: 4px;">活动价</text>
<!-- <text style="color: #8a8a8a;font-size: 10px;margin-left: 4px;font-weight: bold;text-decoration: line-through;">￥{{(selectGoodsData.price).toFixed(2)}}</text> -->
</text>
<text v-else style="color: #e97512;font-weight: bold;"> ￥{{Number(selectGoodsData.price).toFixed(2)}}</text>
</text
>
<u-icon
name="close"
@@ -44,13 +76,16 @@
<view
class="related_courses_name"
:class="`goods_item ${
!isFudu && selectGoodsData &&
selectGoodsData.productId == slotProps.row.productId || isFudu && selectGoodsData.productName == slotProps.row.productName
(!isFudu &&
selectGoodsData &&
selectGoodsData.productId == slotProps.row.productId) ||
(isFudu &&
selectGoodsData.productName == slotProps.row.productName)
? 'isSelectGoods color_shandow'
: ''
}`"
>
<view class="image_box" style="margin-right: 10rpx; ">
<view class="image_box" style="margin-right: 10rpx">
<image
:src="slotProps.row.productImages"
mode="aspectFit"
@@ -58,17 +93,93 @@
></image>
</view>
<view :class="`goods_info flex_box just`" style="justify-content: space-between;">
<view :class="`goods_info just`" style="">
<view class="name">{{ slotProps.row.productName }}</view>
<view class="flex_box">
<text style="color: #999; text-decoration: line-through; margin-right: 20rpx;"
<view class="flex_box" style="align-items: center;">
<!-- <text style="color: #999; text-decoration: line-through; margin-right: 20rpx;"
v-if="slotProps.row.activityPrice > 0 && slotProps.row.activityPrice < slotProps.row.price" >￥{{slotProps.row.price}}</text>
<view class="price" style="color: #258feb"
>￥{{ slotProps.row.activityPrice?slotProps.row.activityPrice:slotProps.row.price }}</view
></view
>
</view>
> -->
<text
class="price"
v-if="
slotProps.row.isVipPrice == 1 &&
slotProps.row.vipPrice != 0 &&
slotProps.row.vipPrice != null
"
>
<text
style="color: #e97512; font-size: 12px; font-weight: bold"
>￥{{ slotProps.row.vipPrice.toFixed(2) }}</text
>
<!-- <text style="color: #fa2d12; font-size: 10px; margin-left: 4px"
>VIP到手价</text
> -->
<text
style="
color: #8a8a8a;
font-size: 10px;
margin-left: 4px;
font-weight: bold;
text-decoration: line-through;
"
>￥{{ Number(slotProps.row.price).toFixed(2) }}</text
>
</text>
<text
v-else-if="
slotProps.row.activityPrice &&
slotProps.row.activityPrice > 0
"
class="price"
>
<text
style="color: #e97512; font-size: 12px; font-weight: bold"
>￥{{ slotProps.row.activityPrice.toFixed(2) }}</text
>
<!-- <text style="color: #613804; font-size: 10px; margin-left: 4px"
>活动价</text
> -->
<text
style="
color: #8a8a8a;
font-size: 10px;
margin-left: 4px;
font-weight: bold;
text-decoration: line-through;
"
>￥{{ Number(slotProps.row.price).toFixed(2) }}</text
>
</text>
<text v-else class="price"
>￥{{ Number(slotProps.row.price).toFixed(2) }}</text
>
<text
v-if="
slotProps.row.isVipPrice == 1 &&
slotProps.row.vipPrice != 0 &&
slotProps.row.vipPrice != null
"
style="
z-index: 10;
margin-left: 10rpx;
font-size: 20rpx;
color: #f94f04;
font-weight: bold;
"
>VIP优惠</text
>
</view>
</view>
</view>
<!-- <text v-if="slotProps.row.conditions!='03'">【试听】</text> -->
@@ -109,7 +220,7 @@ export default {
"selectGoodsData",
"customButtonGroup1",
"buyOptions",
"isFudu", // 是否复读
"isFudu", // 是否复读
],
data() {
return {
@@ -166,7 +277,7 @@ export default {
</script>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
@import "@/style/mixin.scss";
.goods_item {
overflow: hidden;
display: flex;
@@ -199,9 +310,9 @@ export default {
// padding: 10rpx 20rpx;
box-sizing: border-box;
// height: 100rpx;
display: flex;
align-items: center;
justify-content: space-between;
// display: flex;
// align-items: center;
// justify-content: space-between;
float: left;
.name {
font-size: 26rpx;