|
|
|
@ -2,16 +2,30 @@ |
|
|
|
<view class="detail-container"> |
|
|
|
<!-- 轮播图区域 --> |
|
|
|
<view class="banner-content"> |
|
|
|
<swiper class="top-banner" :circular="true" :interval="6000" :duration="800" :indicator-dots="false" |
|
|
|
:autoplay="true" @change="swiperChange"> |
|
|
|
<swiper |
|
|
|
class="top-banner" |
|
|
|
:circular="true" |
|
|
|
:interval="6000" |
|
|
|
:duration="800" |
|
|
|
:indicator-dots="false" |
|
|
|
:autoplay="true" |
|
|
|
@change="swiperChange" |
|
|
|
> |
|
|
|
<swiper-item v-for="(item, index) in topBanner" :key="index"> |
|
|
|
<image class="top-banner" :src="showImg(item)" mode="aspectFill"></image> |
|
|
|
<image |
|
|
|
class="top-banner" |
|
|
|
:src="showImg(item)" |
|
|
|
mode="aspectFill" |
|
|
|
></image> |
|
|
|
</swiper-item> |
|
|
|
</swiper> |
|
|
|
|
|
|
|
<view class="dot-container"> |
|
|
|
<view :class="['dot-line', index == swiperIndex ? 'active' : '']" v-for="(item, index) in topBanner" |
|
|
|
:key="index"></view> |
|
|
|
<view |
|
|
|
:class="['dot-line', index == swiperIndex ? 'active' : '']" |
|
|
|
v-for="(item, index) in topBanner" |
|
|
|
:key="index" |
|
|
|
></view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 页码指示器 --> |
|
|
|
@ -27,53 +41,80 @@ |
|
|
|
<!-- 商品信息区域 --> |
|
|
|
<view class="product-info"> |
|
|
|
<!-- 标题和标签 --> |
|
|
|
<view class="" style="display: flex;justify-content: space-between"> |
|
|
|
<view class="" style="display: flex; justify-content: space-between"> |
|
|
|
<view class="title-section"> |
|
|
|
<view class="product-title">{{ goodsInfo.title||'-' }}</view> |
|
|
|
<view class="product-title">{{ goodsInfo.title || "-" }}</view> |
|
|
|
<view class="tags-container"> |
|
|
|
<view class="limit-tag">限量</view> |
|
|
|
<view class="limit-count">{{ goodsInfo.publishQuantity||0 }}份</view> |
|
|
|
<view class="remaining">剩余 {{ goodsInfo.remainQuantity||0 }}份</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="agent-info" v-if="goodsInfo.agent" @click.stop="toAgent(goodsInfo)"> |
|
|
|
<image class="avatar" :src="showImg(goodsInfo.agent.headImage)" mode="aspectFill"></image> |
|
|
|
<view class="agent"> |
|
|
|
IP-AGENT |
|
|
|
</view> |
|
|
|
<view class="limit-count" |
|
|
|
>{{ goodsInfo.publishQuantity || 0 }}份</view |
|
|
|
> |
|
|
|
<view class="remaining" |
|
|
|
>剩余 {{ goodsInfo.remainQuantity || 0 }}份</view |
|
|
|
> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view |
|
|
|
class="agent-info" |
|
|
|
v-if="goodsInfo.agent" |
|
|
|
@click.stop="toAgent(goodsInfo)" |
|
|
|
> |
|
|
|
<image |
|
|
|
class="avatar" |
|
|
|
:src="showImg(goodsInfo.agent.headImage)" |
|
|
|
mode="aspectFill" |
|
|
|
></image> |
|
|
|
<view class="agent"> IP-AGENT </view> |
|
|
|
<view class="agent-name"> |
|
|
|
{{goodsInfo.agent.name}} |
|
|
|
</view> |
|
|
|
<view class="agent-use"> |
|
|
|
点击收听 |
|
|
|
{{ goodsInfo.agent.name }} |
|
|
|
</view> |
|
|
|
<view class="agent-use" v-if="!e.agentStatus"> 点击收听 </view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 价格和收藏 --> |
|
|
|
<view class="price-section"> |
|
|
|
<view class="price-container"> |
|
|
|
<text class="currency">¥</text> |
|
|
|
<text class="price">{{ goodsInfo.price||0 }}</text> |
|
|
|
<text class="price">{{ goodsInfo.price || 0 }}</text> |
|
|
|
</view> |
|
|
|
<view class="collect-container"> |
|
|
|
<image v-if="!goodsInfo.type" class="heart-icon" |
|
|
|
<image |
|
|
|
v-if="!goodsInfo.type" |
|
|
|
class="heart-icon" |
|
|
|
src="https://epic.js-dyyj.com/uploads/20250728/2f3ae212c01fa3b67be81abc5723cf5c.png" |
|
|
|
@click.stop="handleLikeClick()"></image> |
|
|
|
<image v-if="goodsInfo.type" class="heart-icon" |
|
|
|
@click.stop="handleLikeClick()" |
|
|
|
></image> |
|
|
|
<image |
|
|
|
v-if="goodsInfo.type" |
|
|
|
class="heart-icon" |
|
|
|
src="https://epic.js-dyyj.com/uploads/20250728/dd7ed269b24e84a2dd141da6ab980fd6.png" |
|
|
|
@click.stop="handleLikeClick()"></image> |
|
|
|
<text class="collect-count">{{ goodsInfo.collectQuantity || 0 }}人收藏</text> |
|
|
|
@click.stop="handleLikeClick()" |
|
|
|
></image> |
|
|
|
<text class="collect-count" |
|
|
|
>{{ goodsInfo.collectQuantity || 0 }}人收藏</text |
|
|
|
> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 权益详情 --> |
|
|
|
<view class="equity-details"> |
|
|
|
<!-- 显示前两个权益项 --> |
|
|
|
<view class="equity-detail-item" v-for="(item, index) in displayEquityList" :key="index"> |
|
|
|
<view |
|
|
|
class="equity-detail-item" |
|
|
|
v-for="(item, index) in displayEquityList" |
|
|
|
:key="index" |
|
|
|
> |
|
|
|
<view class="detail-content-wrapper"> |
|
|
|
<image style="width: 110rpx;height: 110rpx;flex-shrink: 0;margin-right: 20rpx;" mode="aspectFill" |
|
|
|
:src="showImgJdsz(item.mainUrl&&item.mainUrl.split(',')[0])"></image> |
|
|
|
<image |
|
|
|
style=" |
|
|
|
width: 110rpx; |
|
|
|
height: 110rpx; |
|
|
|
flex-shrink: 0; |
|
|
|
margin-right: 20rpx; |
|
|
|
" |
|
|
|
mode="aspectFill" |
|
|
|
:src="showImgJdsz(item.mainUrl && item.mainUrl.split(',')[0])" |
|
|
|
></image> |
|
|
|
<view class="detail-info"> |
|
|
|
<view class="detail-label"> |
|
|
|
产品{{ |
|
|
|
@ -82,9 +123,16 @@ |
|
|
|
] |
|
|
|
}} |
|
|
|
</view> |
|
|
|
<view class="detail-content">{{ item.goodsName }}{{ item.skuName || "" }}X{{ item.bindQuantity }}份</view> |
|
|
|
<view class="detail-content" style="font-size: 22rpx;margin-top: auto;color: #808080;"> |
|
|
|
{{ item.goodsType==3?item.subtitle: item.description }} |
|
|
|
<view class="detail-content" |
|
|
|
>{{ item.goodsName }}{{ item.skuName || "" }}X{{ |
|
|
|
item.bindQuantity |
|
|
|
}}份</view |
|
|
|
> |
|
|
|
<view |
|
|
|
class="detail-content" |
|
|
|
style="font-size: 22rpx; margin-top: auto; color: #808080" |
|
|
|
> |
|
|
|
{{ item.goodsType == 3 ? item.subtitle : item.description }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -102,8 +150,12 @@ |
|
|
|
<!-- Tab切换区域 --> |
|
|
|
<scroll-view class="tab-nav" scroll-x="true" :show-scrollbar="false"> |
|
|
|
<view class="tab-container"> |
|
|
|
<view v-for="(tab, index) in tabList" :key="index" |
|
|
|
:class="['tab-item', { active: currentTab === index }]" @click="switchTab(index)"> |
|
|
|
<view |
|
|
|
v-for="(tab, index) in tabList" |
|
|
|
:key="index" |
|
|
|
:class="['tab-item', { active: currentTab === index }]" |
|
|
|
@click="switchTab(index)" |
|
|
|
> |
|
|
|
<text class="tab-text">{{ tab.name }}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -114,32 +166,39 @@ |
|
|
|
<!-- Tab内容 --> |
|
|
|
<view class="tab-content"> |
|
|
|
<!-- 登记证书 --> |
|
|
|
<view v-if="currentTab === 0" class="tab-panel"> |
|
|
|
<view v-if="currentTab === 2" class="tab-panel"> |
|
|
|
<view class="certificate-container"> |
|
|
|
<image class="certificate-image" :src="goodsInfo.ipDigitalAsset.copyrightUrl" mode="widthFix"> |
|
|
|
<image |
|
|
|
class="certificate-image" |
|
|
|
:src="goodsInfo.ipDigitalAsset.copyrightUrl" |
|
|
|
mode="widthFix" |
|
|
|
> |
|
|
|
</image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 商品详情 --> |
|
|
|
<view v-if="currentTab === 0 && goodsInfo.detailUrl" class="tab-panel"> |
|
|
|
<view class="" v-html="goodsInfo.detailUrl"> </view> |
|
|
|
</view> |
|
|
|
<!-- IP资产详情 --> |
|
|
|
<view v-if="currentTab === 1" class="tab-panel"> |
|
|
|
<view class="" v-html="goodsInfo.ipDigitalAsset.detailUrl"> </view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 门票详情 --> |
|
|
|
<view v-if="currentTab === 2 && goodsInfo.sku && goodsInfo.sku.product" class="tab-panel"> |
|
|
|
<!-- <view |
|
|
|
v-if="currentTab === 2 && goodsInfo.sku && goodsInfo.sku.product" |
|
|
|
class="tab-panel" |
|
|
|
> |
|
|
|
<view class="" v-html="scene.content"> </view> |
|
|
|
<view class="" v-html="goodsInfo.sku.extend.bookInfo"> </view> |
|
|
|
|
|
|
|
<view class="" v-html="scene.time_info"> </view> |
|
|
|
<view class="" v-html="scene.extra_info"> </view> |
|
|
|
<!-- <view class="" v-html="goodsInfo.sku.product.bookInfo"> </view> |
|
|
|
<view class="" v-html="goodsInfo.sku.product.cancelInfo"> </view> --> |
|
|
|
</view> |
|
|
|
<!-- 商品详情 --> |
|
|
|
<view v-if="currentTab === 3 && goodsInfo.detailUrl" class="tab-panel"> |
|
|
|
<view class="" v-html="goodsInfo.detailUrl"> </view> |
|
|
|
</view> |
|
|
|
<view class="" v-html="goodsInfo.sku.product.bookInfo"> </view> |
|
|
|
<view class="" v-html="goodsInfo.sku.product.cancelInfo"> </view> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<!-- <template v-for="(item, index) in goodsInfo.goodsVos"> |
|
|
|
<view v-if="currentTab == index + 3" class="tab-panel"> |
|
|
|
<view class="" v-html="item.detailUrl"> </view> |
|
|
|
@ -159,7 +218,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
topBanner: [], |
|
|
|
@ -185,9 +244,18 @@ |
|
|
|
onLoad(e) { |
|
|
|
this.getDetail(e.id); |
|
|
|
}, |
|
|
|
onUnload() { |
|
|
|
console.log("页面卸载，停止音频"); |
|
|
|
// this.stopCurrentAudio(); |
|
|
|
}, |
|
|
|
onHide() { |
|
|
|
console.log("页面隐藏，停止音频"); |
|
|
|
// this.stopCurrentAudio(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getDetail(benefitPackageId) { |
|
|
|
this.Post({}, |
|
|
|
this.Post( |
|
|
|
{}, |
|
|
|
`/framework/benefitPackage/detail/${benefitPackageId}`, |
|
|
|
"DES" |
|
|
|
).then((res) => { |
|
|
|
@ -195,22 +263,26 @@ |
|
|
|
element.detailUrl = this.addImgStyleToHtml(element.detailUrl); |
|
|
|
}); |
|
|
|
if (res.data.sku && res.data.sku.product.scene) { |
|
|
|
this.scene = JSON.parse(res.data.sku.product.scene) |
|
|
|
this.scene = JSON.parse(res.data.sku.product.scene); |
|
|
|
this.scene.content = this.addImgStyleToHtml(this.scene.content); |
|
|
|
} |
|
|
|
console.log(this.scene, '场景信息') |
|
|
|
console.log(this.scene, "场景信息"); |
|
|
|
this.goodsInfo = res.data; |
|
|
|
this.goodsInfo.ipDigitalAsset.detailUrl = this.addImgStyleToHtml( |
|
|
|
this.goodsInfo.ipDigitalAsset.detailUrl |
|
|
|
); |
|
|
|
this.goodsInfo.detailUrl = this.addImgStyleToHtml(this.goodsInfo.detailUrl) |
|
|
|
console.log(this.goodsInfo.ipDigitalAsset.detailUrl); |
|
|
|
this.goodsInfo.detailUrl = this.addImgStyleToHtml( |
|
|
|
this.goodsInfo.detailUrl |
|
|
|
); |
|
|
|
this.topBanner = res.data.coverUrl.split(","); |
|
|
|
this.equityList = res.data.benefitGoods; |
|
|
|
this.generateTabList(); |
|
|
|
}); |
|
|
|
}, |
|
|
|
handleLikeClick() { |
|
|
|
this.Post({ |
|
|
|
this.Post( |
|
|
|
{ |
|
|
|
packageId: this.goodsInfo.benefitPackageId, |
|
|
|
type: !this.goodsInfo.type, |
|
|
|
}, |
|
|
|
@ -218,6 +290,9 @@ |
|
|
|
"DES" |
|
|
|
).then((res) => { |
|
|
|
this.goodsInfo.type = !this.goodsInfo.type; |
|
|
|
this.goodsInfo.collectQuantity = this.goodsInfo.type |
|
|
|
? this.goodsInfo.collectQuantity + 1 |
|
|
|
: this.goodsInfo.collectQuantity - 1; |
|
|
|
}); |
|
|
|
}, |
|
|
|
swiperChange(e) { |
|
|
|
@ -230,8 +305,8 @@ |
|
|
|
}, |
|
|
|
// 处理购买点击 |
|
|
|
handlePurchase() { |
|
|
|
let id = this.goodsInfo.sku && this.goodsInfo.sku.product.sceneId |
|
|
|
this.toJdszWx('pages/info/sceneProductInfo/index?id=' + id) |
|
|
|
let id = this.goodsInfo.sku && this.goodsInfo.sku.product.sceneId; |
|
|
|
this.toJdszWx("pages/info/sceneProductInfo/index?id=" + id); |
|
|
|
// 这里可以添加购买逻辑 |
|
|
|
}, |
|
|
|
|
|
|
|
@ -252,17 +327,7 @@ |
|
|
|
if (!/width\s*:\s*100%/.test(styleVal)) { |
|
|
|
newStyle = `width:100%;${styleVal}`; |
|
|
|
} |
|
|
|
return ` |
|
|
|
style = $ { |
|
|
|
quote |
|
|
|
} |
|
|
|
$ { |
|
|
|
newStyle |
|
|
|
} |
|
|
|
$ { |
|
|
|
quote |
|
|
|
} |
|
|
|
`; |
|
|
|
return `style = ${quote}${newStyle}${quote}`; |
|
|
|
} |
|
|
|
)}>`; |
|
|
|
} else { |
|
|
|
@ -272,18 +337,49 @@ |
|
|
|
}); |
|
|
|
}, |
|
|
|
toAgent(e) { |
|
|
|
if (e.agentStatus) { |
|
|
|
|
|
|
|
uni.navigateTo({ |
|
|
|
url: "/subPackages/other/evita?id="+e.agent.agentId |
|
|
|
url: "/subPackages/other/evita?id=" + e.benefitPackageId, |
|
|
|
}); |
|
|
|
} else { |
|
|
|
uni.showToast({ |
|
|
|
title: '请先购买当前商品', |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
// if (e.agentStatus) { |
|
|
|
// uni.navigateTo({ |
|
|
|
// url: "/subPackages/other/evita?id=" + e.agent.agentId, |
|
|
|
// }); |
|
|
|
// } else { |
|
|
|
// const app = getApp(); |
|
|
|
// // 先停止当前音频 |
|
|
|
// if (app.globalData.bgMusic) { |
|
|
|
// app.globalData.bgMusic.stop(); |
|
|
|
// } |
|
|
|
// // 播放新的音频 |
|
|
|
// app.updateMusicSrc(e.agent.voiceUrl); |
|
|
|
// app.initBackgroundMusic(); // 初始化背景音乐 |
|
|
|
// uni.$bgMusic.play(); // 播放音乐 |
|
|
|
// // uni.showToast({ |
|
|
|
// // title: '请先购买当前商品', |
|
|
|
// // icon: 'none' |
|
|
|
// // }) |
|
|
|
// } |
|
|
|
}, |
|
|
|
// 停止当前页面音频 |
|
|
|
stopCurrentAudio() { |
|
|
|
try { |
|
|
|
const app = getApp(); |
|
|
|
// 检查是否有背景音乐实例 |
|
|
|
if (app.globalData.bgMusic) { |
|
|
|
app.globalData.bgMusic.stop(); |
|
|
|
app.globalData.bgMusic.destroy(); |
|
|
|
app.globalData.bgMusic = null; |
|
|
|
} |
|
|
|
// 恢复初始音乐 |
|
|
|
if (app.globalData.initMusicSrc) { |
|
|
|
app.updateMusicSrc(app.globalData.initMusicSrc); |
|
|
|
app.initBackgroundMusic(); |
|
|
|
uni.$bgMusic.play(); // 播放音乐 |
|
|
|
} |
|
|
|
console.log("音频已停止并恢复初始音乐"); |
|
|
|
} catch (error) { |
|
|
|
console.error("停止音频时出错:", error); |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
showImgJdsz(img) { |
|
|
|
if (!img) return; |
|
|
|
@ -299,23 +395,26 @@ |
|
|
|
|
|
|
|
// 基础Tab - 始终显示 |
|
|
|
this.tabList.push({ |
|
|
|
name: "登记证书" |
|
|
|
name: "整合应用产品", |
|
|
|
}); |
|
|
|
this.tabList.push({ |
|
|
|
name: "数资详情", |
|
|
|
}); |
|
|
|
this.tabList.push({ |
|
|
|
name: "IP资产详情" |
|
|
|
name: "数资证书", |
|
|
|
}); |
|
|
|
|
|
|
|
// 根据商品信息动态添加Tab |
|
|
|
if (this.goodsInfo) { |
|
|
|
// 如果有门票信息，添加门票详情Tab |
|
|
|
if (this.goodsInfo.sku && this.goodsInfo.sku.product) { |
|
|
|
this.tabList.push({ |
|
|
|
name: "门票详情" |
|
|
|
}); |
|
|
|
} |
|
|
|
this.tabList.push({ |
|
|
|
name: "权益商品" |
|
|
|
}); |
|
|
|
// if (this.goodsInfo.sku && this.goodsInfo.sku.product) { |
|
|
|
// this.tabList.push({ |
|
|
|
// name: "门票详情", |
|
|
|
// }); |
|
|
|
// } |
|
|
|
// this.tabList.push({ |
|
|
|
// name: "权益商品", |
|
|
|
// }); |
|
|
|
// 如果有goodsVos内容，添加商品详情Tab |
|
|
|
// if (this.goodsInfo.goodsVos) { |
|
|
|
// this.goodsInfo.goodsVos.forEach((element) => { |
|
|
|
@ -325,16 +424,16 @@ |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.detail-container { |
|
|
|
.detail-container { |
|
|
|
background: #f5f5f5; |
|
|
|
min-height: 100vh; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.banner-content { |
|
|
|
.banner-content { |
|
|
|
width: 100%; |
|
|
|
height: 1000rpx; |
|
|
|
position: relative; |
|
|
|
@ -379,9 +478,9 @@ |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.product-info { |
|
|
|
.product-info { |
|
|
|
padding: 40rpx 10rpx; |
|
|
|
margin: 20rpx; |
|
|
|
padding-bottom: 1rpx; |
|
|
|
@ -542,7 +641,7 @@ |
|
|
|
.detail-content-wrapper { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
.detail-info{ |
|
|
|
.detail-info { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
@ -565,7 +664,6 @@ |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@ -599,14 +697,14 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// Tab导航 |
|
|
|
.tab-nav { |
|
|
|
// Tab导航 |
|
|
|
.tab-nav { |
|
|
|
margin: 0 40rpx; |
|
|
|
margin-top: 40rpx; |
|
|
|
white-space: nowrap; |
|
|
|
width: 690rpx; |
|
|
|
width: 666rpx; |
|
|
|
|
|
|
|
.tab-container { |
|
|
|
display: flex; |
|
|
|
@ -619,9 +717,9 @@ |
|
|
|
cursor: pointer; |
|
|
|
transition: all 0.3s ease; |
|
|
|
background-color: #94fafa66; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
text-align: center; |
|
|
|
flex-shrink: 0; |
|
|
|
flex: 1; |
|
|
|
margin-right: 16rpx; |
|
|
|
|
|
|
|
&:last-child { |
|
|
|
@ -642,10 +740,10 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// Tab切换区域 |
|
|
|
.tab-section { |
|
|
|
// Tab切换区域 |
|
|
|
.tab-section { |
|
|
|
margin: 0 20rpx; |
|
|
|
background-color: #fff; |
|
|
|
border-radius: 20rpx; |
|
|
|
@ -765,10 +863,10 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// 立即购买按钮 |
|
|
|
.purchase-section { |
|
|
|
// 立即购买按钮 |
|
|
|
.purchase-section { |
|
|
|
position: fixed; |
|
|
|
bottom: 0; |
|
|
|
left: 0; |
|
|
|
@ -802,20 +900,20 @@ |
|
|
|
color: #525454; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// 为底部按钮预留空间 |
|
|
|
.detail-container { |
|
|
|
// 为底部按钮预留空间 |
|
|
|
.detail-container { |
|
|
|
padding-bottom: 140rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.avatar { |
|
|
|
.avatar { |
|
|
|
width: 119rpx; |
|
|
|
height: 119rpx; |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.agent-info { |
|
|
|
.agent-info { |
|
|
|
text-align: center; |
|
|
|
|
|
|
|
.agent { |
|
|
|
@ -829,8 +927,8 @@ |
|
|
|
|
|
|
|
.agent-use { |
|
|
|
font-size: 22rpx; |
|
|
|
color: #00FFFF; |
|
|
|
color: #00ffff; |
|
|
|
margin-top: 5rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
1054425342@qq.com
2 months ago