Feat:康养页面细节调整(已完成)
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
<video id="ky-video" class="ky-video" @error="videoErrorCallback" :show-fullscreen-btn="false" :src="details.video" autoplay controls></video>
|
||||
</view>
|
||||
<view class="expo-item">
|
||||
{{ details.theme }}
|
||||
{{ details.name }}
|
||||
</view>
|
||||
<view class="details-wrap v12-mt-3">
|
||||
<view class="v12-font-bold v12-dark-text v12-font-32 v12-mb-3">展会信息</view>
|
||||
@@ -14,7 +14,7 @@
|
||||
</view>
|
||||
<view class="v12-justify-start v12-mb-3">
|
||||
<view class="tag v12-success v12-white-text v12-font-20 v12-px-2 v12-py-1 v12-radius-50 v12-nowrap">内容</view>
|
||||
<view class="v12-font-24 v12-dark-text v12-ml-3">{{ details.content||'' }}</view>
|
||||
<rich-text class="v12-ml-3" :nodes="details.content"></rich-text>
|
||||
</view>
|
||||
<view class="v12-justify-start v12-mb-3">
|
||||
<view class="tag v12-success v12-white-text v12-font-20 v12-px-2 v12-py-1 v12-radius-50 v12-nowrap">时间</view>
|
||||
@@ -28,7 +28,10 @@
|
||||
<view class="more-wrap v12-mt-3">
|
||||
<view class="v12-justify-between v12-align-center v12-mb-3">
|
||||
<view class="v12-font-bold v12-font-32">其他展会</view>
|
||||
<view class="v12-font-24" @click="toMore">查看更多</view>
|
||||
<view class="v12-font-24 v12-align-center" @click="toMore">
|
||||
<text>查看更多</text>
|
||||
<image :src="webUrl + '/orderIcon/arrow.png'" class="arrow-icon v12-ml-1"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
v-for="(item, index) in moreList"
|
||||
@@ -45,6 +48,7 @@ import {getWellnessExhibitionDetails, getWellnessExhibition} from '@/api/health'
|
||||
export default{
|
||||
data() {
|
||||
return {
|
||||
webUrl: this.$VUE_APP_RESOURCES_URL,
|
||||
keyword: '',
|
||||
moreList: [],
|
||||
id: '',
|
||||
@@ -89,6 +93,10 @@ export default{
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.arrow-icon{
|
||||
width: 25rpx;
|
||||
height: 25rpx;
|
||||
}
|
||||
.ky-video{
|
||||
height: 400rpx;
|
||||
width: 100%;
|
||||
@@ -98,17 +106,18 @@ export default{
|
||||
height: 30rpx;
|
||||
}
|
||||
.expo-details{
|
||||
height: 100vh;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
padding: 20rpx;
|
||||
}
|
||||
.expo-item{
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 100rpx;
|
||||
border-radius: 0 0 20rpx 20rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
margin-top: 20rpx;
|
||||
padding: 20rpx;
|
||||
margin-top: -20rpx;
|
||||
padding: 30rpx 20rpx 20rpx;
|
||||
}
|
||||
.details-wrap, .more-wrap{
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user