|
|
|
@ -2,48 +2,65 @@ |
|
|
|
|
<view class="wrap"> |
|
|
|
|
<view class="top"> |
|
|
|
|
<view class="name">{{ form.classificationName }}</view> |
|
|
|
|
|
|
|
|
|
<view class="slogan" v-html="form.slogan"></view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="detail"> |
|
|
|
|
<view class="block"> |
|
|
|
|
<ul class="tabs"> |
|
|
|
|
<li :class="{active: curTab === 0}" @click="tabChange(0)">主页</li> |
|
|
|
|
<li :class="{active: curTab === 1}" @click="tabChange(1)">商品</li> |
|
|
|
|
</ul> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view v-if="!curTab" class="detail"> |
|
|
|
|
<view class="title">公司简介</view> |
|
|
|
|
<view v-html="form.briefIntroduction"></view> |
|
|
|
|
</view> |
|
|
|
|
<view v-else class="list"> |
|
|
|
|
<!-- <view class="item"> |
|
|
|
|
<image class="pic" src="@/static/image/info-bg.jpg"></image> |
|
|
|
|
<view class="texts"> |
|
|
|
|
<view class="name">测试标题</view> |
|
|
|
|
<view class="price">¥12.8</view> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="!curTab" class="detail"> |
|
|
|
|
<view class="title">公司简介</view> |
|
|
|
|
<uni-swiper-dot class="pics" :info="desPics" :current="curPic" mode="round" :dots-styles="dotsStyles"> |
|
|
|
|
<swiper class="swiper-box" @change="picChange"> |
|
|
|
|
<swiper-item v-for="(item ,i) in desPics" :key="i"> |
|
|
|
|
<image class="pic" :src="item"></image> |
|
|
|
|
</swiper-item> |
|
|
|
|
</swiper> |
|
|
|
|
</uni-swiper-dot> |
|
|
|
|
<view class="des" v-html="form.briefIntroduction"></view> |
|
|
|
|
</view> |
|
|
|
|
<view class="item"> |
|
|
|
|
<image class="pic" src="@/static/image/info-bg.jpg"></image> |
|
|
|
|
<view class="texts"> |
|
|
|
|
<view class="name">测试标题</view> |
|
|
|
|
<view class="price">¥12.8</view> |
|
|
|
|
|
|
|
|
|
<view v-else class="list"> |
|
|
|
|
<!-- <view class="item"> |
|
|
|
|
<image class="pic" src="@/static/image/info-bg.jpg"></image> |
|
|
|
|
<view class="texts"> |
|
|
|
|
<view class="name">测试标题</view> |
|
|
|
|
<view class="price">¥12.8</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="item"> |
|
|
|
|
<image class="pic" src="@/static/image/info-bg.jpg"></image> |
|
|
|
|
<view class="texts"> |
|
|
|
|
<view class="name">测试标题</view> |
|
|
|
|
<view class="price">¥12.8</view> |
|
|
|
|
<view class="item"> |
|
|
|
|
<image class="pic" src="@/static/image/info-bg.jpg"></image> |
|
|
|
|
<view class="texts"> |
|
|
|
|
<view class="name">测试标题</view> |
|
|
|
|
<view class="price">¥12.8</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="item"> |
|
|
|
|
<image class="pic" src="@/static/image/info-bg.jpg"></image> |
|
|
|
|
<view class="texts"> |
|
|
|
|
<view class="name">测试标题</view> |
|
|
|
|
<view class="price">¥12.8</view> |
|
|
|
|
<view class="item"> |
|
|
|
|
<image class="pic" src="@/static/image/info-bg.jpg"></image> |
|
|
|
|
<view class="texts"> |
|
|
|
|
<view class="name">测试标题</view> |
|
|
|
|
<view class="price">¥12.8</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
<view class="item"> |
|
|
|
|
<image class="pic" src="@/static/image/info-bg.jpg"></image> |
|
|
|
|
<view class="texts"> |
|
|
|
|
<view class="name">测试标题</view> |
|
|
|
|
<view class="price">¥12.8</view> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="block"> |
|
|
|
|
<view class="title">联系我们</view> |
|
|
|
|
<view class=""> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
@ -55,32 +72,19 @@ |
|
|
|
|
return { |
|
|
|
|
teamId: '', |
|
|
|
|
curTab: 0, |
|
|
|
|
tabs: [ |
|
|
|
|
{ |
|
|
|
|
name: '详情介绍', |
|
|
|
|
id: 0 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '界面图', |
|
|
|
|
id: 1 |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '参数', |
|
|
|
|
id: 2 |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
form: { |
|
|
|
|
classificationName: '', |
|
|
|
|
slogan: '', |
|
|
|
|
briefIntroduction: '' |
|
|
|
|
}, |
|
|
|
|
shopCartTotal: 0, |
|
|
|
|
types: [], |
|
|
|
|
desPics: [], |
|
|
|
|
curPic: 0, |
|
|
|
|
dotsStyles: { |
|
|
|
|
backgroundColor: 'rgba(83, 200, 249,0.3)', |
|
|
|
|
border: '1px rgba(83, 200, 249,0.3) solid', |
|
|
|
|
color: '#fff', |
|
|
|
|
selectedBackgroundColor: 'rgba(83, 200, 249,0.9)', |
|
|
|
|
selectedBorder: '1px rgba(83, 200, 249,0.9) solid' |
|
|
|
|
selectedBackgroundColor: 'rgba(255, 255, 249,0.9)', |
|
|
|
|
selectedBorder: '1px rgba(251, 251, 251,0.9) solid' |
|
|
|
|
}, |
|
|
|
|
mpStyle: { |
|
|
|
|
p: 'font-size: 25rpx !important;font-family: Microsoft Yahei !important;font-weight: 400 !important;color: #333 !important;', |
|
|
|
@ -103,9 +107,20 @@ |
|
|
|
|
const res = await queryTeamInfo({ |
|
|
|
|
teamId: this.teamId |
|
|
|
|
}) |
|
|
|
|
this.form = res.teamInfo |
|
|
|
|
const data = res.teamInfo |
|
|
|
|
if (data) { |
|
|
|
|
// 处理描述图片 |
|
|
|
|
if (data.pictureUrl) { |
|
|
|
|
this.desPics = data.pictureUrl.split(',') |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
this.form = data |
|
|
|
|
uni.hideLoading() |
|
|
|
|
}, |
|
|
|
|
// 描述图片切换 |
|
|
|
|
picChange(e) { |
|
|
|
|
this.curPic = e.detail.current; |
|
|
|
|
}, |
|
|
|
|
// tab切换 |
|
|
|
|
tabChange(id) { |
|
|
|
|
this.curTab = id |
|
|
|
@ -122,6 +137,11 @@ |
|
|
|
|
padding: 20rpx; |
|
|
|
|
.name { |
|
|
|
|
font-size: 30rpx; |
|
|
|
|
font-weight: 600; |
|
|
|
|
} |
|
|
|
|
.slogan { |
|
|
|
|
margin: 20rpx 0; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.tabs { |
|
|
|
@ -148,11 +168,27 @@ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.block { |
|
|
|
|
padding: 24rpx; |
|
|
|
|
} |
|
|
|
|
.detail { |
|
|
|
|
padding: 34rpx 32rpx; |
|
|
|
|
margin: 16rpx 0; |
|
|
|
|
border-radius: 20px; |
|
|
|
|
background-color: #fff; |
|
|
|
|
.title { |
|
|
|
|
margin-bottom: 20rpx; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
font-weight: 600; |
|
|
|
|
} |
|
|
|
|
.pics { |
|
|
|
|
margin: 20rpx 0; |
|
|
|
|
.pic { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 300rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.des { |
|
|
|
|
margin-top: 20rpx; |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
line-height: 1.6; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.list { |
|
|
|
|
display: flex; |
|
|
|
|