案例左侧菜单修改、布局样式修改、新增案例

pages/plan/details.vue

@@ -3,38 +3,19 @@
 		<block v-if="detail">
 			<!-- 顶部图片 -->
 			<image class="top" v-if="detail.img" :src="detail.img" mode="widthFix"></image>
-			<view class="box">
-				<!-- 标题 -->
-				<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 class="headline">
+				<view class="title" v-if="detail.industry">行业：<span>{{detail.industry}}</span></view>
+				<view class="title" v-if="detail.scheme">方案：<span>{{detail.scheme}}</span></view>
+				<view class="title" v-if="detail.client">客户：<span>{{detail.client}}</span></view>
+			</view>
+			<image class="line" src="../../static/imgs/line.png"></image>
+			<view class="boxs" v-if="detail.descriptions&&detail.descriptions.length">
+				<view class="box" v-for="(item,index) in detail.descriptions" :key="index">
+					<view class="b_title">{{item.title}}</view>
+					<view class="intro">
+						<u-parse :content="item.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>
 		</block>
 	</view>
@@ -72,68 +53,67 @@
 <style scoped lang="less">
 	.content{
 		overflow-x: hidden;
-		padding-bottom: 50rpx;
+		padding-bottom: 100rpx;
 		
 		.top{
 			width: 100%;
 		}
 		
-		.box{
+		.headline{
 			width: 100%;
-			padding: 0 30rpx 30rpx;
+			padding: 10rpx 30rpx;
 			box-sizing: border-box;
-			
 			.title{
-				font-family: PingFang-SC, PingFang-SC;
-				font-weight: bold;
-				font-size: 32rpx;
-				color: #111111;
-				line-height: 45rpx;
-				margin-top: 36rpx;
-				&.t2{
-					margin-top: 48rpx;
-				}
-			}
-			
-			.client{
+				margin-top: 20rpx;
 				font-family: PingFangSC, PingFang SC;
-				font-weight: bold;
-				font-size: 32rpx;
-				color: #333333;
-				line-height: 45rpx;
-				margin-top: 21rpx;
+				font-weight: 400;
+				font-size: 30rpx;
+				color: #111111;
+				line-height: 42rpx;
+				text-align: left;
 				span{
-					font-size: 30rpx;
-					line-height: 42rpx;
-					color: #134F99;
+					margin-left: 20rpx;
+					font-weight: bold;
+					color: #333333;
 				}
 			}
-			
-			.intro{
-				font-family: PingFangSC, PingFang SC;
-				font-weight: 400;
-				font-size: 28rpx;
-				color: #666666;
-				line-height: 48rpx;
-				letter-spacing: 2rpx;
-				margin-top: 21rpx;
-			}
-			
-			.effect{
-				font-family: PingFangSC, PingFang SC;
-				font-weight: 400;
-				font-size: 28rpx;
-				color: #666666;
-				line-height: 40rpx;
-				margin-top: 6rpx;
-			}
+		}
+		
+		.line{
+			width: 100%;
+			height: 6rpx;
+			margin: 30rpx 0 40rpx;
+		}
 		
-			.line{
-				width: calc(100% + 60rpx);
-				height: 10rpx;
+		.boxs{
+			width: 100%;
+			padding: 0 30rpx;
+			box-sizing: border-box;
+			
+			.box{
 				margin-top: 48rpx;
-				position: relative;
-				left: -30rpx;
+				&:first-child{
+					margin-top: 0;
+				}
+				
+				.b_title{
+					font-family: PingFang-SC, PingFang-SC;
+					font-weight: bold;
+					font-size: 32rpx;
+					color: #333333;
+					line-height: 45rpx;
+					letter-spacing: 2rpx;
+				}
+				
+				.intro{
+					font-family: PingFangSC, PingFang SC;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #666666;
+					line-height: 48rpx;
+					margin-top: 20rpx;
+					letter-spacing: 2rpx;
+				}
 			}
 		}
 	}

pages/plan/index.vue

@@ -36,25 +36,14 @@
 					{name:'全部'},
 					{name:'智能仓储'},
 					{name:'能耗管理'},
-					{name:'产业园区'},
-					{name:'工业园区'},
+					{name:'智慧工厂'},
 					{name:'智慧校园'},
-					{name:'智慧场馆'},
-					{name:'公共交通'},
-					{name:'智慧文旅'},
-					{name:'城市服务'},
-					{name:'住宅社区'},
 					{name:'3D可视化'},
 					{name:'智慧运维'},
 					{name:'智慧安防'},
 					{name:'楼宇自控'},
-					{name:'能耗管理'},
 					{name:'智能照明'},
-					{name:'智慧通行'},
-					{name:'智能环卫'},
-					{name:'智慧电梯'},
-					{name:'应急指挥'},
-					{name:'资产管理'}
+					{name:'智慧通行'}
 				],
 				nIndex:0,
 				key:'全部',
@@ -126,7 +115,7 @@
 					color: #1460CA;
 				}
 				&.rtb{
-					border-top-right-radius: 16rpx;
+					border-top-right-radius: 6rpx;
 				}
 			}
 		}