|
@@ -1,13 +1,40 @@
|
|
<template>
|
|
<template>
|
|
<view class="content">
|
|
<view class="content">
|
|
<block v-if="detail">
|
|
<block v-if="detail">
|
|
|
|
+ <!-- 顶部图片 -->
|
|
<image class="top" :src="detail.img" mode="widthFix"></image>
|
|
<image class="top" :src="detail.img" mode="widthFix"></image>
|
|
<view class="box">
|
|
<view class="box">
|
|
- <view class="title">{{detail.title}}</view>
|
|
|
|
- <view class="client">客户:<span>{{detail.client}}</span></view>
|
|
|
|
- <view class="intro">{{detail.intro}}</view>
|
|
|
|
- <view class="title t2">效果</view>
|
|
|
|
- <view class="intro">{{detail.effect}}</view>
|
|
|
|
|
|
+ <!-- 标题 -->
|
|
|
|
+ <view class="title" v-if="detail.title">{{detail.title}}</view>
|
|
|
|
+ <!-- 客户 -->
|
|
|
|
+ <view class="client" v-if="detail.client">客户:<span>{{detail.client}}</span></view>
|
|
|
|
+ <!-- 详细介绍 -->
|
|
|
|
+ <view class="intro" v-if="detail.intro">
|
|
|
|
+ <u-parse :content="detail.intro"></u-parse>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- 效果 -->
|
|
|
|
+ <view class="title t2" v-if="detail.effect">效果</view>
|
|
|
|
+ <view class="intro" v-if="detail.effect">
|
|
|
|
+ <u-parse :content="detail.effect"></u-parse>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- 横隔线(1) -->
|
|
|
|
+ <image src="../../static/imgs/line.png" class="line" v-if="detail.line1"></image>
|
|
|
|
+ <!-- 改造方案 -->
|
|
|
|
+ <view v-if="detail.gzfa">
|
|
|
|
+ <view class="title" v-if="detail.gzfa.title">{{detail.gzfa.title}}</view>
|
|
|
|
+ <view class="intro" v-if="detail.gzfa.content">
|
|
|
|
+ <u-parse :content="detail.gzfa.content"></u-parse>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- 横隔线(2) -->
|
|
|
|
+ <image src="../../static/imgs/line.png" class="line" v-if="detail.line2"></image>
|
|
|
|
+ <!-- 功能列表(function) -->
|
|
|
|
+ <view v-if="detail.function">
|
|
|
|
+ <view class="title" v-if="detail.function.title">{{detail.function.title}}</view>
|
|
|
|
+ <block v-if="detail.function.list&&detail.function.list.length">
|
|
|
|
+ <uFunction :showTitle="false" :title="item.title" :list="item.list" v-for="(item,index) in detail.function.list" :key="index"></uFunction>
|
|
|
|
+ </block>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
@@ -44,6 +71,9 @@
|
|
|
|
|
|
<style scoped lang="less">
|
|
<style scoped lang="less">
|
|
.content{
|
|
.content{
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
+ padding-bottom: 50rpx;
|
|
|
|
+
|
|
.top{
|
|
.top{
|
|
width: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@@ -97,6 +127,14 @@
|
|
line-height: 40rpx;
|
|
line-height: 40rpx;
|
|
margin-top: 6rpx;
|
|
margin-top: 6rpx;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ .line{
|
|
|
|
+ width: calc(100% + 60rpx);
|
|
|
|
+ height: 10rpx;
|
|
|
|
+ margin-top: 48rpx;
|
|
|
|
+ position: relative;
|
|
|
|
+ left: -30rpx;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|