增收赋能栏目

pages/index/index.vue

@@ -137,6 +137,62 @@
 				</view>
 			</view>
 		</view>
+		<!-- 增收赋能类 -->
+		<view class="block">
+			<view class="block-title">
+				<view class="title">增收赋能类</view>
+			</view>
+			<view class="closed" @click="onToast()">
+				<view class="closed-item">
+					<view class="closed-cover" :style="'background-image: url(' + require('@/static/synthesize/img_07.png') + ');'"></view>
+					<view class="closed-text">
+						<view class="closed-title nowrap">巅峰销售思维</view>
+						<view class="closed-subtitle nowrap">巅峰销售思维训练课2天</view>
+						<view class="closed-price nowrap">￥2980.00</view>
+					</view>
+				</view>
+				<view class="closed-item">
+					<view class="closed-cover" :style="'background-image: url(' + require('@/static/synthesize/img_08.png') + ');'"></view>
+					<view class="closed-text">
+						<view class="closed-title nowrap">团队系统思维</view>
+						<view class="closed-subtitle nowrap">团队系统思维训练课3天</view>
+						<view class="closed-price nowrap">￥3980.00</view>
+					</view>
+				</view>
+				<view class="closed-item">
+					<view class="closed-cover" :style="'background-image: url(' + require('@/static/synthesize/img_09.png') + ');'"></view>
+					<view class="closed-text">
+						<view class="closed-title nowrap">领袖演说思维</view>
+						<view class="closed-subtitle nowrap">领袖演说思维训练课3天</view>
+						<view class="closed-price nowrap">￥4980.00</view>
+					</view>
+				</view>
+				<view class="closed-item">
+					<view class="closed-cover" :style="'background-image: url(' + require('@/static/synthesize/img_10.png') + ');'"></view>
+					<view class="closed-text">
+						<view class="closed-title nowrap">卓越领秀思维</view>
+						<view class="closed-subtitle nowrap">卓越领秀思维训练课3天</view>
+						<view class="closed-price nowrap">￥5980.00</view>
+					</view>
+				</view>
+				<view class="closed-item">
+					<view class="closed-cover" :style="'background-image: url(' + require('@/static/synthesize/img_11.png') + ');'"></view>
+					<view class="closed-text">
+						<view class="closed-title nowrap">激发内在无限潜能</view>
+						<view class="closed-subtitle nowrap">激发内在无限潜能训练课3天</view>
+						<view class="closed-price nowrap">￥9980.00</view>
+					</view>
+				</view>
+				<view class="closed-item">
+					<view class="closed-cover" :style="'background-image: url(' + require('@/static/synthesize/img_12.png') + ');'"></view>
+					<view class="closed-text">
+						<view class="closed-title nowrap">其他赋能培训会议</view>
+						<view class="closed-subtitle nowrap">定制其他赋能培训会议</view>
+						<view class="closed-price nowrap">价格另议</view>
+					</view>
+				</view>
+			</view>
+		</view>
 		<!-- 弹窗 -->
 		<u-popup :show="showAdImg" mode="center" bgColor="transparent">
 			<view class="ad-lay">
@@ -200,6 +256,12 @@
             this.getZf()
         },
 		methods: {
+			onToast(){
+				uni.showToast({
+					title: '即将开放，敬请期待',
+					icon : 'none'
+				})
+			},
             // 获取金法列表
             getJf(){
                 let params = {
@@ -403,6 +465,52 @@
 			width: 100%;
 		}
 	}
+	// 增收赋能类
+	.closed{
+		background: white;
+		margin: 0 $margin;
+		border-radius: 35rpx;
+		padding-bottom: 10rpx;
+		.closed-item{
+			display: flex;
+			margin-bottom: 20rpx;
+			padding-bottom: 20rpx;
+			border-bottom: solid 1rpx #f8f8f8;
+			&:last-child{
+				margin-bottom: 0;
+				border-bottom: none;
+			}
+			.closed-cover{
+				width: 168rpx;
+				height: 168rpx;
+				background-size: cover;
+				background-position: center;
+				border-radius: 10rpx;
+			}
+			.closed-text{
+				width: calc(100% - 168rpx);
+				padding-left: 30rpx;
+				box-sizing: border-box;
+				.closed-title{
+					font-size: 32rpx;
+					font-weight: bold;
+					line-height: 50rpx;
+				}
+				.closed-subtitle{ 
+					color: gray;
+					font-size: 28rpx;
+					line-height: 40rpx;
+				}
+				.closed-price{
+					color: #d51959;
+					font-size: 34rpx;
+					line-height: 40rpx;
+					margin-top: 30rpx;
+					font-weight: bold;
+				}
+			}
+		}
+	}
 	// 诉讼委托类
 	.lawsuit{ 
 		padding: 0 20rpx $padding;