Browse Source

fix

dev_des
1054425342@qq.com 2 months ago
parent
commit
2dbbda432f
  1. 4
      components/DynamicIsland.vue
  2. 87
      components/ProductSection.vue

4
components/DynamicIsland.vue

@ -410,6 +410,10 @@ export default {
.qr-code { .qr-code {
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
<<<<<<< HEAD
=======
>>>>>>> 402de12 (feat首页静态)
} }
.qr-icon { .qr-icon {

87
components/ProductSection.vue

@ -2,7 +2,7 @@
<view class="product-section"> <view class="product-section">
<!-- 商品标题区域 --> <!-- 商品标题区域 -->
<view class="title-section" :style="{ background: titleBgColor }"> <view class="title-section" :style="{ background: titleBgColor }">
<div style="display: flex; align-items: center" @click="handleMoreClick"> <div style="display: flex; align-items: center" @click="handleMoreClick">
<text class="title">{{ title }}</text> <text class="title">{{ title }}</text>
<text class="more-btn">更多</text> <text class="more-btn">更多</text>
</div> </div>
@ -27,7 +27,14 @@
<!-- 智能体标签 --> <!-- 智能体标签 -->
<view class="content-box-info" v-if="!isFeel"> <view class="content-box-info" v-if="!isFeel">
<view class="ai-tag"> <view class="ai-tag">
<view class="ai-label" :style="{ borderColor: aiTagBorderColor, color: aiTagTextColor }">智能体</view> <view
class="ai-label"
:style="{
borderColor: aiTagBorderColor,
color: aiTagTextColor,
}"
>智能体</view
>
<text class="ai-name">{{ item.aiName }}</text> <text class="ai-name">{{ item.aiName }}</text>
</view> </view>
<!-- 头像 --> <!-- 头像 -->
@ -54,20 +61,20 @@
src="https://epic.js-dyyj.com/uploads/20250728/dd7ed269b24e84a2dd141da6ab980fd6.png" src="https://epic.js-dyyj.com/uploads/20250728/dd7ed269b24e84a2dd141da6ab980fd6.png"
@click.stop="handleLikeClick(item, index)" @click.stop="handleLikeClick(item, index)"
></image> ></image>
<template v-if="isFeel"> <template v-if="isFeel">
<image <image
v-if="!item.isShop" v-if="!item.isShop"
class="shop-icon" class="shop-icon"
src="https://epic.js-dyyj.com/uploads/20250728/195bfc195a54b93c13595a01a5d8bb3b.png" src="https://epic.js-dyyj.com/uploads/20250728/195bfc195a54b93c13595a01a5d8bb3b.png"
@click.stop="handleLikeClick(item, index)" @click.stop="handleLikeClick(item, index)"
></image> ></image>
<image <image
v-else v-else
class="shop-icon" class="shop-icon"
src="https://epic.js-dyyj.com/uploads/20250728/77c4546ac6415f9db69bb10888d2a975.png" src="https://epic.js-dyyj.com/uploads/20250728/77c4546ac6415f9db69bb10888d2a975.png"
@click.isShop="handleLikeClick(item, index)" @click.isShop="handleLikeClick(item, index)"
></image> ></image>
</template> </template>
</view> </view>
</view> </view>
</view> </view>
@ -114,15 +121,13 @@ export default {
type: String, type: String,
default: "#02fcfc", default: "#02fcfc",
}, },
isFeel:{ isFeel: {
type: Boolean, type: Boolean,
default: false, default: false,
} },
}, },
methods: { methods: {
// //
handleMoreClick() { handleMoreClick() {
if (this.moreUrl) { if (this.moreUrl) {
@ -174,17 +179,17 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@font-face { @font-face {
font-family: 'Futura'; font-family: "Futura";
src: url(https://static.ticket.sz-trip.com/epicSoul/taozi/fonts/Futura.ttc); src: url(https://static.ticket.sz-trip.com/epicSoul/taozi/fonts/Futura.ttc);
} }
.product-section { .product-section {
width: 100%; width: 100%;
} }
// //
.title-section { .title-section {
padding: 14rpx 24rpx 8rpx ; padding: 14rpx 24rpx 8rpx;
margin: 40rpx 16rpx 0rpx; margin: 40rpx 16rpx 0rpx;
display: inline-block; display: inline-block;
border-radius: 14rpx 14rpx 0 0; border-radius: 14rpx 14rpx 0 0;
@ -324,7 +329,7 @@ export default {
margin-right: 24rpx; margin-right: 24rpx;
flex-shrink: 0; flex-shrink: 0;
min-width: 120rpx; min-width: 120rpx;
font-family: 'Futura'; font-family: "Futura";
} }
.heart-icon { .heart-icon {
@ -342,20 +347,20 @@ export default {
transform: scale(1.2); transform: scale(1.2);
} }
} }
.shop-icon{ .shop-icon {
width: 39rpx; width: 39rpx;
height: 36rpx; height: 36rpx;
transition: all 0.3s ease; transition: all 0.3s ease;
flex-shrink: 0; flex-shrink: 0;
margin-left: 10rpx; margin-left: 10rpx;
&.liked { &.liked {
opacity: 1; opacity: 1;
filter: hue-rotate(320deg) saturate(2); filter: hue-rotate(320deg) saturate(2);
} }
&:active { &:active {
transform: scale(1.2); transform: scale(1.2);
} }
} }
</style> </style>

Loading…
Cancel
Save