Signed-off-by: 李妹妹 <1639016684@qq.com>

api/courseAuto.js

@@ -1,6 +1,10 @@
 import Request from '../common/request.js';
 let request = new Request().http
-
+ //微信小程序登录
+ export function loginByMiniApp(data) {
+ 	 //return request('/course_uniapp/app/wx/miniapp/loginByMa',data,'POST','application/json;charset=UTF-8');
+	 return request('/app/wx/loginByMiniApp',data,'POST','application/json;charset=UTF-8');
+ }
 export function loginByMp(data) {
  	 return request('/course_auto/app/wx/courseLogin',data,'POST','application/json;charset=UTF-8');
  }

components/Server.vue

@@ -8,10 +8,13 @@
 			@touchend="onTouchEnd"
 		>
 			<view class="serve-content">
-				<image class="w130 h130"
+				<!-- <image class="w130 h130"
 					src="/static/images/server.png"
-					mode="aspectFit"></image>
-				<text class="text">客服投诉</text>
+					mode="aspectFit"></image> -->
+					<image class="w152 h152"
+						src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/server.gif"
+						mode="aspectFit"></image>
+				<!-- <text class="text">客服投诉</text> -->
 				<button class="contact-btn" open-type="contact"></button>
 			</view>
 		</view>

components/likeProduct.vue

@@ -1,7 +1,7 @@
 <template>
    <view>
 		<view class="like-title" v-show="list &&list.length > 0">
-			<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/like.png" mode=""></image>
+			<!-- <image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/like.png" mode=""></image> -->
 			<text class="text">猜你喜欢</text>
 		</view>
 		<view class="like-list">
@@ -14,10 +14,9 @@
 					<view class="price-box">
 						<view class="now">
 							<text class="unit">¥</text>
-							<text class="num"  v-if="userinfoa.isShow==1&&isuser==false">{{item.price.toFixed(2)}}</text>
-							<text class="num" v-else>{{item.otPrice.toFixed(2)}}</text>
+							<text class="num">{{item.price.toFixed(2)}}</text>
+							<text class="numOld" v-if="item.otPrice != null">原价¥{{item.otPrice.toFixed(2)}}</text>
 						</view>
-						<view class="old" v-if="userinfoa.isShow==1&&isuser==false">¥{{item.otPrice.toFixed(2)}}</view>
 					</view>
 				</view>
 			</view>
@@ -125,7 +124,7 @@
 	.like-title{
 		display: flex;
 		align-items: center;
-		justify-content: center;
+		justify-content: left;
 		padding: 30upx 0;
 		image{
 			width: 37upx;
@@ -133,30 +132,32 @@
 			margin-right: 20upx;
 		}
 		.text{
-			font-size: 36upx;
-			font-family: PingFang SC;
-			font-weight: bold;
+			font-family: PingFangSC, PingFang SC;
+			font-weight: 600;
+			font-size: 40rpx;
+			color: #222222;
+			line-height: 56rpx;
 			color: #111111;
-			line-height: 1;
 		}
 	}
 	.like-list{
 		display: flex;
-		flex-wrap: wrap;
+		flex-direction: column;
+		//flex-wrap: wrap;
 		.item{
-			margin-right: 20rpx;
+			//margin-right: 20rpx;
 			margin-bottom: 20rpx;
-			width: 345rpx;
+			//width: 345rpx;
 			background: #FFFFFF;
 			box-shadow: 0px 0px 10rpx 4rpx rgba(199, 199, 199, 0.22);
 			border-radius: 20rpx;
 			overflow: hidden;
-			&:nth-child(2n) {
-				margin-right: 0;
-			}
+			// &:nth-child(2n) {
+			// 	margin-right: 0;
+			// }
 			.img-box{
 				width: 100%;
-				height: 334upx;
+				height: 394rpx;
 				image{
 					width: 100%;
 					height: 100%;
@@ -164,39 +165,46 @@
 			}
 			.info-box{
 				box-sizing: border-box;
-				height: 182upx;
-				padding: 20upx 20upx 30upx;
+				//height: 182upx;
+				padding: 20rpx;
 				display: flex;
 				flex-direction: column;
 				justify-content: space-between;
 				.title{
-					font-size: 26upx;
-					font-family: PingFang SC;
+					font-family: PingFangSC, PingFang SC;
 					font-weight: 500;
+					font-size: 36rpx;
 					color: #111111;
-					line-height: 40upx;
+					line-height: 50rpx;
 				}
 				.price-box{
+					margin-top: 8rpx;
 					display: flex;
 					align-items: flex-end;
 					.now{
 						display: flex;
-						align-items: flex-end;
+						align-items: baseline;
 						margin-right: 20upx;
 						.unit{
-							font-size: 24upx;
+							font-size: 28rpx;
 							font-family: PingFang SC;
 							font-weight: 500;
-							color: #FF6633;
-							line-height: 1.2;
+							color: #FF233C;
+							
 							margin-right: 4upx;
 						}
 						.num{
-							font-size: 36upx;
+							font-size: 44rpx;
 							font-family: PingFang SC;
 							font-weight: bold;
-							color: #FF6633;
-							line-height: 1;
+							color: #FF233C;
+							
+						}
+						.numOld{
+							margin-left: 12rpx;
+							font-size: 28rpx;
+							color: #999;
+							text-decoration: line-through;
 						}
 					}
 					.old{

pages.json

@@ -29,7 +29,7 @@
 
 		},
 		{
-			"path": "pages/home/newindex",
+			"path": "pages/home/index",
 			"style": {
 				//"navigationBarTitleText": "岚财良品",
 				"navigationBarTitleText": "岚财良品",
@@ -39,19 +39,20 @@
 					"titleNView": false
 				}
 			}
+			
+		},
+		{
+			"path": "pages/home/newindex",
+			"style": {
+				"navigationBarTitleText": "岚财良品",
+				//"navigationBarTitleText": "商城",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom",
+				"app-plus": {
+					"titleNView": false
+				}
+			}
 		},
-		// {
-		// 	"path": "pages_index/index",
-		// 	"style": {
-		// 		//"navigationBarTitleText": "岚财良品",
-		// 		"navigationBarTitleText": "岚财良品",
-		// 		"enablePullDownRefresh": false,
-		// 		"navigationStyle": "custom",
-		// 		"app-plus": {
-		// 			"titleNView": false
-		// 		}
-		// 	}
-		// },
 		// {
 		//           "path" : "pages/home/doctorCase",
 		//           "style" :                                                                                    
@@ -324,6 +325,26 @@
 
 	],
 	"subPackages": [
+		{
+			"root": "pages_index",
+			"pages": [{
+					"path": "video",
+					"style": {
+						"navigationBarTitleText": "央广原乡行",
+						"enablePullDownRefresh": false
+						// "navigationStyle": "custom"
+					}
+				},
+				{
+						"path": "course",
+						"style": {
+								"navigationBarTitleText": "课程",
+								"enablePullDownRefresh": false
+								//"navigationStyle": "custom"
+							}
+						}
+				]
+		},
 		// {
 		// 	"root": "pages_doctor",
 		// 	"pages": [
@@ -390,25 +411,6 @@
 		// 		}
 		// 	]
 		// },
-		// {
-		// 	"root": "pages_index",
-		// 	"pages": [{
-		// 			"path": "index",
-		// 			"style": {
-		// 				"navigationBarTitleText": "岚财良品",
-		// 				"enablePullDownRefresh": false,
-		// 				"navigationStyle": "custom"
-		// 			}
-		// 		},
-		// 		{
-		// 					"path": "course",
-		// 					"style": {
-		// 						"navigationBarTitleText": "课程",
-		// 						"enablePullDownRefresh": false
-		// 					}
-		// 				}
-		// 		]
-		// },
 		{
 			"root": "pages_user",
 			"pages": [{
@@ -478,7 +480,8 @@
 					"style": {
 						"navigationBarTitleText": "积分商城",
 						"navigationBarTextStyle": "black",
-						"navigationBarBackgroundColor": "#ffffff"
+						"navigationBarBackgroundColor": "#ffffff",
+						"navigationStyle": "custom"
 					}
 
 				}, {
@@ -1413,18 +1416,25 @@
 		"iconWidth": "18px",
 		"spacing": "4px",
 		"list": [{
-				"pagePath": "pages/home/newindex",
-				// "pagePath": "pages_index/index",
+				//"pagePath": "pages/home/newindex",
+				"pagePath": "pages/home/index",
 				"iconPath": "/static/tabbar/home.png",
 				"selectedIconPath": "/static/tabbar/home_sel.png",
 				"text": "首页"
 			},
 
+			// {
+			// 	"pagePath": "pages/healthy/index",
+			// 	//"pagePath": "pages/home/newindex",
+			// 	"iconPath": "/static/tabbar/mall.png",
+			// 	"selectedIconPath": "/static/tabbar/mall_sel.png",
+			// 	"text": "原乡行"
+			// },
 			{
-				"pagePath": "pages/healthy/index",
+				"pagePath": "pages/home/newindex",
 				"iconPath": "/static/tabbar/mall.png",
 				"selectedIconPath": "/static/tabbar/mall_sel.png",
-				"text": "原乡行"
+				"text": "商城"
 			},
 			// {
 			// 	//"pagePath": "pages/shopping/cart",

pages/auth/login.vue

@@ -6,9 +6,9 @@
 		  <view class="logo">
 		  	<view class="logo-img">
 		  		<!-- <image  :src="imgPath+'/app/images/logo.jpg'"></image> -->
-				<image  src="@/static/logo.jpg"></image>
+				<image  src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/logo.png"></image>
 		  	</view>
-		  	<view class="title">岚财良品</view>
+		  	<!-- <view class="title">岚财良品</view> -->
 		  </view>
         <!-- <open-data class="user-avatar" type="userAvatarUrl"></open-data>
         <open-data class="user-name" type="userNickName"></open-data> -->
@@ -231,19 +231,29 @@ export default {
 	}
 }
 </script>
-
+<style lang="stylus">
+	checkbox .wx-checkbox-input.wx-checkbox-input-checked {
+		background:#FF233C;
+		border: 1px solid #FF233C;
+		border-radius: 50%;
+	}
+</style>
 <style lang="scss">
+	page{
+		background-color: #fff !important;
+	}
 	.logo{
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
 		align-items: center;
+		margin-bottom: 30rpx;
 		.logo-img{
 			border: 4upx solid #FFFFFF;
-			box-shadow: 0px 5px 15px 2px rgba(0,0,0,0.1);
+			//box-shadow: 0px 5px 15px 2px rgba(0,0,0,0.1);
 			border-radius: 50%;
-			width: 80px;
-			height: 80px;
+			width: 210rpx;
+			height: 210rpx;
 			image{
 				border-radius: 50%;
 				width: 100%;
@@ -301,40 +311,41 @@ export default {
     }
 
     .login-notice {
-      font-size: 28rpx;
-      font-family: PingFang SC;
-      font-weight: 400;
+     font-family: PingFangSC, PingFang SC;
+     font-weight: 600;
+     font-size: 36rpx;
       color: #000;
       line-height: 44rpx;
-      width: 500rpx;
+     // width: 500rpx;
       text-align: center;
       margin-bottom: 80rpx;
     }
 
     .author-btn {
       width: 630rpx;
-      height: 80rpx;
-      background: linear-gradient(to right, #66b2ef  0%, #66b2ef 100%);
-      background: -moz-linear-gradient(to right, #66b2ef 0%, #66b2ef 100%);
+      height: 108rpx;
+	  background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
+     // background: linear-gradient(to right, #66b2ef  0%, #66b2ef 100%);
+      //background: -moz-linear-gradient(to right, #66b2ef 0%, #66b2ef 100%);
       // box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22);
-      border-radius: 40rpx;
-      font-size: 30rpx;
-      font-family: PingFang SC;
-      font-weight: 500;
+     border-radius: 52rpx;
+     font-weight: 600;
+     font-size: 40rpx;
+     color: #FFFFFF;
       color: rgba(255, 255, 255, 1);
     }
 
     .close-btn {
       width: 630rpx;
-      height: 80rpx;
-      margin-top: 30rpx;
-      border-radius: 40rpx;
-      border: 2rpx solid #66b2ef;
+      height: 108rpx;
+      margin-top: 40rpx;
+      border-radius: 52rpx;
+      border: 2rpx solid #FF233C;
       background: none;
-      font-size: 30rpx;
-      font-family: PingFang SC;
-      font-weight: 500;
-      color: #66b2ef;
+     font-weight: 600;
+     font-size: 40rpx;
+     color: #FFFFFF;
+      color: #FF233C;
     }
   }
 }
@@ -343,12 +354,12 @@ export default {
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	font-size: 28rpx;
-	color: #000;
-	checkbox{
-	}
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: #999;
 	.btn{
-		color: #66b2ef;
+		color: #FF233C;
 	}
 }
 
@@ -426,4 +437,5 @@ export default {
 	position: absolute;
 	opacity:0.0;
 }
+
 </style>

pages/common/launch.vue

@@ -3,7 +3,7 @@
 		<view class="loadding" v-if="loadding==true">
 			<view class="circlebox">
 				<view class="circle"></view>
-				<image src="@/static/logo.jpg"></image>
+				<image src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/logo.png"></image>
 			</view>
 			<text class="text">岚财良品</text>
 		</view>
@@ -37,8 +37,8 @@
 			},
 			navigatHandler: function() {
 				uni.reLaunch({
-					url: '../home/newindex',
-					//url:"/pages_index/index",
+					//url: '/pages/home/newindex',
+					url:"/pages_index/index",
 					animationType: 'pop-in',
 					animationDuration: 100
 				})

pages/home/index.vue

@@ -1,2677 +1,570 @@
 <template>
-	<view class="content">
-		<!-- 背景图片 -->
-		<image class="bg" src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/hp_top_bg.png"
-			mode=""></image>
-		<view>
-			<view class="top-inner">
-				<view class="fixed-top-box" :style="{ background: bgColor }">
-					<!-- 这里是状态栏 -->
-					<view class="status_bar" :style="{height: statusBarHeight}"></view>
-					<view class="top-title">
-						<!-- <view class="name" >岚财良品</view> -->
-						<view class="name" >岚财良品</view>
-						<!-- <view class="dot">•</view><view class="sub-name">七彩互联网医院</view> -->
-					</view>
-					<!-- 搜索框、购物车、客服 -->
-					<view class="func-cont">
-						<view class="search-cont" :style="{width:userinfoa.isShow==0 || isuser==true?'633rpx':''}">
-							<image class="icon-search"
-								src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/search.png"
-								mode="">
-							</image>
-							<input type="text" value="" placeholder="请输入产品名称"
-								placeholder-style="font-size:28rpx;color:#BBBBBB;font-family: PingFang SC;"
-								@click="toSearch" />
-						</view>
-						<!-- 购物车 -->
-						<uni-badge size="small" :text="cartCount" absolute="rightTop" type="error"
-							v-show="userinfoa.isShow==1&&isuser==false">
-							<view class="img-item" @click="goAuthUrl('/pages/shopping/cart')">
-								<image
-									src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/cart_wihte.png"
-									mode=""></image>
-							</view>
-						</uni-badge>
-						<view class="img-item" style="position: relative;">
-							<image
-								src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/customer.png"
-								mode="">
-							</image>
-							<button class="contact-btn" open-type="contact"></button>
-						</view>
-					</view>
-				</view>
-			</view>
-			<!-- 头部间距 -->
-			<view style="padding-bottom:220rpx">
-				<view class="status_bar" :style="{height: statusBarHeight}"></view>
+	<view class="container">
+		<image class="bg" src="@/static/images/bg.png" mode="aspectFill"></image>
+		<!-- 顶部搜索栏 -->
+		<view class="top-bar" :style="{marginTop: statusBarHeight}">
+			<view class="search-row" @click="onSearch">
+				<image src="@/static/images/new/search.png" mode=""></image>
+				<text class="search-placeholder">搜索你感兴趣的内容</text>
 			</view>
-			<!-- 轮播图 -->
-			<view class="banner-box">
+			<!-- <view class="top-actions">
+				<text class="action-icon">⋯</text>
+				<text class="action-icon scan">⊙</text>
+			</view> -->
+		</view>
+
+		<!-- 应用标题与副标题 -->
+		<view class="brand">
+			<image src="@/static/images/new/title.png" mode="widthFix"></image>
+			<!-- <text class="brand-title">品质韶华·乐享朝夕</text>
+			<text class="brand-subtitle">全国89%的中老年人都在用的兴趣内容社区</text> -->
+		</view>
+
+		<!-- 主题横幅 Banner -->
+		<scroll-view scroll-y class="scroll-content" :show-scrollbar="false">
+			<view class="banner" @click="onBannerClick">
+				<!-- <image class="banner-bg" src="/static/images/new/banner.png" mode="aspectFill"></image> -->
 				<view class="inner">
 					<swiper class="swiper" :indicator-dots="true" :circular="true" :autoplay="true" :interval="3000"
 						:duration="1000" indicator-color="rgba(255, 255, 255, 0.6)" indicator-active-color="#ffffff">
-						<swiper-item class="swiper-item" v-for="(item,index) in advList" :key="index"
+						<!-- <swiper-item class="swiper-item" v-for="(item,index) in advList" :key="index"
 							@click="handleAdvClick(item)">
 							<image :src="item.imageUrl" mode=""></image>
+						</swiper-item> -->
+						<swiper-item class="swiper-item">
+							<image src="/static/images/new/banner.png" mode=""></image>
 						</swiper-item>
 					</swiper>
 				</view>
 			</view>
-
-			<!-- 菜单 -->
-			<view class="menu-content">
-				<view class="menu-box">
-					<Menu :list="menus" @menuClick="menuClick" v-if="menus.length>0" style="width:100%;"></Menu>
-				</view>
-			</view>
-
-		</view>
-		<view class="online-inquiry" v-if="isuser==false">
-			<view class="item" @click="navTo('../home/productList')">
-				<image class="bg-img"
-					src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/userapp/images/banner.png"
-					mode=""></image>
-			</view>
-		</view>
-		<!-- <view class="open-class bgf radius12">
-			<view class="title-box">
-				<text class="title">百域大讲堂</text>
-				<view class="more" @click="goClassList(1)">
-					<text>查看全部</text>
-					<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/toright.png"></image>
-				</view>
-			</view>
-			<view class="justify-start">
-				<view class="class-item" @click="goClass(item.courseId,1)" v-for="(item, index) in classList"
-					:key="index">
-					<view class="img-box">
-						<image :src="item.imgUrl || 'https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/no-img.png'"  ></image>
+			
+			<!-- 央广原乡行 视频推荐区 -->
+			<view class="section video-section">
+				<view class="section-head">
+					<view class="section-title-wrap">
+						<image class="play-icon" src="/static/images/new/bofang.png" mode=""></image>
+						<image class="section-title" src="/static/images/new/yyx.png" ></image>
+					</view>
+					<view class="section-more" @click="onMoreVideos">查看更多
+					 <image src="/static/images/new/back.png" ></image>
 					</view>
-					<view>{{item.courseName}}</view>
-				</view>
-			</view>
-		</view> -->
-		<view class="modules">
-			<view class="module">
-				<!--养生有道-->
-				<!-- <view class="depts">
-						<view class="title">养生有道</view>
-						<view class="dept-box">
-							<view  @click="yangshengClick(item)"  class="dept" :key="index" v-for="(item,index) in yangshengs"  >
-								<image class="icon" :src="item.icon"></image>
-								<view class="title" >{{item.title}} </view>
-							</view>
-						</view>
 				</view>
-				 -->
-				<!-- <view class="doctor-articles" >
-					<view class="title-box">
-						<view class="title">养生讲堂</view>
-						<view class="more"  @click="navTo('/pages_index/index/doctorArticleList')" >
-							<view class="text">更多</view>
-							<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/arrow_gray.png"></image>
+				<view class="feature-video-card" >
+					<scroll-view scroll-x class="tag-scroll" :show-scrollbar="false">
+						<view
+							v-for="(tag, idx) in videoTags"
+							:key="idx"
+							class="tag-item"
+							:class="{ active: videoTagIndex === idx }"
+							@click="videoTagIndex = idx"
+						>
+							<text>{{ tag }}</text>
 						</view>
-					</view>
-					<scroll-view :scroll-x="true" style="white-space: nowrap;">
-					<view class="article-box"  >
-						<view class="article" @click="navTo('/pages_index/index/doctorArticleDetails?articleId='+item.articleId)"  v-for="(item,index) in doctocArticles" :key="index">
-							<view class="image-box">
-								<image mode="aspectFill" :src="item.imageUrl"></image>
-								<view class="views">
-									{{item.views}}人观看
-								</view>
-								<view class="doctor">
-									<image mode="aspectFill" :src="item.avatar"></image>
-									<view class="right">
-										<view class="doc-name ellipsis">{{item.doctorName}}</view>
-										<view class="doc-position ellipsis">{{item.position}}</view>
-									</view>
-								</view>
-							</view>
-							<view class="article-title-box">
-								<view class="article-title ellipsis">{{item.title}}</view>
+					</scroll-view>
+					<view class="x-bc" @click="onWatchLive">
+						<view class="fv-thumb">
+							<image class="fv-img" src="/static/images/new/banner.png" mode="aspectFill"></image>
+							<view class="live-tag">
+								<text class="live-dot"></text>
+								<text>直播中</text>
 							</view>
 						</view>
+						<view class="fv-info">
+							<text class="fv-title">《长寿恩施》</text>
+							<text class="fv-desc">邀你一起看恩施美景，寻长寿秘密</text>
+							<view class="btn-watch" @click.stop="onWatchLive">立即观看</view>
+						</view>
 					</view>
-					</scroll-view>
-				</view> -->
-
-				<!--养生干货-->
-				<!-- <view class="articles" >
-			    	<view class="title-box">
-			    		<view class="title">养生干货</view>
-			    		<view class="more" @click="navTo('/pages_index/index/articleList')">
-			    			<view class="text">更多</view>
-			    			<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/arrow_gray.png"></image>
-			    		</view>
-			    	</view>
-			    	<view class="article-box" v-if="articles.length>0">
-			    		<view class="item" :key="index" @click="navTo('/pages_index/index/articleDetails?articleId='+item.articleId)" v-for="(item,index) in articles">
-			    			<view class="left">
-			    				<view class="title">
-			    					{{item.title}}
-			    				</view>
-			    				<view class="views">
-			    					浏览量 {{item.views}}
-			    				</view>
-			    			</view>
-			    			<view class="right">
-			    				<image :src="item.imageUrl"></image>
-			    			</view>
-			    		</view>
-			    	</view>
-			    </view> -->
-
+					
+				</view>
 			</view>
-		</view>
 
-		<view class="index-cont">
-
-			<!-- 热门榜单 -->
-			<!-- <NewProduct :detail="newProductList" /> -->
-			<HotProduct :detail="hotProductList" />
-			<!-- 百域百科 -->
-			<!-- <view class="pub-item" style="margin-top: 20rpx;" >
-				<view class="pub-title-box">
-					<text class="left">百域百科</text>
-					<view class="right" @click="switchTo('../healthy/index')">
-						<text class="text">更多</text>
-						<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/arrow_gray.png" mode=""></image>
+			<!-- 免费精品课 -->
+			<view class="section course-section">
+				<view class="section-head">
+					<view class="section-title-wrap">
+						<image class="play-icon" src="/static/images/new/bofang.png" mode=""></image>
+						<image class="section-title" src="/static/images/new/jpk.png" ></image>
+					</view>
+					<view class="section-more" @click="onMoreCourses">更多课程
+					 <image src="/static/images/new/back.png" ></image>
 					</view>
 				</view>
-				<view class="inner">
-					<view class="pub-tab-box">
-						<view class="tab-inner">
-							<view
-								v-for="(item,index) in articleCateList"
-								:key="index"
-								:class="item.cateId == cateId?'item active':'item'"
-								@click="articleCateChange(item)">
-								<view class="text">
-									{{ item.cateName }}
-									<image v-show="item.cateId == cateId" class="tab-bg" src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/tab_bg.png" mode=""></image>
-								</view>
-							</view>
+				<view class="course-list">
+					<view
+						v-for="(course, idx) in courses"
+						:key="idx"
+						class="course-card"
+						@click="onCourseClick(course)"
+					>
+						<view class="course-thumb">
+							<image class="course-img" :src="course.cover || '/static/logo.jpg'" mode="aspectFill"></image>
+							<!-- <text class="course-tag">{{ course.tag }}</text> -->
 						</view>
-						<image class="right-mask" src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/mask.png" mode=""></image>
-					</view>
-
-					<view class="know-list">
-						<view class="item" v-for="(item,index) in articleList" :key="index" @click="showArticle(item)">
-							<view class="left">
-								<view class="title ellipsis2">{{ item.title }}</view>
-								<view class="info-box">
-									<view class="readers">
-										<view class="head-box" v-if="item.viewsList!=null&&item.viewsList.length>0">
-											<view class="head" v-for="(subitem,j) in item.viewsList" :key="j" v-if="subitem!=null" >
-												<image :src="subitem.avatar==null?'https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/detault_head.jpg':subitem.avatar" mode=""></image>
-											</view>
-										</view>
-										<view class="readings">
-											<image class="eye" src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/eye.png" mode=""></image>
-											<text class="num">{{item.views}}</text>
-										</view>
-									</view>
-									<view class="time">{{item.publishTime}}</view>
+						<view class="course-info">
+							<text class="course-name">{{ course.name }}</text>
+							<view class="x-end" style="justify-content: space-between;">
+								<view class="course-meta">
+									<image src="@/static/images/new/renshu.png"></image>
+									<text class="meta-count">{{ course.views }}</text>
 								</view>
+								<view class="btn-watch2" @click.stop="onCourseClick(course)">立即观看</view>
 							</view>
-							<view class="right">
-								<image :src="item.imageUrl"  mode="aspectFill"></image>
-							</view>
+							
 						</view>
 					</view>
 				</view>
-			</view> -->
-			<!-- 精选产品 -->
-			<TuiProduct ref="tuiProduct" />
-
-		</view>
-
-
-		<!-- 限时消息 -->
-		<!-- <view class="message-box" >
-			<view class="left">
-				<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/close24.png" mode="" @click="closeMsg"></image>
-				<view class="text ellipsis">关注公众号了解更新</view>
 			</view>
-			<view class="btn">查看</view>
 
-		</view> -->
-		<!-- #ifdef MP-WEIXIN -->
-		<view class="official-account">
-			<official-account @load="bindload" @error="binderror"></official-account>
-		</view>
-		<!-- #endif -->
-		<view class="popup-box" v-if="activityShow">
-			<view class="info-mask" @tap="closeActivity()"></view>
-			<view class="info-form">
-				<image :src="activity.logoUrl" @tap="showActivity()" />
-			</view>
-		</view>
-		<z-modal :show="tuiModalControl" placeholderText="请输入邀请码" :btnGroup="btnGroup" :contentType="2"
-			titleText="填写邀请码" @cancle="cancleTui" @sure="submitTui"></z-modal>
-
-
-			<Server/>
-		<!-- <tabbar :actindex="0"></tabbar> -->
+			<view class="bottom-placeholder"></view>
+		</scroll-view>
 	</view>
 </template>
 
 <script>
-	import {
-		courseList,
-		courseListB
-	} from '@/api/class.js'
-	import zModal from '@/components/z-modal/z-modal.vue'
-	import {
-		getStoreActivity
-	} from '@/api/activity.js'
-	import {
-		getDepartmentList
-	} from '@/api/doctorOrder.js'
-	import {
-		getMenu,
-		getCanvas,
-		getIndexData,
-		getTuiDoctor,
-		getTuiArticle,
-		getTuiDoctorOrder,
-		getCartCount,
-		// getpro
-	} from '@/api/index'
-	import {
-		getDoctorArticleList
-	} from '@/api/doctorArticle.js'
-	import {
-		getArticleList
-	} from '@/api/article.js'
-	import {
-		getStoreConfig
-	} from '@/api/common'
-	// import tabBg from "https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/tab_bg.png"
-	import freeAudio from '@/components/chengpeng-audio/free-audio.vue'
-	import Menu from '@/components/Menu.vue'
-	import HotProduct from './components/HotProduct.vue'
-	import NewProduct from './components/NewProduct.vue'
-	import TuiProduct from '@/components/tuiProduct.vue'
-
-	import Server from '@/components/Server.vue'
-	import {
-		getUserInfo,
-		bindPromoter
-	} from '@/api/user'
-	export default {
-		components: {
-			zModal,
-			freeAudio,
-			Menu,
-			HotProduct,
-			NewProduct,
-			TuiProduct,
-			Server
-		},
-		data() {
-			return {
-				classList: [],
-				btnGroup: [{
-					text: '取消',
-					color: '#FFFFFF',
-					bgColor: '#999999',
-					width: '150rpx',
-					height: '80rpx',
-					shape: 'fillet',
-					eventName: 'cancle'
-				}, {
-					text: '确定',
-					color: '#FFFFFF',
-					bgColor: '#FF233C',
-					width: '150rpx',
-					height: '80rpx',
-					shape: 'fillet',
-					eventName: 'sure'
-				}],
-				tuiModalControl: false,
-				activity: null,
-				activityShow: false,
-				newProductList: [],
-				hotProductList: [],
-				tuiProductList: [],
-				menus: [],
-				canvas: [],
-				allDoctorTitle: "全部医生",
-				topLen: 0,
-				deptId: 0,
-				depts: [],
-				docTab: 1,
-				top: 0,
-				cartCount: 0,
-				doctorOrderList: [],
-				orderType: 0,
-				cateId: null,
-				articleList: [],
-				advList: [],
-				doctorList: [],
-				articleCateList: [],
-				doctocArticles: [], //养生讲堂
-				articles: [], //养生干货
-				// 状态栏的高度
-				statusBarHeight: uni.getStorageSync('menuInfo').statusBarHeight,
-				tabBg: "https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/tab_bg.png", // tab切换背景
-				// 问诊案例类型
-				orderTypes: [{
-					name: '全部',
-					id: 0,
-				}, {
-					name: '图文',
-					id: 1,
-				}, {
-					name: '语音',
-					id: 2,
-				}],
-				// 限时消息是否显示
-				messageShow: true,
-				yangshengs: [{
-						id: "1",
-						title: "药膳食疗",
-						page: "/pages_index/index/medicatedFoodList",
-						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/3cfbd47911cf4753aa9497eac500728d.png"
-					},
-					{
-						id: "2",
-						title: "经络穴位",
-						page: "/pages_index/index/vesselList",
-						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/e93536a9dc1a4f8ca09545097b12fdea.png"
-					},
-					{
-						id: "3",
-						title: "问答专区",
-						page: "/pages_index/index/questionsList",
-						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/e896972bd56f4e358188af36f2c5af42.png"
-					},
-					{
-						id: "4",
-						title: "疾病",
-						page: "/pages_index/index/diseaseList",
-						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/d6f1851cccae414b8baf2ba07782f91b.png"
-					},
-					{
-						id: "5",
-						title: "中药图解",
-						page: "/pages_index/index/chineseMedicineList",
-						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/ff43572d0d004285b5a3b0ef2663c471.png"
-					},
-					{
-						id: "6",
-						title: "名方今用",
-						page: "/pages_index/index/famousPrescribeList",
-						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/45db770e58c34963b0d2ba24a958b617.png"
-					},
-					{
-						id: "7",
-						title: "康复医案",
-						page: "/pages_index/index/doctorArticleList",
-						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/e793942797b24035b51f94d894bdfa0b.png"
-					},
-					{
-						id: "8",
-						title: "更多",
-						page: "",
-						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/3ee6160289914ee4a8126573fe4dc0ae.png"
-					}
-				],
-				userinfoa: [],
-				isuser: false,
-				menvKey: [],
-				classListb: {}
-			}
-			// this.getStoreActivity();
-		},
-		onLoad(option) {
-			if (option.userCode != null) {
-				uni.setStorageSync('userCode', option.userCode);
-				if (this.utils.checkLoginState()) {
-					this.getUserInfo();
-				}
-			}
-			if (option.hasOwnProperty('q') && option.q) {
-				// 通过下面这步解码，可以拿到url的值
-				const url = decodeURIComponent(option.q)
-				this.url = url;
-				// // 对url中携带的参数提取处理
-				const obj = this.utils.urlToObj(url)
-				uni.setStorageSync('userCode', obj.userCode);
-				if (this.utils.checkLoginState()) {
-					this.getUserInfo();
-				}
-			}
-			// this.getStoreActivity()
-		},
-		// 暂停所有音频（一般用于页面切换时停止正在播放的音频）
-		onUnload() { //普通页面在 onUnload 生命周期中执行
-			uni.$emit('stop')
-		},
-		onHide() { //tabBar页面在onHide生命周期中执行
-			uni.$emit('stop')
-		},
-		onPageScroll(e) {
-			//console.log(e)
-			this.top = e.scrollTop;
-		},
-		mounted() {
-			this.getCourseList()
-			//this.getDepartmentList();
-		},
-		onShareAppMessage(res) {
-			return {
-				title: '岚财良品-您的专属解决方案',
-				path: `/pages/common/launch`,
-				// imageUrl: this.$store.state.imgpath +'/app/image/logo.jpg' //分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
-			imageUrl: 'https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/app/vip/share.png' //分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
-			}
+export default {
+	data() {
+		return {
+			statusBarHeight: uni.getSystemInfoSync().statusBarHeight + 'px',
+			videoTagIndex: 0,
+			videoTags: ['恩施', '长白山', '吉林', '武当山', '张家界', '更多'],
+			courses: [
+				{
+					name: '歌唱家刘金的《0基础金曲演唱速练课》',
+					views: '9239',
+					tag: '0基础 金曲演唱速练',
+					cover: ''
+				},
+				{
+					name: '资深编辑邹方斌讲《毛笔书法修心课》',
+					views: '7.2w',
+					tag: '毛笔书法修心课',
+					cover: ''
+				},
+				{
+					name: '张斌《元气八段锦》系列课',
+					views: '5.9w',
+					tag: '元气八段锦',
+					cover: ''
+				},
+				{
+					name: '翔哥精讲摄影课-手机微距拍摄技巧分享',
+					views: '100w+',
+					tag: '手机微距 拍摄技巧分享',
+					cover: ''
+				}
+			]
+		}
+	},
+	onLoad() {},
+	methods: {
+		onSearch() {
+			// 可跳转搜索页
+			uni.showToast({ title: '搜索', icon: 'none' })
 		},
-		onReachBottom() {
-			// console.log("onReachBottom")
-			this.$refs.tuiProduct.getTuiProducts();
+		onBannerClick() {
+			uni.navigateTo({ url: '/pages_index/course' })
 		},
-		//分享到朋友圈
-		onShareTimeline(res) {
-			return {
-				title: '岚财良品-您的专属解决方案',
-				query: '', //页面参数
-				imageUrl: 'https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/app/vip/share.png' //分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
-				// imageUrl: this.$store.state.imgpath +'/app/image/logo.jpg' //分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
-			}
+		onMoreVideos() {
+			uni.navigateTo({ url: '/pages_index/video' })
 		},
-		computed: {
-			// 计算属性的 getter
-			bgColor: function() {
-				var top = this.top / 30;
-				return 'rgba(43,199,185, ' + top + ')';
-			},
-			imgPath() {
-				return this.$store.state.imgpath
-			},
+		onWatchLive() {
+			uni.showToast({ title: '立即观看', icon: 'none' })
+			// 可跳转: 
 		},
-		onShow() {
-			this.getMenu();
-			this.getIndexData()
-			//this.getTuiDoctorOrder();
-			// console.log(uni.getStorageSync('isLocation'))
-			// if(uni.getStorageSync('isLocation')==""){
-			// 	this.getLocation();
-			// }
-			if (uni.getStorageSync('AppToken')) {
-				this.getUserInfo()
-			} else {
-				this.isuser = true
-			}
-			if (this.utils.checkLoginState()) {
-				this.getCartCount();
-			}
-			this.getStoreConfig();
-			//this.getTuiDoctor()
-			this.getCanvas();
-			this.getDoctorArticleList();
-			this.getArticleList();
-			// this.getshowmanv()
+		onMoreCourses() {
+			uni.navigateTo({ url: '/pages_index/course' })
 		},
-		methods: {
-			toLive() {
-				uni.showToast({
-					icon: 'none',
-					title: '暂未开放，敬请期待'
-				})
-			},
-			getCourseList() {
-				courseList().then(res => {
-					if (res.code == 200) {
-						console.log('公域', res.data)
-						this.classList = res.data.slice(0, 3)
-					} else {
-						uni.hideLoading();
-						uni.showToast({
-							title: res.msg,
-							icon: 'none'
-						});
-					}
-				})
-			},
-			goClass(id, type) {
-				// console.log(id)
-				uni.navigateTo({
-					url: '/pages_course/learn?courseId=' + id + '&type=' + type
-				})
-			},
-			goClassList(type) {
-				uni.navigateTo({
-					url: '/pages_course/teacherClassroom?type=' + type
-				})
-			},
-			// getshowmanv() {
-			// 	const data = {
-			// 		key: "store.appShow"
-			// 	}
-			// 	getpro(data).then(res => {
-			// 		this.menvKey = JSON.parse(res.data)
-			// 		// console.log('排序', this.menvKey[0])
-			// 	})
-			// },
-			getUserInfo() {
-				getUserInfo().then(
-					res => {
-						if (res.code == 200) {
-							if (res.user != null) {
-								this.userinfoa = res.user
-								// if(res.user.isPromoter==null||res.user.isPromoter==0){
-								// 	this.tuiModalControl=true
-								// }
-							}
-						} else {
-							uni.showToast({
-								icon: 'none',
-								title: "请求失败",
-							});
-						}
-					},
-					rej => {}
-				);
-			},
-			cancleTui(e) {
-				this.tuiModalControl = false
-			},
-			submitTui(e) {
-				// console.log(e)
-				if (e.inputText == null || e.inputText == "") {
-					uni.showToast({
-						icon: 'none',
-						title: "请输入邀请码",
-					});
-					return;
-				}
-				var data = {
-					userCode: e.inputText
-				};
-				bindPromoter(data).then(
-					res => {
-						if (res.code == 200) {
-							uni.showToast({
-								icon: 'none',
-								title: res.msg,
-							});
-							this.tuiModalControl = false
-						} else {
-							uni.showToast({
-								icon: 'none',
-								title: res.msg,
-							});
-						}
-					},
-					rej => {}
-				);
-
-			},
-			bindload: function(detail) {},
-			binderror: function(detail) {},
-			closeActivity() {
-				this.activityShow = false;
-				// uni.setStorageSync(this.activity.activityId,null);
-			},
-			getStoreActivity() {
-				let data = {}
-				getStoreActivity(data).then(res => {
-					this.activity = res.activity;
-					if (this.activity != null) {
-						// if(uni.getStorageSync(this.activity.activityId)!=null)
-						// {
-						// 	uni.setStorageSync(this.activity.activityId,1);
-						// 	this.activityShow=true;
-						// }
-						// else{
-						// 	this.activityShow=false;
-						// }
-						this.activityShow = true;
-					} else {
-						this.activityShow = false;
-					}
-				})
-			},
-			showActivity() {
-				this.activityShow = false;
-				uni.navigateTo({
-					url: '/pages_shopping/shopping/activityDetails?activityId=' + this.activity.activityId
-				})
-			},
-			menuClick(item) {
-				if (item.linkType == 1) {
-					if (item.linkUrl == "/pages/shopping/index") {
-						uni.switchTab({
-							url: item.linkUrl
-						})
-					} else if (item.linkUrl == "/pages/healthy/index") {
-						uni.switchTab({
-							url: item.linkUrl
-						})
-					} else {
-
-						uni.navigateTo({
-							url: item.linkUrl
-						})
-					}
-
-				} else if (item.linkType == 0) {
-					uni.showToast({
-						icon: 'none',
-						title: "开发中...",
-					});
-				}
-			},
-			goDev() {
-				uni.showToast({
-					icon: 'none',
-					title: "开发中...",
-				});
-			},
-			handleAdvClick(item) {
-				console.log(item);
-				if (item.showType == 1) {
-					uni.setStorageSync('url', item.advUrl);
-					uni.navigateTo({
-						url: "h5"
-					})
-				} else if (item.showType == 2) {
-					uni.navigateTo({
-						url: item.advUrl
-					})
-				} else if (item.showType == 3) {
-					uni.setStorageSync('content', item.content);
-					uni.navigateTo({
-						url: "content"
-					})
-				}
-			},
-			deptChange(item) {
-				this.deptId = item.departmentId;
-				this.getTuiDoctor();
-			},
-			getMenu() {
-				this.menus = [];
-				getMenu().then(res => {
-					if (res.code == 200) {
-						// for (var i = 0; i < res.data.length; i++) {
-						// 	const item=res.data[i];
-						// if(item.menuName.indexOf('百域百科')>=0 || item.menuName.indexOf('百域自测')>=0
-						// || item.menuName.indexOf('百域档案')>=0 ||item.menuName.indexOf('用药咨询')>=0){
-						// 	this.menus.push(item);
-						// }
-						// }
-						// console.log('图标', res.data)
-						// const menuNames = ['百域百科', '百域自测', '百域档案', '产品商城', '领券中心', '会员'];
-						this.menus = res.data
-						// this.menus = res.data.filter(item => menuNames.some(menuName => item.menuName.includes(menuName)) );
-					} else {
-
-					}
-				});
-			},
-			getCanvas() {
-				getCanvas().then(res => {
-					if (res.code == 200) {
-						if (res.data && res.data.json) {
-							this.canvas = JSON.parse(res.data.json)
-						}
-					}
-				});
-			},
-			getDepartmentList() {
-				this.depts = [];
-				getDepartmentList().then(res => {
-					if (res.code == 200) {
-						var allDept = {
-							departmentId: 0,
-							departmentName: "全部"
-						}
-						this.depts.push(allDept);
-						this.depts = this.depts.concat(res.data);
-					} else {
-						uni.showToast({
-							icon: 'none',
-							title: "请求失败",
-						});
-					}
-				});
-			},
-			getTuiDoctor() {
-				let data = {
-					departmentId: this.deptId,
-					doctorType: this.docTab
-				};
-				getTuiDoctor(data).then(
-					res => {
-						if (res.code == 200) {
-							this.doctorList = res.data;
-						} else {
-							uni.showToast({
-								icon: 'none',
-								title: "请求失败",
-							});
-						}
-					},
-					rej => {}
-				);
-			},
-			docTabChange(val) {
-				if (val == 1) {
-					this.allDoctorTitle = "全部医师"
-				}
-				if (val == 2) {
-					this.allDoctorTitle = "全部药师"
-				}
-				if (val == 3) {
-					this.allDoctorTitle = "全部营养师"
-				}
-				this.docTab = val;
-				this.getTuiDoctor();
-			},
-			showImg(urls) {
-				var imgArr = urls.split(',');
-				//预览图片
-				uni.previewImage({
-					urls: imgArr,
-					current: imgArr[0]
-				});
-			},
-			getStoreConfig() {
-				getStoreConfig().then(
-					res => {
-						if (res.code == 200) {
-							uni.setStorageSync('config', JSON.stringify(res.data));
-						}
-					},
-					rej => {}
-				);
-
-			},
-			goAuthUrl(url) {
-				this.utils.isLogin().then(res => {
-					if (res) {
-						uni.switchTab({
-							url: url
-						})
-					}
-				})
-			},
-			// 跳转页面
-			navTo(url) {
-				uni.navigateTo({
-					url: url
-				})
-			},
-			getLocation() {
-				var that = this;
-				uni.authorize({
-					scope: 'scope.userLocation',
-					success() {
-						uni.getLocation({
-							type: 'gcj02', //腾讯地图使用gcj02获取位置坐标
-							success: function(res) {
-								uni.setStorageSync('isLocation', 1);
-								uni.setStorageSync('lng', res.longitude);
-								uni.setStorageSync('lat', res.latitude);
-							},
-						})
-					},
-					fail(err) {
-						console.log(err)
-					}
-				})
-			},
-			getIndexData() {
-				let data = {};
-				getIndexData(data).then(
-					res => {
-						if (res.code == 200) {
-							this.advList = res.data.advList;
-							this.articleCateList = res.data.articleCateList;
-							if (this.articleCateList != null && this.articleCateList.length > 0) {
-								this.cateId = this.articleCateList[0].cateId;
-								this.getTuiArticle()
-							}
-							this.tuiProductList = res.data.tuiProductList
-							this.newProductList = res.data.newProductList
-							this.hotProductList = res.data.hotProductList
-						} else {
-							uni.showToast({
-								icon: 'none',
-								title: "请求失败",
-							});
-						}
-					},
-					rej => {}
-				);
-			},
-			getCartCount() {
-				this.utils.isLogin().then(res => {
-					if (res) {
-						getCartCount().then(
-							cartRes => {
-								if (cartRes.code == 200) {
-									this.cartCount = cartRes.data;
-								}
-							},
-							rej => {}
-						);
-					}
-				})
-			},
-			getTuiArticle() {
-				let data = {
-					cateId: this.cateId
-				};
-				getTuiArticle(data).then(
-					res => {
-						if (res.code == 200) {
-							this.articleList = res.data;
-						} else {
-							uni.showToast({
-								icon: 'none',
-								title: "请求失败",
-							});
-						}
-					},
-					rej => {}
-				);
-			},
-			getTuiDoctorOrder() {
-				let data = {
-					orderType: this.orderType
-				};
-				getTuiDoctorOrder(data).then(
-					res => {
-						if (res.code == 200) {
-							this.doctorOrderList = res.data;
-						} else {
-							uni.showToast({
-								icon: 'none',
-								title: "请求失败",
-							});
-						}
-					},
-					rej => {}
-				);
-			},
-			showArticle(item) {
-				uni.navigateTo({
-					url: '../healthy/detail?articleId=' + item.articleId
-				})
-			},
-			showProduct(item) {
-				uni.navigateTo({
-					url: '../shopping/productDetails?productId=' + item.productId
-				})
-			},
-			// 顶部搜索
-			toSearch() {
-				uni.navigateTo({
-					url: './productSearch'
-				})
-			},
-			// 健康知识选中
-			articleCateChange(item) {
-				this.cateId = item.cateId;
-				this.getTuiArticle();
-			},
-			// 问诊案例选中
-			orderTypeChange(item) {
-				this.orderType = item.id;
-				console.log(this.orderType)
-				this.getTuiDoctorOrder();
-			},
-			// 关闭限时消息
-			closeMsg() {
-				this.messageShow = false
-			},
-			// 查看全部
-			viewAll(url) {
-				uni.navigateTo({
-					url: '/pages/home/' + url,
-				});
-			},
-			shopDoctor(item) {
-				console.log(item);
-				uni.navigateTo({
-					url: "/pages_doctor/doctorDetail?doctorId=" + item.doctorId
-				})
-			},
-			switchTo(url) {
-				uni.switchTab({
-					url: url
-				})
-				return
-			},
-			yangshengClick(item) {
-				if (item.page == "") {
-					uni.showToast({
-						icon: "none",
-						title: '暂无更多'
-					})
-					return;
-				}
-				uni.navigateTo({
-					url: item.page
-				})
-			},
-			// 在线问诊
-			openIm() {
-				uni.navigateTo({
-					url: '/pages_doctor/doctorOrderIM?orderId=10'
-				})
-			},
-			getDoctorArticleList() {
-				//联网加载数据
-				var that = this;
-				var data = {
-					pageNum: 1,
-					pageSize: 10
-				};
-				getDoctorArticleList(data).then(res => {
-					if (res.code == 200) {
-						this.doctocArticles = res.data.list;
-					}
-				});
-			},
-			getArticleList() {
-				//联网加载数据
-				var that = this;
-				var data = {
-					isTui: 1,
-					pageNum: 1,
-					pageSize: 10,
-				};
-				getArticleList(data).then(res => {
-					if (res.code == 200) {
-						this.articles = res.data.list;
-					} else {
-						uni.showToast({
-							icon: 'none',
-							title: "请求失败",
-						});
-					}
-				});
-			},
+		onCourseClick(course) {
+			uni.showToast({ title: course.name, icon: 'none' })
+			// 可跳转课程详情: uni.navigateTo({ url: '/pages_course/videovip?id=' + course.id })
 		}
 	}
+}
 </script>
 
-<style lang="scss">
-	.fixed-top-box {
+<style lang="scss" scoped>
+	.bg {
 		width: 100%;
-		position: fixed;
+		height: 380rpx;
+		position: absolute;
 		top: 0;
 		left: 0;
-		z-index: 1000;
-		transition: all 0.5s;
-		background-color: #FF233C;
-
-		&.show-back {
-			// background: linear-gradient(135deg, #66b2ef 0%, #FF233C 100%);
-		}
-
-		.status_bar {
-
-			width: 100%;
-		}
+		z-index: 0;
 	}
-
-	.content {
-		width: 100%;
-		position: relative;
-
-		.bg {
-			width: 100%;
-			height: 380rpx;
-			position: absolute;
-			top: 0;
-			left: 0;
-		}
-
-		.top-inner {
-			width: 100%;
-			position: absolute;
-			top: 0;
-			left: 0;
-			z-index: 5;
-
-			.top-title {
-				height: 88upx;
-				line-height: 88upx;
-				display: flex;
-				align-items: center;
-				justify-content: flex-start;
-
-				.name {
-					font-size: 42upx;
-					font-family: Source Han Sans CN;
-					font-weight: bold;
-					color: #FFFFFF;
-					padding-left: 41upx;
-				}
-
-				.dot {
-					margin: 0upx 10upx;
-					font-size: 28upx;
-					color: #FFFFFF;
-					opacity: 0.5;
-				}
-
-				.sub-name {
-					font-size: 30upx;
-					font-family: Source Han Sans CN;
-					color: #FFFFFF;
-				}
-
-
-			}
-
-			.func-cont {
-				box-sizing: border-box;
-				display: flex;
-				align-items: center;
-				padding: 30upx 20upx 30upx 20upx;
-
-				.search-cont {
-					box-sizing: border-box;
-					display: flex;
-					align-items: center;
-					width: 552upx;
-					height: 72upx;
-					background: #FFFFFF;
-					border-radius: 36upx;
-					padding: 0 30upx;
-
-					.icon-search {
-						width: 28upx;
-						height: 28upx;
-						margin-right: 20upx;
-					}
-
-					input {
-						height: 60upx;
-						line-height: 60upx;
-						flex: 1;
-					}
-				}
-
-				:deep(.uni-badge) {
-					border: none;
-					background-color: #FF3636;
-					font-family: Roboto;
-				}
-
-				.img-item {
-					width: 44upx;
-					height: 44upx;
-					margin-left: 30upx;
-
-					image {
-						width: 100%;
-						height: 100%;
-					}
-				}
-			}
-
-			.tips {
-				margin: 0upx 20rpx 30rpx;
-				height: 40upx;
-				line-height: 40upx;
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-
-				.left {
-					font-size: 30upx;
-					color: #FFFFFF;
-				}
-
-				.right {
-					padding: 5upx 20rpx;
-					font-size: 24upx;
-					color: #FFFFFF;
-					background-color: #FF233C;
-					border-radius: 50rpx;
-				}
-			}
-		}
-
-		.banner-box {
-			padding: 0 20upx;
-
-			.inner {
-				width: 100%;
-				height: 236upx;
-				border-radius: 10upx;
-				overflow: hidden;
-
-				.swiper,
-				.swiper-item,
-				.swiper-item image {
-					width: 100%;
-					height: 100%;
-				}
-
-			}
-		}
-
-		.menu-content {
-			// width: 100%;
-			background-color: #fff;
-			overflow: hidden;
-			padding: 20upx 20upx 0;
-		}
-
-		.menu-box {
-			display: flex;
-			align-items: center;
-			background-color: #FFFFFF;
-		}
-
-		.online-inquiry {
-			box-sizing: border-box;
-			width: 100%;
-			height: 300upx;
-			padding: 20upx;
-			background: linear-gradient(180deg, rgba(255, 255, 255, 0.38) 62%, rgba(255, 255, 255, 0) 100%);
-			display: flex;
-			justify-content: space-between;
-
-			.item {
-				// width: 46.13%;
-				width: 100%;
-				height: 100%;
-				position: relative;
-
-				.bg-img,
-				.inner {
-					width: 100%;
-					height: 100%;
-					position: absolute;
-					top: 0;
-					left: 0;
-					z-index: 1;
-					border-radius: 15rpx;
-				}
-
-				.inner {
-					box-sizing: border-box;
-					z-index: 2;
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-					padding-left: 32upx;
-
-					.title {
-						font-size: 30upx;
-						line-height: 1;
-						font-family: PingFang SC;
-						font-weight: 500;
-						color: #111111;
-						margin-bottom: 20upx;
-					}
-
-					.sub-title {
-						font-size: 24upx;
-						font-family: PingFang SC;
-						font-weight: 500;
-						color: #666666;
-					}
-
-					image {
-						width: 80upx;
-						height: 90upx;
-						position: absolute;
-						right: 7upx;
-						bottom: 7upx;
-					}
-				}
-			}
-		}
-
-		.index-cont {
-			box-sizing: border-box;
-			padding: 0 20upx 120rpx;
-
-			.pub-item {
-				background: #FFFFFF;
-				border-radius: 16upx;
-				margin-bottom: 20upx;
-
-				.tabs {
-					width: 100%;
-					display: flex;
-					align-items: center;
-					justify-content: flex-start;
-					height: 110rpx;
-					background-color: #F0F3F4;
-
-					.tab {
-						height: 110rpx;
-						display: flex;
-						align-items: center;
-						justify-content: center;
-						position: relative;
-						flex: 1;
-
-						.img {
-							z-index: 1;
-							position: absolute;
-							top: 0rpx;
-							left: 0rpx;
-							width: 100%;
-							height: 100%;
-						}
-
-						.inner {
-							z-index: 2;
-
-							.title {
-								font-size: 32upx;
-								font-family: PingFang SC;
-								font-weight: bold;
-								color: #666666;
-							}
-
-							.active {
-								color: #FF233C;
-							}
-						}
-
-					}
-
-
-				}
-
-				.pub-title-box {
-					box-sizing: border-box;
-					padding: 36upx 30upx;
-					display: flex;
-					align-items: center;
-					justify-content: space-between;
-
-					.left {
-						font-size: 32upx;
-						line-height: 1;
-						font-family: PingFang SC;
-						font-weight: bold;
-						color: #111111;
-					}
-
-					.right {
-						display: flex;
-						align-items: center;
-						justify-content: center;
-
-						.text {
-							font-size: 24rpx;
-							line-height: 1;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #999999;
-							margin-right: 10upx;
-						}
-
-						image {
-							width: 14upx;
-							height: 24upx;
-						}
-					}
-
-				}
-
-				.doc-tab-box {
-					padding: 14rpx 30rpx 0rpx 30rpx;
-					position: relative;
-
-					.tab-inner {
-						padding: 14upx 0 30upx;
-						display: flex;
-						overflow-x: auto;
-					}
-
-					.item {
-						font-size: 28upx;
-						white-space: nowrap;
-						line-height: 1;
-						font-family: PingFang SC;
-						font-weight: 500;
-						color: #666666;
-						margin-right: 40upx;
-						position: relative;
-
-						&:last-child {
-							margin-right: 0;
-						}
-
-						&.active {
-							font-weight: bold;
-							color: #333333;
-						}
-
-						&.cases {
-							margin-right: 60upx;
-						}
-
-						.text {
-							position: relative;
-							z-index: 1;
-						}
-
-						.tab-bg {
-							width: 72upx;
-							height: 28upx;
-							position: absolute;
-							top: 17upx;
-							left: 50%;
-							transform: translateX(-36upx);
-							z-index: -1;
-						}
-					}
-
-					.right-mask {
-						width: 56upx;
-						height: 34upx;
-						position: absolute;
-						top: 25upx;
-						right: 0upx;
-						z-index: 1;
-					}
-				}
-
-				.doc-list {
-					padding: 20upx;
-
-					.item {
-						box-sizing: border-box;
-						background: #FFFFFF;
-						// border-radius: 16upx;
-						display: flex;
-						border-bottom: 1px solid #F0F0F0;
-						margin-bottom: 30rpx;
-
-						.head-box {
-							width: 120upx;
-							height: 120upx;
-							background: #EDF1F4;
-							border-radius: 50%;
-							overflow: hidden;
-							margin-right: 30upx;
-
-							image {
-								width: 100%;
-								height: 100%;
-							}
-						}
-
-						.info {
-							width: calc(100% - 150upx);
-
-							.top {
-								display: flex;
-								align-items: center;
-								font-family: PingFang SC;
-								line-height: 1;
-
-								.name {
-									font-size: 34upx;
-									font-weight: bold;
-									color: #111111;
-								}
-
-								.line {
-									width: 1px;
-									height: 26upx;
-									background: #DDDDDD;
-									margin: 0 20upx;
-								}
-
-								.other {
-									font-size: 28upx;
-									font-weight: 500;
-									color: #333333;
-								}
-							}
-
-							.unit-box {
-								display: flex;
-								margin-top: 24upx;
-
-								.level {
-									padding: 0 10upx;
-									height: 30upx;
-									line-height: 30upx;
-									font-size: 22upx;
-									font-family: PingFang SC;
-									font-weight: 500;
-									color: #FFFFFF;
-									background: #FF233C;
-									border-radius: 10upx 4upx 10upx 4upx;
-									margin-right: 12upx;
-								}
-
-								.name {
-									font-size: 28upx;
-									font-family: PingFang SC;
-									font-weight: 500;
-									color: #333333;
-									line-height: 30upx;
-								}
-							}
-
-							.expertise {
-								font-size: 26upx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #666666;
-								line-height: 42upx;
-								margin: 22upx 0 26upx;
-							}
-
-							.rate-box {
-								display: flex;
-								align-items: center;
-
-								.star {
-									display: flex;
-									align-items: center;
-
-									image {
-										width: 22upx;
-										height: 22upx;
-										margin-right: 10upx;
-									}
-
-									text {
-										font-size: 26upx;
-										font-family: PingFang SC;
-										font-weight: bold;
-										color: #CEA764;
-										line-height: 1;
-									}
-								}
-
-								.line {
-									width: 1px;
-									height: 20upx;
-									background: #DDDDDD;
-									margin: 0 20upx;
-								}
-
-								.num-box {
-									display: flex;
-									align-items: center;
-									font-family: PingFang SC;
-
-									.label {
-										font-size: 24upx;
-										font-weight: 500;
-										color: #999999;
-										line-height: 1;
-										margin-right: 7px;
-									}
-
-									.num {
-										font-size: 26upx;
-										font-weight: bold;
-										color: #CEA764;
-										line-height: 1;
-									}
-								}
-							}
-
-							.price-box {
-								display: flex;
-								align-items: center;
-								margin-top: 38upx;
-
-								.btn-item {
-									display: flex;
-									align-items: center;
-									justify-content: center;
-									width: 164upx;
-									height: 56upx;
-									line-height: 56upx;
-									border: 1px solid rgba(43, 199, 185, 0.5);
-									border-radius: 28upx;
-									font-family: PingFang SC;
-									margin-right: 30upx;
-
-									&:last-child {
-										margin-right: 0;
-									}
-
-									.label {
-										font-size: 26upx;
-										font-weight: 500;
-										color: #FF233C;
-										margin-right: 5upx;
-									}
-
-									.num {
-										font-size: 28upx;
-										font-weight: bold;
-										color: #FF233C;
-									}
-								}
-							}
-						}
-					}
-
-					.item:last-child {
-						border-bottom: none;
-						margin-bottom: 0rpx;
-					}
-
-					.bottom-title {
-						height: 50rpx;
-						display: flex;
-						align-items: center;
-						justify-content: center;
-						font-size: 26rpx;
-						font-family: PingFang SC;
-						font-weight: bold;
-						color: #FF233C;
-
-						image {
-							margin-left: 8rpx;
-							width: 14rpx;
-							height: 24rpx;
-						}
-					}
-				}
-
-				// 医师团队
-				.doc-cont {
-					box-sizing: border-box;
-					padding: 0 30upx;
-
-					.inner {
-						padding: 4upx 0 40upx;
-						display: flex;
-						overflow-x: auto;
-					}
-
-					.item {
-						display: flex;
-						align-items: center;
-						flex-direction: column;
-						margin-right: 40upx;
-
-						&:last-child {
-							margin-right: 0;
-						}
-
-						.head-box {
-							width: 120upx;
-							height: 120upx;
-							background: #F2F5F9;
-							border-radius: 50%;
-							margin-bottom: 20upx;
-							overflow: hidden;
-
-							image {
-								width: 100%;
-								height: 100%;
-							}
-						}
-
-						.name {
-							max-width: 120upx;
-							font-size: 28upx;
-							line-height: 1;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #111111;
-							margin-bottom: 16upx;
-							text-align: center;
-						}
-
-						.position {
-							max-width: 120upx;
-							font-size: 24upx;
-							line-height: 1;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #999999;
-							text-align: center;
-						}
-					}
-				}
-
-				.inner {
-					padding: 0 30upx;
-				}
-
-				// 健康知识
-				.pub-tab-box {
-					position: relative;
-
-					.tab-inner {
-						padding: 14upx 0 30upx;
-						display: flex;
-						overflow-x: auto;
-					}
-
-					.item {
-						font-size: 28upx;
-						white-space: nowrap;
-						line-height: 1;
-						font-family: PingFang SC;
-						font-weight: 500;
-						color: #666666;
-						margin-right: 40upx;
-						position: relative;
-
-						&:last-child {
-							margin-right: 0;
-						}
-
-						&.active {
-							font-weight: bold;
-							color: #333333;
-						}
-
-						&.cases {
-							margin-right: 60upx;
-						}
-
-						.text {
-							position: relative;
-							z-index: 1;
-						}
-
-						.tab-bg {
-							width: 72upx;
-							height: 28upx;
-							position: absolute;
-							top: 17upx;
-							left: 50%;
-							transform: translateX(-36upx);
-							z-index: -1;
-						}
-					}
-
-					.right-mask {
-						width: 56upx;
-						height: 34upx;
-						position: absolute;
-						top: 14upx;
-						right: -30upx;
-						z-index: 1;
-					}
-				}
-
-				.know-list {
-					padding-right: 10upx;
-
-					.item {
-						padding: 30upx 0;
-						display: flex;
-						align-items: center;
-						justify-content: space-between;
-						border-bottom: 1px solid #F0F0F0;
-
-						&:last-child {
-							border-bottom: none;
-						}
-
-						.left {
-							flex: 1;
-							padding-right: 40upx;
-							height: 190upx;
-							display: flex;
-							flex-direction: column;
-							justify-content: space-between;
-
-							.title {
-								font-size: 32upx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #111111;
-								line-height: 48upx;
-							}
-
-							.info-box {
-								width: 100%;
-								display: flex;
-								align-items: center;
-								justify-content: space-between;
-
-								.readers {
-									display: flex;
-									align-items: center;
-
-									.head-box {
-										margin-right: 27upx;
-										display: flex;
-										align-items: center;
-
-										.head {
-											width: 48upx;
-											height: 48upx;
-											border-radius: 50%;
-											overflow: hidden;
-											box-shadow: 0 0 0 1px #fff;
-											margin-right: -10upx;
-
-											image {
-												width: 100%;
-												height: 100%;
-											}
-										}
-									}
-
-									.readings {
-										display: flex;
-										align-items: center;
-
-										.eye {
-											width: 26upx;
-											height: 20upx;
-											margin-right: 9upx;
-										}
-
-										.num {
-											font-size: 24upx;
-											font-family: PingFang SC;
-											font-weight: 500;
-											color: #999999;
-											line-height: 1;
-										}
-									}
-								}
-
-								.time {
-									font-size: 24upx;
-									line-height: 1;
-									font-family: PingFang SC;
-									font-weight: 500;
-									color: #999999;
-								}
-							}
-						}
-
-						.right {
-							width: 250upx;
-							height: 190upx;
-							border-radius: 8upx;
-							overflow: hidden;
-
-							image {
-								width: 100%;
-								height: 100%;
-							}
-						}
-					}
-				}
-
-				// 问诊案例
-				.cases-list {
-					padding-bottom: 10upx;
-
-					.item {
-						padding: 30upx 0;
-						border-bottom: 1px solid #F0F0F0;
-
-						&:last-child {
-							border-bottom: none;
-						}
-
-						.dec-text {
-							font-size: 32upx;
-							font-family: PingFang SC;
-							font-weight: bold;
-							color: #111111;
-							line-height: 48upx;
-						}
-
-						.images-box {
-							margin-top: 10upx;
-							display: flex;
-							flex-wrap: wrap;
-
-							.img-item {
-								width: 155upx;
-								height: 155upx;
-								background: #F5F5F5;
-								border-radius: 8upx;
-								margin: 0 10upx 10upx 0;
-								overflow: hidden;
-
-								image {
-									width: 100%;
-									height: 100%;
-								}
-
-								&:nth-child(4n) {
-									margin-right: 0;
-								}
-							}
-						}
-
-						.doc-info {
-							display: flex;
-							align-items: center;
-							margin: 30upx 0 20upx;
-
-							.head {
-								width: 60upx;
-								height: 60upx;
-								background: #F2F5F9;
-								border-radius: 50%;
-								margin-right: 20upx;
-								overflow: hidden;
-
-								image {
-									width: 100%;
-									height: 100%;
-								}
-							}
-
-							.name {
-								font-size: 28upx;
-								line-height: 1;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #111111;
-							}
-
-							.line {
-								width: 1px;
-								height: 22upx;
-								background: #DDDDDD;
-								margin: 0 16upx;
-							}
-
-							.posit,
-							.address {
-								font-size: 26upx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #999999;
-							}
-						}
-
-						.answer-box {
-							width: 100%;
-							background: #F5F7F7;
-							border-radius: 10upx;
-							display: flex;
-							flex-direction: column;
-							justify-content: center;
-
-							.text-inner {
-								// height: 84upx;
-								font-size: 28upx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #666666;
-								line-height: 42upx;
-								padding: 15upx;
-							}
-						}
-
-						.read-box {
-							margin-top: 30upx;
-							display: flex;
-							align-items: center;
-							justify-content: flex-end;
-
-							image {
-								width: 24upx;
-								height: 19upx;
-								margin-right: 10upx;
-							}
-
-							.text {
-								font-size: 24upx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #999999;
-							}
-						}
-					}
-				}
-			}
-
-			// 精选产品
-			.feat-title {
-				margin-top: 30upx;
-				padding: 10upx 0 33upx;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-
-				image {
-					width: 37upx;
-					height: 37upx;
-					margin: 0upx 20upx;
-				}
-
-				text {
-					font-size: 36upx;
-					line-height: 1;
-					font-family: PingFang SC;
-					font-weight: bold;
-					color: #111111;
-				}
-			}
-
-			.drug-list {
-				display: flex;
-				flex-wrap: wrap;
-
-				.item {
-					margin-right: 20rpx;
-					margin-bottom: 20rpx;
-					width: 345rpx;
-					background: #FFFFFF;
-					box-shadow: 0px 0px 10rpx 4rpx rgba(199, 199, 199, 0.22);
-					border-radius: 20rpx;
-					overflow: hidden;
-
-					&:nth-child(2n) {
-						margin-right: 0;
-					}
-
-					.img-box {
-						width: 100%;
-						height: 334upx;
-
-						image {
-							width: 100%;
-							height: 100%;
-						}
-					}
-
-					.info-box {
-						box-sizing: border-box;
-						height: 182upx;
-						padding: 20upx;
-
-						.title {
-							height: 80upx;
-							font-size: 26upx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #111111;
-							line-height: 40upx;
-						}
-
-						.price-box {
-							display: flex;
-							align-items: center;
-							margin-top: 20upx;
-
-							.now {
-								color: #FF6633;
-								display: flex;
-								align-items: flex-end;
-								margin-right: 20upx;
-								font-family: PingFang SC;
-
-								.unit {
-									font-size: 24upx;
-									line-height: 1.4;
-									margin-right: 4upx;
-								}
-
-								.num {
-									font-size: 36upx;
-									font-weight: bold;
-									line-height: 1;
-								}
-							}
-
-							.old {
-								font-size: 26upx;
-								font-family: PingFang SC;
-								text-decoration: line-through;
-								color: #BBBBBB;
-								line-height: 1;
-							}
-						}
-					}
-				}
-			}
-		}
-
-		// 生活大讲堂
-		.open-class {
-			padding: 20rpx;
-			margin: 20rpx 15rpx 0rpx;
-			// background-color: #f0f4f7;
-
-			.title-box {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-
-				.title {
-					font-size: 32rpx;
-					font-weight: bold;
-				}
-
-				.more {
-					font-size: 24rpx;
-					padding-left: 30rpx;
-					color: #999999;
-					display: flex;
-					align-items: center;
-
-					image {
-						width: 24rpx;
-						height: 24rpx;
-					}
-				}
-			}
-
-
-			.class-item {
-				font-size: 24rpx;
-				margin-top: 24rpx;
-				background-color: #fff;
-				border-radius: 16rpx;
-				padding: 0 16rpx;
-				margin-right: 14rpx;
-				width: 250rpx;
-				height: 280rpx;
-				font-size: 26rpx;
-				font-weight: 500;
-
-				.img-box {
-					height: 220rpx;
-					border-radius: 16rpx;
-					overflow: hidden;
-					margin-bottom: 12rpx;
-
-					image {
-						width: 100%;
-						height: 100%;
-					}
-				}
-
-
-				&:last-child {
-					margin-right: 0rpx;
-				}
-			}
-		}
-
-		.modules {
-			.module {
-				.depts {
-					z-index: 101;
-					margin: 20rpx 15rpx 0rpx;
-					padding: 20rpx;
-					box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
-					background-color: #fff;
-					border-radius: 15rpx;
-
-					.title {
-						font-size: 32upx;
-						font-family: PingFang SC;
-						font-weight: bold;
-						color: #2A2B2E;
-					}
-
-					.dept-box {
-						margin-top: 15rpx;
-						display: flex;
-						align-items: center;
-						justify-content: flex-start;
-						flex-wrap: wrap;
-
-						.dept {
-							padding: 15rpx 5rpx;
-							width: 25%;
-							display: flex;
-							flex-direction: column;
-							align-items: center;
-							justify-content: center;
-							padding: 14rpx 0;
-
-							.icon {
-								width: 58rpx;
-								height: 58rpx;
-							}
-
-							.title {
-								margin-top: 10rpx;
-								font-size: 24upx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #111111;
-							}
-						}
-					}
-
-				}
-
-				.doctor-articles {
-					z-index: 101;
-					margin: 20rpx 15rpx 0rpx;
-					padding: 20rpx;
-					box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
-					background-color: #fff;
-					border-radius: 15rpx;
-
-					.title-box {
-						display: flex;
-						flex-direction: row;
-						align-items: center;
-						justify-content: space-between;
-
-						.title {
-							font-size: 32upx;
-							font-family: PingFang SC;
-							font-weight: bold;
-							color: #111111;
-						}
-
-						.more {
-							display: flex;
-							align-items: center;
-							justify-content: flex-end;
-
-							.text {
-								font-size: 24rpx;
-								font-family: PingFang SC;
-								color: #9B9B9B;
-							}
-
-							image {
-								margin-left: 10rpx;
-								width: 15rpx;
-								height: 20rpx;
-							}
-
-						}
-					}
-
-					.article-box {
-						padding: 20rpx 0rpx;
-						overflow-x: auto;
-						box-sizing: border-box;
-						display: flex;
-						align-items: center;
-						justify-content: flex-start;
-
-						.article {
-							width: 300rpx;
-							margin-right: 20rpx;
-							background: #f9f8fe;
-							display: flex;
-							flex-direction: column;
-							align-items: flex-start;
-							justify-content: flex-start;
-
-							&:last-child {
-								margin-right: 0rpx;
-							}
-
-							.image-box {
-								width: 300rpx;
-								height: 400rpx;
-								position: relative;
-								border-radius: 20rpx;
-
-								image {
-									border-radius: 20rpx;
-									width: 300rpx;
-									height: 400rpx;
-								}
-
-								.views {
-									position: absolute;
-									top: 0rpx;
-									left: 0rpx;
-									padding: 5rpx 10rpx;
-									background: rgba(0, 0, 0, 0.25);
-									border-radius: 12rpx 0px 12rpx 0px;
-									opacity: 1;
-									font-size: 20rpx;
-									font-family: PingFang SC-Bold, PingFang SC;
-									font-weight: bold;
-									color: #FFFFFF;
-								}
-
-								.doctor {
-									margin: 10rpx;
-									display: flex;
-									align-items: center;
-									justify-content: flex-start;
-									position: absolute;
-									bottom: 0rpx;
-									left: 0rpx;
-
-									image {
-										border-radius: 50%;
-										width: 64rpx;
-										height: 64rpx;
-									}
-
-									.right {
-										width: 200rpx;
-										margin-left: 10rpx;
-										display: flex;
-										flex-direction: column;
-										align-items: flex-start;
-										justify-content: space-between;
-
-										.doc-name {
-											width: 200rpx;
-											font-size: 30rpx;
-											font-weight: bold;
-											font-family: PingFang SC;
-											color: #fff;
-										}
-
-										.doc-position {
-											width: 100%;
-											font-size: 28rpx;
-											font-family: PingFang SC;
-											color: #fff;
-											font-weight: bold;
-											opacity: 0.8;
-										}
-									}
-								}
-							}
-
-							.article-title-box {
-								width: 100%;
-								margin-top: 10rpx;
-								display: flex;
-								align-items: center;
-								justify-content: flex-start;
-
-								.article-title {
-									font-size: 30rpx;
-									font-weight: bold;
-									font-family: PingFang SC;
-									color: #2A2B2E;
-								}
-
-							}
-
-						}
-
-					}
-				}
-
-				.doctors {
-					z-index: 101;
-					margin: 20rpx 15rpx;
-					padding: 20rpx;
-					box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
-					background-color: #fff;
-					border-radius: 15rpx;
-
-					.title-box {
-						display: flex;
-						flex-direction: row;
-						align-items: center;
-						justify-content: space-between;
-
-						.title {
-							font-size: 32upx;
-							font-family: PingFang SC;
-							font-weight: bold;
-							color: #111111;
-						}
-
-						.more {
-							display: flex;
-							align-items: center;
-							justify-content: flex-end;
-
-							.text {
-								font-size: 24rpx;
-								font-family: PingFang SC;
-								color: #9B9B9B;
-							}
-
-							image {
-								margin-left: 10rpx;
-								width: 15rpx;
-								height: 20rpx;
-							}
-
-						}
-					}
-
-				}
-
-				.articles {
-					z-index: 101;
-					margin: 20rpx 15rpx;
-					padding: 20rpx;
-					box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
-					background-color: #fff;
-					border-radius: 15rpx;
-
-					.title-box {
-						display: flex;
-						flex-direction: row;
-						align-items: center;
-						justify-content: space-between;
-
-						.title {
-							font-size: 32upx;
-							font-family: PingFang SC;
-							font-weight: bold;
-							color: #111111;
-						}
-
-						.more {
-							display: flex;
-							align-items: center;
-							justify-content: flex-end;
-
-							.text {
-								font-size: 24rpx;
-								font-family: PingFang SC;
-								color: #9B9B9B;
-							}
-
-							image {
-								margin-left: 10rpx;
-								width: 15rpx;
-								height: 20rpx;
-							}
-
-						}
-					}
-
-					.article-box {
-						margin-top: 15rpx;
-						padding: 20rpx 0rpx 0rpx;
-						display: flex;
-						flex-direction: column;
-						align-items: flex-start;
-						justify-content: flex-start;
-
-						.item {
-							width: 100%;
-							margin-bottom: 20rpx;
-							display: flex;
-							align-items: flex-start;
-							justify-content: flex-start;
-
-							&:last-child {
-								margin-bottom: 0rpx;
-							}
-
-							.left {
-								flex: 1;
-								height: 160rpx;
-								margin-right: 15rpx;
-								display: flex;
-								flex-direction: column;
-								align-items: flex-start;
-								justify-content: space-between;
-
-								.title {
-									font-size: 28upx;
-									font-family: PingFang SC;
-									font-weight: bold;
-									color: #111111;
-								}
-
-								.views {
-									font-size: 24upx;
-									font-family: PingFang SC;
-									color: #9a9a9c;
-								}
-							}
-
-							.right {
-								image {
-									border-radius: 10rpx;
-									width: 220rpx;
-									height: 160rpx;
-									border: 1px solid #eeeeee;
-								}
-							}
-						}
-					}
-				}
-
-				.packages {
-					z-index: 101;
-					margin: 20rpx 15rpx;
-					padding: 20rpx;
-					box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
-					background-color: #fff;
-					border-radius: 15rpx;
-
-					.title-box {
-						display: flex;
-						flex-direction: row;
-						align-items: center;
-						justify-content: space-between;
-
-						.title {
-							font-size: 32upx;
-							font-family: PingFang SC;
-							font-weight: bold;
-							color: #111111;
-						}
-
-						.more {
-							display: flex;
-							align-items: center;
-							justify-content: flex-end;
-
-							.text {
-								font-size: 24rpx;
-								font-family: PingFang SC;
-								color: #9B9B9B;
-							}
-
-							image {
-								margin-left: 10rpx;
-								width: 15rpx;
-								height: 20rpx;
-							}
-
-						}
-					}
-
-					.package-box {
-						padding: 20rpx 0rpx 0rpx;
-						display: flex;
-						align-items: flex-start;
-						justify-content: flex-start;
-						flex-wrap: wrap;
-
-						.item {
-							width: calc(50% - 20rpx);
-							border-radius: 15rpx;
-							margin: 10rpx;
-							display: flex;
-							flex-direction: column;
-							align-items: flex-start;
-							justify-content: flex-start;
-
-							&:last-child {}
-
-							.top {
-								width: 100%;
-								height: 300rpx;
-
-								image {
-									border-radius: 15rpx 15rpx 0rpx 0rpx;
-									width: 100%;
-									height: 300rpx;
-								}
-
-							}
-
-							.bottom {
-								width: 100%;
-								margin-top: 15rpx;
-
-								.title {
-									font-weight: bold;
-									font-size: 28upx;
-									font-family: PingFang SC;
-									color: #111111;
-								}
-
-								.price-box {
-									margin-top: 10rpx;
-									display: flex;
-									align-items: center;
-									justify-content: space-between;
-									width: 100%;
-
-									.price {
-										padding: 5rpx 10rpx;
-										background-color: #FF233C;
-										border-radius: 30rpx;
-										font-size: 20upx;
-										font-family: PingFang SC;
-										color: #ffffff;
-									}
-
-									.count {
-										font-size: 24upx;
-										font-family: PingFang SC;
-										color: #333333;
-									}
-
-								}
-							}
-						}
-					}
-
-
-				}
-			}
-
-		}
+.container {
+	display: flex;
+	flex-direction: column;
+	min-height: 100vh;
+	background: #F4F6F7;
+}
+
+/* 顶部搜索 */
+.top-bar {
+	display: flex;
+	align-items: center;
+	padding: 24rpx 24rpx 30rpx;
+	position: relative;
+}
+.search-row {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	height: 76rpx;
+	padding: 0 24rpx;
+	background: rgba(255,255,255,0.5);
+	border-radius: 38rpx;
+	image{
+		width: 44rpx;
+		height: 44rpx;
 	}
-
-	.official-account {
-		box-sizing: border-box;
+}
+
+.search-placeholder {
+	margin-left: 12rpx;
+	font-size: 32rpx;
+	color: rgba(0,0,0,0.25);
+}
+.top-actions {
+	display: flex;
+	align-items: center;
+	margin-left: 20rpx;
+}
+.action-icon {
+	font-size: 36rpx;
+	color: #333;
+	margin-right: 16rpx;
+}
+.action-icon.scan {
+	font-size: 40rpx;
+}
+
+/* 品牌标题 */
+.brand {
+	padding: 0 68rpx 30rpx;
+	background: #fff;
+	position: relative;
+	image{
 		width: 100%;
-		height: 100upx;
-		position: fixed;
-		bottom: 30upx;
-		z-index: 99;
-		padding: 0 20upx 180rpx 20upx;
 	}
-
-	// 消息
-	.message-box {
-		box-sizing: border-box;
+}
+.brand-title {
+	display: block;
+	font-size: 40rpx;
+	font-weight: bold;
+	color: #333;
+	margin-bottom: 8rpx;
+}
+.brand-subtitle {
+	font-size: 24rpx;
+	color: #999;
+}
+
+/* Banner */
+.banner {
+	position: relative;
+	height: 210rpx;
+	margin: 0 24rpx 40rpx;
+	border-radius: 16rpx;
+	overflow: hidden;
+	//background: linear-gradient(135deg, #87CEEB 0%, #E0F4FF 100%);
+	.inner {
 		width: 100%;
-		height: 84upx;
-		background: #F3FFFD;
-		border: 1px solid #C7E9E5;
-		box-shadow: 0px 4upx 12upx 0px rgba(90, 203, 138, 0.16);
-		border-radius: 16upx;
-		position: fixed;
-		left: 50%;
-		transform: translateX(-50%);
-		bottom: 30upx;
-		z-index: 99;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0 20upx 0 30upx;
-
-		.left {
-			flex: 1;
-			display: flex;
-			align-items: center;
-
-			image {
-				width: 24upx;
-				height: 24upx;
-				margin-right: 18upx;
-			}
-
-			.text {
-				width: 90%;
-				font-size: 28upx;
-				font-family: PingFang SC;
-				font-weight: 500;
-				color: #FF233C;
-			}
-		}
-
-		.btn {
-			width: 100upx;
-			height: 48upx;
-			line-height: 48upx;
-			text-align: center;
-			font-size: 24upx;
-			font-family: PingFang SC;
-			font-weight: 500;
-			color: #FFFFFF;
-			border: 1px solid #D2E6FF;
-			background: linear-gradient(135deg, #66b2ef 0%, #FF233C 100%);
-			border-radius: 24upx;
-			margin-left: 30upx;
+		height: 210rpx;
+		border-radius: 10rpx;
+		overflow: hidden;
+	
+		.swiper,
+		.swiper-item,
+		.swiper-item image {
+			width: 100%;
+			height: 100%;
 		}
-
+	
 	}
-
-	.contact-btn {
-		display: inline-block;
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		opacity: 0;
+}
+.banner-bg {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+}
+.banner-overlay {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	background: rgba(0,0,0,0.15);
+}
+.banner-title {
+	font-size: 48rpx;
+	font-weight: bold;
+	color: #fff;
+	text-shadow: 0 2rpx 8rpx rgba(0,0,0,0.2);
+	margin-bottom: 8rpx;
+}
+.banner-desc {
+	font-size: 24rpx;
+	color: rgba(255,255,255,0.95);
+}
+
+/* 滚动内容区 */
+.scroll-content {
+	flex: 1;
+	height: 0;
+}
+.section {
+	padding: 0 24rpx 32rpx;
+}
+.section-head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-bottom: 20rpx;
+}
+.section-title {
+	width: 226rpx;
+	height: 36rpx;
+}
+.section-title-wrap {
+	display: flex;
+	align-items: center;
+}
+.play-icon {
+	width: 36rpx;
+	height: 36rpx;
+	margin-right: 10rpx;
+}
+.section-more {
+	font-size: 26rpx;
+	color: #999;
+	image{
+		width: 16rpx;
+		height: 20rpx;
 	}
-
-	.popup-box {
-		position: fixed;
-		top: 0;
-		right: 0;
-		left: 0;
-		bottom: 0;
-		z-index: 999;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-
-		.info-mask {
-			position: fixed;
-			top: 0;
-			right: 0;
-			bottom: 0;
-			left: 0;
-			background-color: rgba($color: #000000, $alpha: 0.5);
-			z-index: 999;
-		}
-
-		.info-form {
-			z-index: 1000;
-			width: 450rpx;
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-			align-items: center;
-			position: relative;
-
-			image {
-				width: 100%;
-			}
-		}
+}
+
+/* 横向标签 */
+.tag-scroll {
+	white-space: nowrap;
+	margin-bottom: 20rpx;
+}
+.tag-item {
+	display: inline-block;
+	padding: 6rpx 24rpx;
+	margin-right: 24rpx;
+	border-radius: 10rpx;
+	background: rgba(255,255,255,0.5);
+}
+.tag-item text {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 36rpx;
+	color: #FFFFFF;
+}
+.tag-item.active {
+	background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
+}
+.tag-item.active text {
+	color: #fff;
+}
+
+/* 特色视频卡片 */
+.feature-video-card {
+	display: flex;
+	//align-items: center;
+	flex-direction: column;
+	background: linear-gradient( 135deg, #5F111A 0%, #37050B 100%);
+	border-radius: 30rpx;
+	overflow: hidden;
+	padding: 30rpx 20rpx;
+}
+.fv-thumb {
+	position: relative;
+	width: 360rpx;
+	height: 240rpx;
+	border-radius: 20rpx;
+	overflow: hidden;
+	margin-right: 20rpx;
+}
+.fv-img {
+	width: 100%;
+	height: 100%;
+	background: #e0e0e0;
+}
+.live-tag {
+	position: absolute;
+	left:0;
+	top: 20rpx;
+	display: flex;
+	align-items: center;
+	width: 130rpx;
+	height: 44rpx;
+	background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
+	border-radius: 0rpx 8rpx 8rpx 0rpx;
+}
+.live-tag text {
+	font-size: 28rpx;
+	color: #fff;
+	margin-left: 6rpx;
+}
+.live-dot {
+	width: 12rpx;
+	height: 12rpx;
+	background: #fff;
+	border-radius: 50%;
+	animation: blink 1s infinite;
+}
+@keyframes blink {
+	50% { opacity: 0.5; }
+}
+.fv-info {
+	flex: 1;
+	//padding: 20rpx 24rpx;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
+	min-width: 0;
+}
+.fv-title {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 36rpx;
+	color: #FFFFFF;
+	line-height: 50rpx;
+	text-align:center;
+	font-style: normal;
+	margin-bottom: 8rpx;
+}
+.fv-desc {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: #FFFFFF;
+	line-height: 44rpx;
+	text-align: justify;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+
+/* 红色按钮 */
+.btn-watch {
+	width: 188rpx;
+	height: 64rpx;
+	line-height: 64rpx;
+	text-align: center;
+	background: #FFFFFF;
+	border-radius: 12rpx;
+	margin-top: 28rpx;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 32rpx;
+	color: #3F040B;
+}
+.btn-watch2 {
+	width: 168rpx;
+	height: 64rpx;
+	line-height: 64rpx;
+	text-align: center;
+	background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
+	border-radius: 32rpx;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 32rpx;
+	color: #FFFFFF;
+}
+/* 课程列表 */
+.course-list {
+	display: flex;
+	flex-direction: column;
+	gap: 24rpx;
+}
+.course-card {
+	display: flex;
+	background: #fff;
+	border-radius: 20rpx;
+	overflow: hidden;
+	padding: 20rpx;
+}
+.course-thumb {
+	position: relative;
+	width: 296rpx;
+	height: 222rpx;
+	border-radius: 20rpx;
+	overflow: hidden;
+	flex-shrink: 0;
+}
+.course-img {
+	width: 100%;
+	height: 100%;
+	background: #BB6D6D;
+}
+.course-tag {
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	padding: 8rpx 12rpx;
+	background: linear-gradient(transparent, rgba(0,0,0,0.6));
+	font-size: 22rpx;
+	color: #fff;
+}
+.course-info {
+	flex: 1;
+	padding-left: 24rpx;
+	// padding: 20rpx 24rpx;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	min-width: 0;
+}
+.course-name {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 36rpx;
+	color: #222222;
+	line-height: 50rpx;
+	text-align: justify;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+.course-meta {
+	display: flex;
+	align-items: center;
+	image{
+		width: 30rpx;
+		height: 30rpx;
 	}
+	
+}
+.meta-icon {
+	font-size: 24rpx;
+	margin-right: 6rpx;
+	color: #999;
+}
+.meta-count {
+	margin-left: 10rpx;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: #666666;
+}
+
+/* 底部占位（为全局 tabBar 留出空间） */
+.bottom-placeholder {
+	height: 120rpx;
+}
 </style>

pages/home/indexOld.vue

@@ -0,0 +1,2677 @@
+<template>
+	<view class="content">
+		<!-- 背景图片 -->
+		<image class="bg" src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/hp_top_bg.png"
+			mode=""></image>
+		<view>
+			<view class="top-inner">
+				<view class="fixed-top-box" :style="{ background: bgColor }">
+					<!-- 这里是状态栏 -->
+					<view class="status_bar" :style="{height: statusBarHeight}"></view>
+					<view class="top-title">
+						<!-- <view class="name" >岚财良品</view> -->
+						<view class="name" >岚财良品</view>
+						<!-- <view class="dot">•</view><view class="sub-name">七彩互联网医院</view> -->
+					</view>
+					<!-- 搜索框、购物车、客服 -->
+					<view class="func-cont">
+						<view class="search-cont" :style="{width:userinfoa.isShow==0 || isuser==true?'633rpx':''}">
+							<image class="icon-search"
+								src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/search.png"
+								mode="">
+							</image>
+							<input type="text" value="" placeholder="请输入产品名称"
+								placeholder-style="font-size:28rpx;color:#BBBBBB;font-family: PingFang SC;"
+								@click="toSearch" />
+						</view>
+						<!-- 购物车 -->
+						<uni-badge size="small" :text="cartCount" absolute="rightTop" type="error"
+							v-show="userinfoa.isShow==1&&isuser==false">
+							<view class="img-item" @click="goAuthUrl('/pages/shopping/cart')">
+								<image
+									src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/cart_wihte.png"
+									mode=""></image>
+							</view>
+						</uni-badge>
+						<view class="img-item" style="position: relative;">
+							<image
+								src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/customer.png"
+								mode="">
+							</image>
+							<button class="contact-btn" open-type="contact"></button>
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 头部间距 -->
+			<view style="padding-bottom:220rpx">
+				<view class="status_bar" :style="{height: statusBarHeight}"></view>
+			</view>
+			<!-- 轮播图 -->
+			<view class="banner-box">
+				<view class="inner">
+					<swiper class="swiper" :indicator-dots="true" :circular="true" :autoplay="true" :interval="3000"
+						:duration="1000" indicator-color="rgba(255, 255, 255, 0.6)" indicator-active-color="#ffffff">
+						<swiper-item class="swiper-item" v-for="(item,index) in advList" :key="index"
+							@click="handleAdvClick(item)">
+							<image :src="item.imageUrl" mode=""></image>
+						</swiper-item>
+					</swiper>
+				</view>
+			</view>
+
+			<!-- 菜单 -->
+			<view class="menu-content">
+				<view class="menu-box">
+					<Menu :list="menus" @menuClick="menuClick" v-if="menus.length>0" style="width:100%;"></Menu>
+				</view>
+			</view>
+
+		</view>
+		<view class="online-inquiry" v-if="isuser==false">
+			<view class="item" @click="navTo('../home/productList')">
+				<image class="bg-img"
+					src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/userapp/images/banner.png"
+					mode=""></image>
+			</view>
+		</view>
+		<!-- <view class="open-class bgf radius12">
+			<view class="title-box">
+				<text class="title">百域大讲堂</text>
+				<view class="more" @click="goClassList(1)">
+					<text>查看全部</text>
+					<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/toright.png"></image>
+				</view>
+			</view>
+			<view class="justify-start">
+				<view class="class-item" @click="goClass(item.courseId,1)" v-for="(item, index) in classList"
+					:key="index">
+					<view class="img-box">
+						<image :src="item.imgUrl || 'https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/no-img.png'"  ></image>
+					</view>
+					<view>{{item.courseName}}</view>
+				</view>
+			</view>
+		</view> -->
+		<view class="modules">
+			<view class="module">
+				<!--养生有道-->
+				<!-- <view class="depts">
+						<view class="title">养生有道</view>
+						<view class="dept-box">
+							<view  @click="yangshengClick(item)"  class="dept" :key="index" v-for="(item,index) in yangshengs"  >
+								<image class="icon" :src="item.icon"></image>
+								<view class="title" >{{item.title}} </view>
+							</view>
+						</view>
+				</view>
+				 -->
+				<!-- <view class="doctor-articles" >
+					<view class="title-box">
+						<view class="title">养生讲堂</view>
+						<view class="more"  @click="navTo('/pages_index/index/doctorArticleList')" >
+							<view class="text">更多</view>
+							<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/arrow_gray.png"></image>
+						</view>
+					</view>
+					<scroll-view :scroll-x="true" style="white-space: nowrap;">
+					<view class="article-box"  >
+						<view class="article" @click="navTo('/pages_index/index/doctorArticleDetails?articleId='+item.articleId)"  v-for="(item,index) in doctocArticles" :key="index">
+							<view class="image-box">
+								<image mode="aspectFill" :src="item.imageUrl"></image>
+								<view class="views">
+									{{item.views}}人观看
+								</view>
+								<view class="doctor">
+									<image mode="aspectFill" :src="item.avatar"></image>
+									<view class="right">
+										<view class="doc-name ellipsis">{{item.doctorName}}</view>
+										<view class="doc-position ellipsis">{{item.position}}</view>
+									</view>
+								</view>
+							</view>
+							<view class="article-title-box">
+								<view class="article-title ellipsis">{{item.title}}</view>
+							</view>
+						</view>
+					</view>
+					</scroll-view>
+				</view> -->
+
+				<!--养生干货-->
+				<!-- <view class="articles" >
+			    	<view class="title-box">
+			    		<view class="title">养生干货</view>
+			    		<view class="more" @click="navTo('/pages_index/index/articleList')">
+			    			<view class="text">更多</view>
+			    			<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/arrow_gray.png"></image>
+			    		</view>
+			    	</view>
+			    	<view class="article-box" v-if="articles.length>0">
+			    		<view class="item" :key="index" @click="navTo('/pages_index/index/articleDetails?articleId='+item.articleId)" v-for="(item,index) in articles">
+			    			<view class="left">
+			    				<view class="title">
+			    					{{item.title}}
+			    				</view>
+			    				<view class="views">
+			    					浏览量 {{item.views}}
+			    				</view>
+			    			</view>
+			    			<view class="right">
+			    				<image :src="item.imageUrl"></image>
+			    			</view>
+			    		</view>
+			    	</view>
+			    </view> -->
+
+			</view>
+		</view>
+
+		<view class="index-cont">
+
+			<!-- 热门榜单 -->
+			<!-- <NewProduct :detail="newProductList" /> -->
+			<HotProduct :detail="hotProductList" />
+			<!-- 百域百科 -->
+			<!-- <view class="pub-item" style="margin-top: 20rpx;" >
+				<view class="pub-title-box">
+					<text class="left">百域百科</text>
+					<view class="right" @click="switchTo('../healthy/index')">
+						<text class="text">更多</text>
+						<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/arrow_gray.png" mode=""></image>
+					</view>
+				</view>
+				<view class="inner">
+					<view class="pub-tab-box">
+						<view class="tab-inner">
+							<view
+								v-for="(item,index) in articleCateList"
+								:key="index"
+								:class="item.cateId == cateId?'item active':'item'"
+								@click="articleCateChange(item)">
+								<view class="text">
+									{{ item.cateName }}
+									<image v-show="item.cateId == cateId" class="tab-bg" src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/tab_bg.png" mode=""></image>
+								</view>
+							</view>
+						</view>
+						<image class="right-mask" src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/mask.png" mode=""></image>
+					</view>
+
+					<view class="know-list">
+						<view class="item" v-for="(item,index) in articleList" :key="index" @click="showArticle(item)">
+							<view class="left">
+								<view class="title ellipsis2">{{ item.title }}</view>
+								<view class="info-box">
+									<view class="readers">
+										<view class="head-box" v-if="item.viewsList!=null&&item.viewsList.length>0">
+											<view class="head" v-for="(subitem,j) in item.viewsList" :key="j" v-if="subitem!=null" >
+												<image :src="subitem.avatar==null?'https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/detault_head.jpg':subitem.avatar" mode=""></image>
+											</view>
+										</view>
+										<view class="readings">
+											<image class="eye" src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/eye.png" mode=""></image>
+											<text class="num">{{item.views}}</text>
+										</view>
+									</view>
+									<view class="time">{{item.publishTime}}</view>
+								</view>
+							</view>
+							<view class="right">
+								<image :src="item.imageUrl"  mode="aspectFill"></image>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view> -->
+			<!-- 精选产品 -->
+			<TuiProduct ref="tuiProduct" />
+
+		</view>
+
+
+		<!-- 限时消息 -->
+		<!-- <view class="message-box" >
+			<view class="left">
+				<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/close24.png" mode="" @click="closeMsg"></image>
+				<view class="text ellipsis">关注公众号了解更新</view>
+			</view>
+			<view class="btn">查看</view>
+
+		</view> -->
+		<!-- #ifdef MP-WEIXIN -->
+		<view class="official-account">
+			<official-account @load="bindload" @error="binderror"></official-account>
+		</view>
+		<!-- #endif -->
+		<view class="popup-box" v-if="activityShow">
+			<view class="info-mask" @tap="closeActivity()"></view>
+			<view class="info-form">
+				<image :src="activity.logoUrl" @tap="showActivity()" />
+			</view>
+		</view>
+		<z-modal :show="tuiModalControl" placeholderText="请输入邀请码" :btnGroup="btnGroup" :contentType="2"
+			titleText="填写邀请码" @cancle="cancleTui" @sure="submitTui"></z-modal>
+
+
+			<Server/>
+		<!-- <tabbar :actindex="0"></tabbar> -->
+	</view>
+</template>
+
+<script>
+	import {
+		courseList,
+		courseListB
+	} from '@/api/class.js'
+	import zModal from '@/components/z-modal/z-modal.vue'
+	import {
+		getStoreActivity
+	} from '@/api/activity.js'
+	import {
+		getDepartmentList
+	} from '@/api/doctorOrder.js'
+	import {
+		getMenu,
+		getCanvas,
+		getIndexData,
+		getTuiDoctor,
+		getTuiArticle,
+		getTuiDoctorOrder,
+		getCartCount,
+		// getpro
+	} from '@/api/index'
+	import {
+		getDoctorArticleList
+	} from '@/api/doctorArticle.js'
+	import {
+		getArticleList
+	} from '@/api/article.js'
+	import {
+		getStoreConfig
+	} from '@/api/common'
+	// import tabBg from "https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/tab_bg.png"
+	import freeAudio from '@/components/chengpeng-audio/free-audio.vue'
+	import Menu from '@/components/Menu.vue'
+	import HotProduct from './components/HotProduct.vue'
+	import NewProduct from './components/NewProduct.vue'
+	import TuiProduct from '@/components/tuiProduct.vue'
+
+	import Server from '@/components/Server.vue'
+	import {
+		getUserInfo,
+		bindPromoter
+	} from '@/api/user'
+	export default {
+		components: {
+			zModal,
+			freeAudio,
+			Menu,
+			HotProduct,
+			NewProduct,
+			TuiProduct,
+			Server
+		},
+		data() {
+			return {
+				classList: [],
+				btnGroup: [{
+					text: '取消',
+					color: '#FFFFFF',
+					bgColor: '#999999',
+					width: '150rpx',
+					height: '80rpx',
+					shape: 'fillet',
+					eventName: 'cancle'
+				}, {
+					text: '确定',
+					color: '#FFFFFF',
+					bgColor: '#FF233C',
+					width: '150rpx',
+					height: '80rpx',
+					shape: 'fillet',
+					eventName: 'sure'
+				}],
+				tuiModalControl: false,
+				activity: null,
+				activityShow: false,
+				newProductList: [],
+				hotProductList: [],
+				tuiProductList: [],
+				menus: [],
+				canvas: [],
+				allDoctorTitle: "全部医生",
+				topLen: 0,
+				deptId: 0,
+				depts: [],
+				docTab: 1,
+				top: 0,
+				cartCount: 0,
+				doctorOrderList: [],
+				orderType: 0,
+				cateId: null,
+				articleList: [],
+				advList: [],
+				doctorList: [],
+				articleCateList: [],
+				doctocArticles: [], //养生讲堂
+				articles: [], //养生干货
+				// 状态栏的高度
+				statusBarHeight: uni.getStorageSync('menuInfo').statusBarHeight,
+				tabBg: "https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/tab_bg.png", // tab切换背景
+				// 问诊案例类型
+				orderTypes: [{
+					name: '全部',
+					id: 0,
+				}, {
+					name: '图文',
+					id: 1,
+				}, {
+					name: '语音',
+					id: 2,
+				}],
+				// 限时消息是否显示
+				messageShow: true,
+				yangshengs: [{
+						id: "1",
+						title: "药膳食疗",
+						page: "/pages_index/index/medicatedFoodList",
+						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/3cfbd47911cf4753aa9497eac500728d.png"
+					},
+					{
+						id: "2",
+						title: "经络穴位",
+						page: "/pages_index/index/vesselList",
+						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/e93536a9dc1a4f8ca09545097b12fdea.png"
+					},
+					{
+						id: "3",
+						title: "问答专区",
+						page: "/pages_index/index/questionsList",
+						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/e896972bd56f4e358188af36f2c5af42.png"
+					},
+					{
+						id: "4",
+						title: "疾病",
+						page: "/pages_index/index/diseaseList",
+						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/d6f1851cccae414b8baf2ba07782f91b.png"
+					},
+					{
+						id: "5",
+						title: "中药图解",
+						page: "/pages_index/index/chineseMedicineList",
+						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/ff43572d0d004285b5a3b0ef2663c471.png"
+					},
+					{
+						id: "6",
+						title: "名方今用",
+						page: "/pages_index/index/famousPrescribeList",
+						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/45db770e58c34963b0d2ba24a958b617.png"
+					},
+					{
+						id: "7",
+						title: "康复医案",
+						page: "/pages_index/index/doctorArticleList",
+						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/e793942797b24035b51f94d894bdfa0b.png"
+					},
+					{
+						id: "8",
+						title: "更多",
+						page: "",
+						icon: "https://fs-1319721001.cos.ap-chongqing.myqcloud.com/fs/20240229/3ee6160289914ee4a8126573fe4dc0ae.png"
+					}
+				],
+				userinfoa: [],
+				isuser: false,
+				menvKey: [],
+				classListb: {}
+			}
+			// this.getStoreActivity();
+		},
+		onLoad(option) {
+			if (option.userCode != null) {
+				uni.setStorageSync('userCode', option.userCode);
+				if (this.utils.checkLoginState()) {
+					this.getUserInfo();
+				}
+			}
+			if (option.hasOwnProperty('q') && option.q) {
+				// 通过下面这步解码，可以拿到url的值
+				const url = decodeURIComponent(option.q)
+				this.url = url;
+				// // 对url中携带的参数提取处理
+				const obj = this.utils.urlToObj(url)
+				uni.setStorageSync('userCode', obj.userCode);
+				if (this.utils.checkLoginState()) {
+					this.getUserInfo();
+				}
+			}
+			// this.getStoreActivity()
+		},
+		// 暂停所有音频（一般用于页面切换时停止正在播放的音频）
+		onUnload() { //普通页面在 onUnload 生命周期中执行
+			uni.$emit('stop')
+		},
+		onHide() { //tabBar页面在onHide生命周期中执行
+			uni.$emit('stop')
+		},
+		onPageScroll(e) {
+			//console.log(e)
+			this.top = e.scrollTop;
+		},
+		mounted() {
+			this.getCourseList()
+			//this.getDepartmentList();
+		},
+		onShareAppMessage(res) {
+			return {
+				title: '岚财良品-您的专属解决方案',
+				path: `/pages/common/launch`,
+				// imageUrl: this.$store.state.imgpath +'/app/image/logo.jpg' //分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
+			imageUrl: 'https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/app/vip/share.png' //分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
+			}
+		},
+		onReachBottom() {
+			// console.log("onReachBottom")
+			this.$refs.tuiProduct.getTuiProducts();
+		},
+		//分享到朋友圈
+		onShareTimeline(res) {
+			return {
+				title: '岚财良品-您的专属解决方案',
+				query: '', //页面参数
+				imageUrl: 'https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/app/vip/share.png' //分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
+				// imageUrl: this.$store.state.imgpath +'/app/image/logo.jpg' //分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
+			}
+		},
+		computed: {
+			// 计算属性的 getter
+			bgColor: function() {
+				var top = this.top / 30;
+				return 'rgba(43,199,185, ' + top + ')';
+			},
+			imgPath() {
+				return this.$store.state.imgpath
+			},
+		},
+		onShow() {
+			this.getMenu();
+			this.getIndexData()
+			//this.getTuiDoctorOrder();
+			// console.log(uni.getStorageSync('isLocation'))
+			// if(uni.getStorageSync('isLocation')==""){
+			// 	this.getLocation();
+			// }
+			if (uni.getStorageSync('AppToken')) {
+				this.getUserInfo()
+			} else {
+				this.isuser = true
+			}
+			if (this.utils.checkLoginState()) {
+				this.getCartCount();
+			}
+			this.getStoreConfig();
+			//this.getTuiDoctor()
+			this.getCanvas();
+			this.getDoctorArticleList();
+			this.getArticleList();
+			// this.getshowmanv()
+		},
+		methods: {
+			toLive() {
+				uni.showToast({
+					icon: 'none',
+					title: '暂未开放，敬请期待'
+				})
+			},
+			getCourseList() {
+				courseList().then(res => {
+					if (res.code == 200) {
+						console.log('公域', res.data)
+						this.classList = res.data.slice(0, 3)
+					} else {
+						uni.hideLoading();
+						uni.showToast({
+							title: res.msg,
+							icon: 'none'
+						});
+					}
+				})
+			},
+			goClass(id, type) {
+				// console.log(id)
+				uni.navigateTo({
+					url: '/pages_course/learn?courseId=' + id + '&type=' + type
+				})
+			},
+			goClassList(type) {
+				uni.navigateTo({
+					url: '/pages_course/teacherClassroom?type=' + type
+				})
+			},
+			// getshowmanv() {
+			// 	const data = {
+			// 		key: "store.appShow"
+			// 	}
+			// 	getpro(data).then(res => {
+			// 		this.menvKey = JSON.parse(res.data)
+			// 		// console.log('排序', this.menvKey[0])
+			// 	})
+			// },
+			getUserInfo() {
+				getUserInfo().then(
+					res => {
+						if (res.code == 200) {
+							if (res.user != null) {
+								this.userinfoa = res.user
+								// if(res.user.isPromoter==null||res.user.isPromoter==0){
+								// 	this.tuiModalControl=true
+								// }
+							}
+						} else {
+							uni.showToast({
+								icon: 'none',
+								title: "请求失败",
+							});
+						}
+					},
+					rej => {}
+				);
+			},
+			cancleTui(e) {
+				this.tuiModalControl = false
+			},
+			submitTui(e) {
+				// console.log(e)
+				if (e.inputText == null || e.inputText == "") {
+					uni.showToast({
+						icon: 'none',
+						title: "请输入邀请码",
+					});
+					return;
+				}
+				var data = {
+					userCode: e.inputText
+				};
+				bindPromoter(data).then(
+					res => {
+						if (res.code == 200) {
+							uni.showToast({
+								icon: 'none',
+								title: res.msg,
+							});
+							this.tuiModalControl = false
+						} else {
+							uni.showToast({
+								icon: 'none',
+								title: res.msg,
+							});
+						}
+					},
+					rej => {}
+				);
+
+			},
+			bindload: function(detail) {},
+			binderror: function(detail) {},
+			closeActivity() {
+				this.activityShow = false;
+				// uni.setStorageSync(this.activity.activityId,null);
+			},
+			getStoreActivity() {
+				let data = {}
+				getStoreActivity(data).then(res => {
+					this.activity = res.activity;
+					if (this.activity != null) {
+						// if(uni.getStorageSync(this.activity.activityId)!=null)
+						// {
+						// 	uni.setStorageSync(this.activity.activityId,1);
+						// 	this.activityShow=true;
+						// }
+						// else{
+						// 	this.activityShow=false;
+						// }
+						this.activityShow = true;
+					} else {
+						this.activityShow = false;
+					}
+				})
+			},
+			showActivity() {
+				this.activityShow = false;
+				uni.navigateTo({
+					url: '/pages_shopping/shopping/activityDetails?activityId=' + this.activity.activityId
+				})
+			},
+			menuClick(item) {
+				if (item.linkType == 1) {
+					if (item.linkUrl == "/pages/shopping/index") {
+						uni.switchTab({
+							url: item.linkUrl
+						})
+					} else if (item.linkUrl == "/pages/healthy/index") {
+						uni.switchTab({
+							url: item.linkUrl
+						})
+					} else {
+
+						uni.navigateTo({
+							url: item.linkUrl
+						})
+					}
+
+				} else if (item.linkType == 0) {
+					uni.showToast({
+						icon: 'none',
+						title: "开发中...",
+					});
+				}
+			},
+			goDev() {
+				uni.showToast({
+					icon: 'none',
+					title: "开发中...",
+				});
+			},
+			handleAdvClick(item) {
+				console.log(item);
+				if (item.showType == 1) {
+					uni.setStorageSync('url', item.advUrl);
+					uni.navigateTo({
+						url: "h5"
+					})
+				} else if (item.showType == 2) {
+					uni.navigateTo({
+						url: item.advUrl
+					})
+				} else if (item.showType == 3) {
+					uni.setStorageSync('content', item.content);
+					uni.navigateTo({
+						url: "content"
+					})
+				}
+			},
+			deptChange(item) {
+				this.deptId = item.departmentId;
+				this.getTuiDoctor();
+			},
+			getMenu() {
+				this.menus = [];
+				getMenu().then(res => {
+					if (res.code == 200) {
+						// for (var i = 0; i < res.data.length; i++) {
+						// 	const item=res.data[i];
+						// if(item.menuName.indexOf('百域百科')>=0 || item.menuName.indexOf('百域自测')>=0
+						// || item.menuName.indexOf('百域档案')>=0 ||item.menuName.indexOf('用药咨询')>=0){
+						// 	this.menus.push(item);
+						// }
+						// }
+						// console.log('图标', res.data)
+						// const menuNames = ['百域百科', '百域自测', '百域档案', '产品商城', '领券中心', '会员'];
+						this.menus = res.data
+						// this.menus = res.data.filter(item => menuNames.some(menuName => item.menuName.includes(menuName)) );
+					} else {
+
+					}
+				});
+			},
+			getCanvas() {
+				getCanvas().then(res => {
+					if (res.code == 200) {
+						if (res.data && res.data.json) {
+							this.canvas = JSON.parse(res.data.json)
+						}
+					}
+				});
+			},
+			getDepartmentList() {
+				this.depts = [];
+				getDepartmentList().then(res => {
+					if (res.code == 200) {
+						var allDept = {
+							departmentId: 0,
+							departmentName: "全部"
+						}
+						this.depts.push(allDept);
+						this.depts = this.depts.concat(res.data);
+					} else {
+						uni.showToast({
+							icon: 'none',
+							title: "请求失败",
+						});
+					}
+				});
+			},
+			getTuiDoctor() {
+				let data = {
+					departmentId: this.deptId,
+					doctorType: this.docTab
+				};
+				getTuiDoctor(data).then(
+					res => {
+						if (res.code == 200) {
+							this.doctorList = res.data;
+						} else {
+							uni.showToast({
+								icon: 'none',
+								title: "请求失败",
+							});
+						}
+					},
+					rej => {}
+				);
+			},
+			docTabChange(val) {
+				if (val == 1) {
+					this.allDoctorTitle = "全部医师"
+				}
+				if (val == 2) {
+					this.allDoctorTitle = "全部药师"
+				}
+				if (val == 3) {
+					this.allDoctorTitle = "全部营养师"
+				}
+				this.docTab = val;
+				this.getTuiDoctor();
+			},
+			showImg(urls) {
+				var imgArr = urls.split(',');
+				//预览图片
+				uni.previewImage({
+					urls: imgArr,
+					current: imgArr[0]
+				});
+			},
+			getStoreConfig() {
+				getStoreConfig().then(
+					res => {
+						if (res.code == 200) {
+							uni.setStorageSync('config', JSON.stringify(res.data));
+						}
+					},
+					rej => {}
+				);
+
+			},
+			goAuthUrl(url) {
+				this.utils.isLogin().then(res => {
+					if (res) {
+						uni.switchTab({
+							url: url
+						})
+					}
+				})
+			},
+			// 跳转页面
+			navTo(url) {
+				uni.navigateTo({
+					url: url
+				})
+			},
+			getLocation() {
+				var that = this;
+				uni.authorize({
+					scope: 'scope.userLocation',
+					success() {
+						uni.getLocation({
+							type: 'gcj02', //腾讯地图使用gcj02获取位置坐标
+							success: function(res) {
+								uni.setStorageSync('isLocation', 1);
+								uni.setStorageSync('lng', res.longitude);
+								uni.setStorageSync('lat', res.latitude);
+							},
+						})
+					},
+					fail(err) {
+						console.log(err)
+					}
+				})
+			},
+			getIndexData() {
+				let data = {};
+				getIndexData(data).then(
+					res => {
+						if (res.code == 200) {
+							this.advList = res.data.advList;
+							this.articleCateList = res.data.articleCateList;
+							if (this.articleCateList != null && this.articleCateList.length > 0) {
+								this.cateId = this.articleCateList[0].cateId;
+								this.getTuiArticle()
+							}
+							this.tuiProductList = res.data.tuiProductList
+							this.newProductList = res.data.newProductList
+							this.hotProductList = res.data.hotProductList
+						} else {
+							uni.showToast({
+								icon: 'none',
+								title: "请求失败",
+							});
+						}
+					},
+					rej => {}
+				);
+			},
+			getCartCount() {
+				this.utils.isLogin().then(res => {
+					if (res) {
+						getCartCount().then(
+							cartRes => {
+								if (cartRes.code == 200) {
+									this.cartCount = cartRes.data;
+								}
+							},
+							rej => {}
+						);
+					}
+				})
+			},
+			getTuiArticle() {
+				let data = {
+					cateId: this.cateId
+				};
+				getTuiArticle(data).then(
+					res => {
+						if (res.code == 200) {
+							this.articleList = res.data;
+						} else {
+							uni.showToast({
+								icon: 'none',
+								title: "请求失败",
+							});
+						}
+					},
+					rej => {}
+				);
+			},
+			getTuiDoctorOrder() {
+				let data = {
+					orderType: this.orderType
+				};
+				getTuiDoctorOrder(data).then(
+					res => {
+						if (res.code == 200) {
+							this.doctorOrderList = res.data;
+						} else {
+							uni.showToast({
+								icon: 'none',
+								title: "请求失败",
+							});
+						}
+					},
+					rej => {}
+				);
+			},
+			showArticle(item) {
+				uni.navigateTo({
+					url: '../healthy/detail?articleId=' + item.articleId
+				})
+			},
+			showProduct(item) {
+				uni.navigateTo({
+					url: '../shopping/productDetails?productId=' + item.productId
+				})
+			},
+			// 顶部搜索
+			toSearch() {
+				uni.navigateTo({
+					url: './productSearch'
+				})
+			},
+			// 健康知识选中
+			articleCateChange(item) {
+				this.cateId = item.cateId;
+				this.getTuiArticle();
+			},
+			// 问诊案例选中
+			orderTypeChange(item) {
+				this.orderType = item.id;
+				console.log(this.orderType)
+				this.getTuiDoctorOrder();
+			},
+			// 关闭限时消息
+			closeMsg() {
+				this.messageShow = false
+			},
+			// 查看全部
+			viewAll(url) {
+				uni.navigateTo({
+					url: '/pages/home/' + url,
+				});
+			},
+			shopDoctor(item) {
+				console.log(item);
+				uni.navigateTo({
+					url: "/pages_doctor/doctorDetail?doctorId=" + item.doctorId
+				})
+			},
+			switchTo(url) {
+				uni.switchTab({
+					url: url
+				})
+				return
+			},
+			yangshengClick(item) {
+				if (item.page == "") {
+					uni.showToast({
+						icon: "none",
+						title: '暂无更多'
+					})
+					return;
+				}
+				uni.navigateTo({
+					url: item.page
+				})
+			},
+			// 在线问诊
+			openIm() {
+				uni.navigateTo({
+					url: '/pages_doctor/doctorOrderIM?orderId=10'
+				})
+			},
+			getDoctorArticleList() {
+				//联网加载数据
+				var that = this;
+				var data = {
+					pageNum: 1,
+					pageSize: 10
+				};
+				getDoctorArticleList(data).then(res => {
+					if (res.code == 200) {
+						this.doctocArticles = res.data.list;
+					}
+				});
+			},
+			getArticleList() {
+				//联网加载数据
+				var that = this;
+				var data = {
+					isTui: 1,
+					pageNum: 1,
+					pageSize: 10,
+				};
+				getArticleList(data).then(res => {
+					if (res.code == 200) {
+						this.articles = res.data.list;
+					} else {
+						uni.showToast({
+							icon: 'none',
+							title: "请求失败",
+						});
+					}
+				});
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.fixed-top-box {
+		width: 100%;
+		position: fixed;
+		top: 0;
+		left: 0;
+		z-index: 1000;
+		transition: all 0.5s;
+		background-color: #FF233C;
+
+		&.show-back {
+			// background: linear-gradient(135deg, #66b2ef 0%, #FF233C 100%);
+		}
+
+		.status_bar {
+
+			width: 100%;
+		}
+	}
+
+	.content {
+		width: 100%;
+		position: relative;
+
+		.bg {
+			width: 100%;
+			height: 380rpx;
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+
+		.top-inner {
+			width: 100%;
+			position: absolute;
+			top: 0;
+			left: 0;
+			z-index: 5;
+
+			.top-title {
+				height: 88upx;
+				line-height: 88upx;
+				display: flex;
+				align-items: center;
+				justify-content: flex-start;
+
+				.name {
+					font-size: 42upx;
+					font-family: Source Han Sans CN;
+					font-weight: bold;
+					color: #FFFFFF;
+					padding-left: 41upx;
+				}
+
+				.dot {
+					margin: 0upx 10upx;
+					font-size: 28upx;
+					color: #FFFFFF;
+					opacity: 0.5;
+				}
+
+				.sub-name {
+					font-size: 30upx;
+					font-family: Source Han Sans CN;
+					color: #FFFFFF;
+				}
+
+
+			}
+
+			.func-cont {
+				box-sizing: border-box;
+				display: flex;
+				align-items: center;
+				padding: 30upx 20upx 30upx 20upx;
+
+				.search-cont {
+					box-sizing: border-box;
+					display: flex;
+					align-items: center;
+					width: 552upx;
+					height: 72upx;
+					background: #FFFFFF;
+					border-radius: 36upx;
+					padding: 0 30upx;
+
+					.icon-search {
+						width: 28upx;
+						height: 28upx;
+						margin-right: 20upx;
+					}
+
+					input {
+						height: 60upx;
+						line-height: 60upx;
+						flex: 1;
+					}
+				}
+
+				:deep(.uni-badge) {
+					border: none;
+					background-color: #FF3636;
+					font-family: Roboto;
+				}
+
+				.img-item {
+					width: 44upx;
+					height: 44upx;
+					margin-left: 30upx;
+
+					image {
+						width: 100%;
+						height: 100%;
+					}
+				}
+			}
+
+			.tips {
+				margin: 0upx 20rpx 30rpx;
+				height: 40upx;
+				line-height: 40upx;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+
+				.left {
+					font-size: 30upx;
+					color: #FFFFFF;
+				}
+
+				.right {
+					padding: 5upx 20rpx;
+					font-size: 24upx;
+					color: #FFFFFF;
+					background-color: #FF233C;
+					border-radius: 50rpx;
+				}
+			}
+		}
+
+		.banner-box {
+			padding: 0 20upx;
+
+			.inner {
+				width: 100%;
+				height: 236upx;
+				border-radius: 10upx;
+				overflow: hidden;
+
+				.swiper,
+				.swiper-item,
+				.swiper-item image {
+					width: 100%;
+					height: 100%;
+				}
+
+			}
+		}
+
+		.menu-content {
+			// width: 100%;
+			background-color: #fff;
+			overflow: hidden;
+			padding: 20upx 20upx 0;
+		}
+
+		.menu-box {
+			display: flex;
+			align-items: center;
+			background-color: #FFFFFF;
+		}
+
+		.online-inquiry {
+			box-sizing: border-box;
+			width: 100%;
+			height: 300upx;
+			padding: 20upx;
+			background: linear-gradient(180deg, rgba(255, 255, 255, 0.38) 62%, rgba(255, 255, 255, 0) 100%);
+			display: flex;
+			justify-content: space-between;
+
+			.item {
+				// width: 46.13%;
+				width: 100%;
+				height: 100%;
+				position: relative;
+
+				.bg-img,
+				.inner {
+					width: 100%;
+					height: 100%;
+					position: absolute;
+					top: 0;
+					left: 0;
+					z-index: 1;
+					border-radius: 15rpx;
+				}
+
+				.inner {
+					box-sizing: border-box;
+					z-index: 2;
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					padding-left: 32upx;
+
+					.title {
+						font-size: 30upx;
+						line-height: 1;
+						font-family: PingFang SC;
+						font-weight: 500;
+						color: #111111;
+						margin-bottom: 20upx;
+					}
+
+					.sub-title {
+						font-size: 24upx;
+						font-family: PingFang SC;
+						font-weight: 500;
+						color: #666666;
+					}
+
+					image {
+						width: 80upx;
+						height: 90upx;
+						position: absolute;
+						right: 7upx;
+						bottom: 7upx;
+					}
+				}
+			}
+		}
+
+		.index-cont {
+			box-sizing: border-box;
+			padding: 0 20upx 120rpx;
+
+			.pub-item {
+				background: #FFFFFF;
+				border-radius: 16upx;
+				margin-bottom: 20upx;
+
+				.tabs {
+					width: 100%;
+					display: flex;
+					align-items: center;
+					justify-content: flex-start;
+					height: 110rpx;
+					background-color: #F0F3F4;
+
+					.tab {
+						height: 110rpx;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						position: relative;
+						flex: 1;
+
+						.img {
+							z-index: 1;
+							position: absolute;
+							top: 0rpx;
+							left: 0rpx;
+							width: 100%;
+							height: 100%;
+						}
+
+						.inner {
+							z-index: 2;
+
+							.title {
+								font-size: 32upx;
+								font-family: PingFang SC;
+								font-weight: bold;
+								color: #666666;
+							}
+
+							.active {
+								color: #FF233C;
+							}
+						}
+
+					}
+
+
+				}
+
+				.pub-title-box {
+					box-sizing: border-box;
+					padding: 36upx 30upx;
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+
+					.left {
+						font-size: 32upx;
+						line-height: 1;
+						font-family: PingFang SC;
+						font-weight: bold;
+						color: #111111;
+					}
+
+					.right {
+						display: flex;
+						align-items: center;
+						justify-content: center;
+
+						.text {
+							font-size: 24rpx;
+							line-height: 1;
+							font-family: PingFang SC;
+							font-weight: 500;
+							color: #999999;
+							margin-right: 10upx;
+						}
+
+						image {
+							width: 14upx;
+							height: 24upx;
+						}
+					}
+
+				}
+
+				.doc-tab-box {
+					padding: 14rpx 30rpx 0rpx 30rpx;
+					position: relative;
+
+					.tab-inner {
+						padding: 14upx 0 30upx;
+						display: flex;
+						overflow-x: auto;
+					}
+
+					.item {
+						font-size: 28upx;
+						white-space: nowrap;
+						line-height: 1;
+						font-family: PingFang SC;
+						font-weight: 500;
+						color: #666666;
+						margin-right: 40upx;
+						position: relative;
+
+						&:last-child {
+							margin-right: 0;
+						}
+
+						&.active {
+							font-weight: bold;
+							color: #333333;
+						}
+
+						&.cases {
+							margin-right: 60upx;
+						}
+
+						.text {
+							position: relative;
+							z-index: 1;
+						}
+
+						.tab-bg {
+							width: 72upx;
+							height: 28upx;
+							position: absolute;
+							top: 17upx;
+							left: 50%;
+							transform: translateX(-36upx);
+							z-index: -1;
+						}
+					}
+
+					.right-mask {
+						width: 56upx;
+						height: 34upx;
+						position: absolute;
+						top: 25upx;
+						right: 0upx;
+						z-index: 1;
+					}
+				}
+
+				.doc-list {
+					padding: 20upx;
+
+					.item {
+						box-sizing: border-box;
+						background: #FFFFFF;
+						// border-radius: 16upx;
+						display: flex;
+						border-bottom: 1px solid #F0F0F0;
+						margin-bottom: 30rpx;
+
+						.head-box {
+							width: 120upx;
+							height: 120upx;
+							background: #EDF1F4;
+							border-radius: 50%;
+							overflow: hidden;
+							margin-right: 30upx;
+
+							image {
+								width: 100%;
+								height: 100%;
+							}
+						}
+
+						.info {
+							width: calc(100% - 150upx);
+
+							.top {
+								display: flex;
+								align-items: center;
+								font-family: PingFang SC;
+								line-height: 1;
+
+								.name {
+									font-size: 34upx;
+									font-weight: bold;
+									color: #111111;
+								}
+
+								.line {
+									width: 1px;
+									height: 26upx;
+									background: #DDDDDD;
+									margin: 0 20upx;
+								}
+
+								.other {
+									font-size: 28upx;
+									font-weight: 500;
+									color: #333333;
+								}
+							}
+
+							.unit-box {
+								display: flex;
+								margin-top: 24upx;
+
+								.level {
+									padding: 0 10upx;
+									height: 30upx;
+									line-height: 30upx;
+									font-size: 22upx;
+									font-family: PingFang SC;
+									font-weight: 500;
+									color: #FFFFFF;
+									background: #FF233C;
+									border-radius: 10upx 4upx 10upx 4upx;
+									margin-right: 12upx;
+								}
+
+								.name {
+									font-size: 28upx;
+									font-family: PingFang SC;
+									font-weight: 500;
+									color: #333333;
+									line-height: 30upx;
+								}
+							}
+
+							.expertise {
+								font-size: 26upx;
+								font-family: PingFang SC;
+								font-weight: 500;
+								color: #666666;
+								line-height: 42upx;
+								margin: 22upx 0 26upx;
+							}
+
+							.rate-box {
+								display: flex;
+								align-items: center;
+
+								.star {
+									display: flex;
+									align-items: center;
+
+									image {
+										width: 22upx;
+										height: 22upx;
+										margin-right: 10upx;
+									}
+
+									text {
+										font-size: 26upx;
+										font-family: PingFang SC;
+										font-weight: bold;
+										color: #CEA764;
+										line-height: 1;
+									}
+								}
+
+								.line {
+									width: 1px;
+									height: 20upx;
+									background: #DDDDDD;
+									margin: 0 20upx;
+								}
+
+								.num-box {
+									display: flex;
+									align-items: center;
+									font-family: PingFang SC;
+
+									.label {
+										font-size: 24upx;
+										font-weight: 500;
+										color: #999999;
+										line-height: 1;
+										margin-right: 7px;
+									}
+
+									.num {
+										font-size: 26upx;
+										font-weight: bold;
+										color: #CEA764;
+										line-height: 1;
+									}
+								}
+							}
+
+							.price-box {
+								display: flex;
+								align-items: center;
+								margin-top: 38upx;
+
+								.btn-item {
+									display: flex;
+									align-items: center;
+									justify-content: center;
+									width: 164upx;
+									height: 56upx;
+									line-height: 56upx;
+									border: 1px solid rgba(43, 199, 185, 0.5);
+									border-radius: 28upx;
+									font-family: PingFang SC;
+									margin-right: 30upx;
+
+									&:last-child {
+										margin-right: 0;
+									}
+
+									.label {
+										font-size: 26upx;
+										font-weight: 500;
+										color: #FF233C;
+										margin-right: 5upx;
+									}
+
+									.num {
+										font-size: 28upx;
+										font-weight: bold;
+										color: #FF233C;
+									}
+								}
+							}
+						}
+					}
+
+					.item:last-child {
+						border-bottom: none;
+						margin-bottom: 0rpx;
+					}
+
+					.bottom-title {
+						height: 50rpx;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						font-size: 26rpx;
+						font-family: PingFang SC;
+						font-weight: bold;
+						color: #FF233C;
+
+						image {
+							margin-left: 8rpx;
+							width: 14rpx;
+							height: 24rpx;
+						}
+					}
+				}
+
+				// 医师团队
+				.doc-cont {
+					box-sizing: border-box;
+					padding: 0 30upx;
+
+					.inner {
+						padding: 4upx 0 40upx;
+						display: flex;
+						overflow-x: auto;
+					}
+
+					.item {
+						display: flex;
+						align-items: center;
+						flex-direction: column;
+						margin-right: 40upx;
+
+						&:last-child {
+							margin-right: 0;
+						}
+
+						.head-box {
+							width: 120upx;
+							height: 120upx;
+							background: #F2F5F9;
+							border-radius: 50%;
+							margin-bottom: 20upx;
+							overflow: hidden;
+
+							image {
+								width: 100%;
+								height: 100%;
+							}
+						}
+
+						.name {
+							max-width: 120upx;
+							font-size: 28upx;
+							line-height: 1;
+							font-family: PingFang SC;
+							font-weight: 500;
+							color: #111111;
+							margin-bottom: 16upx;
+							text-align: center;
+						}
+
+						.position {
+							max-width: 120upx;
+							font-size: 24upx;
+							line-height: 1;
+							font-family: PingFang SC;
+							font-weight: 500;
+							color: #999999;
+							text-align: center;
+						}
+					}
+				}
+
+				.inner {
+					padding: 0 30upx;
+				}
+
+				// 健康知识
+				.pub-tab-box {
+					position: relative;
+
+					.tab-inner {
+						padding: 14upx 0 30upx;
+						display: flex;
+						overflow-x: auto;
+					}
+
+					.item {
+						font-size: 28upx;
+						white-space: nowrap;
+						line-height: 1;
+						font-family: PingFang SC;
+						font-weight: 500;
+						color: #666666;
+						margin-right: 40upx;
+						position: relative;
+
+						&:last-child {
+							margin-right: 0;
+						}
+
+						&.active {
+							font-weight: bold;
+							color: #333333;
+						}
+
+						&.cases {
+							margin-right: 60upx;
+						}
+
+						.text {
+							position: relative;
+							z-index: 1;
+						}
+
+						.tab-bg {
+							width: 72upx;
+							height: 28upx;
+							position: absolute;
+							top: 17upx;
+							left: 50%;
+							transform: translateX(-36upx);
+							z-index: -1;
+						}
+					}
+
+					.right-mask {
+						width: 56upx;
+						height: 34upx;
+						position: absolute;
+						top: 14upx;
+						right: -30upx;
+						z-index: 1;
+					}
+				}
+
+				.know-list {
+					padding-right: 10upx;
+
+					.item {
+						padding: 30upx 0;
+						display: flex;
+						align-items: center;
+						justify-content: space-between;
+						border-bottom: 1px solid #F0F0F0;
+
+						&:last-child {
+							border-bottom: none;
+						}
+
+						.left {
+							flex: 1;
+							padding-right: 40upx;
+							height: 190upx;
+							display: flex;
+							flex-direction: column;
+							justify-content: space-between;
+
+							.title {
+								font-size: 32upx;
+								font-family: PingFang SC;
+								font-weight: 500;
+								color: #111111;
+								line-height: 48upx;
+							}
+
+							.info-box {
+								width: 100%;
+								display: flex;
+								align-items: center;
+								justify-content: space-between;
+
+								.readers {
+									display: flex;
+									align-items: center;
+
+									.head-box {
+										margin-right: 27upx;
+										display: flex;
+										align-items: center;
+
+										.head {
+											width: 48upx;
+											height: 48upx;
+											border-radius: 50%;
+											overflow: hidden;
+											box-shadow: 0 0 0 1px #fff;
+											margin-right: -10upx;
+
+											image {
+												width: 100%;
+												height: 100%;
+											}
+										}
+									}
+
+									.readings {
+										display: flex;
+										align-items: center;
+
+										.eye {
+											width: 26upx;
+											height: 20upx;
+											margin-right: 9upx;
+										}
+
+										.num {
+											font-size: 24upx;
+											font-family: PingFang SC;
+											font-weight: 500;
+											color: #999999;
+											line-height: 1;
+										}
+									}
+								}
+
+								.time {
+									font-size: 24upx;
+									line-height: 1;
+									font-family: PingFang SC;
+									font-weight: 500;
+									color: #999999;
+								}
+							}
+						}
+
+						.right {
+							width: 250upx;
+							height: 190upx;
+							border-radius: 8upx;
+							overflow: hidden;
+
+							image {
+								width: 100%;
+								height: 100%;
+							}
+						}
+					}
+				}
+
+				// 问诊案例
+				.cases-list {
+					padding-bottom: 10upx;
+
+					.item {
+						padding: 30upx 0;
+						border-bottom: 1px solid #F0F0F0;
+
+						&:last-child {
+							border-bottom: none;
+						}
+
+						.dec-text {
+							font-size: 32upx;
+							font-family: PingFang SC;
+							font-weight: bold;
+							color: #111111;
+							line-height: 48upx;
+						}
+
+						.images-box {
+							margin-top: 10upx;
+							display: flex;
+							flex-wrap: wrap;
+
+							.img-item {
+								width: 155upx;
+								height: 155upx;
+								background: #F5F5F5;
+								border-radius: 8upx;
+								margin: 0 10upx 10upx 0;
+								overflow: hidden;
+
+								image {
+									width: 100%;
+									height: 100%;
+								}
+
+								&:nth-child(4n) {
+									margin-right: 0;
+								}
+							}
+						}
+
+						.doc-info {
+							display: flex;
+							align-items: center;
+							margin: 30upx 0 20upx;
+
+							.head {
+								width: 60upx;
+								height: 60upx;
+								background: #F2F5F9;
+								border-radius: 50%;
+								margin-right: 20upx;
+								overflow: hidden;
+
+								image {
+									width: 100%;
+									height: 100%;
+								}
+							}
+
+							.name {
+								font-size: 28upx;
+								line-height: 1;
+								font-family: PingFang SC;
+								font-weight: 500;
+								color: #111111;
+							}
+
+							.line {
+								width: 1px;
+								height: 22upx;
+								background: #DDDDDD;
+								margin: 0 16upx;
+							}
+
+							.posit,
+							.address {
+								font-size: 26upx;
+								font-family: PingFang SC;
+								font-weight: 500;
+								color: #999999;
+							}
+						}
+
+						.answer-box {
+							width: 100%;
+							background: #F5F7F7;
+							border-radius: 10upx;
+							display: flex;
+							flex-direction: column;
+							justify-content: center;
+
+							.text-inner {
+								// height: 84upx;
+								font-size: 28upx;
+								font-family: PingFang SC;
+								font-weight: 500;
+								color: #666666;
+								line-height: 42upx;
+								padding: 15upx;
+							}
+						}
+
+						.read-box {
+							margin-top: 30upx;
+							display: flex;
+							align-items: center;
+							justify-content: flex-end;
+
+							image {
+								width: 24upx;
+								height: 19upx;
+								margin-right: 10upx;
+							}
+
+							.text {
+								font-size: 24upx;
+								font-family: PingFang SC;
+								font-weight: 500;
+								color: #999999;
+							}
+						}
+					}
+				}
+			}
+
+			// 精选产品
+			.feat-title {
+				margin-top: 30upx;
+				padding: 10upx 0 33upx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+
+				image {
+					width: 37upx;
+					height: 37upx;
+					margin: 0upx 20upx;
+				}
+
+				text {
+					font-size: 36upx;
+					line-height: 1;
+					font-family: PingFang SC;
+					font-weight: bold;
+					color: #111111;
+				}
+			}
+
+			.drug-list {
+				display: flex;
+				flex-wrap: wrap;
+
+				.item {
+					margin-right: 20rpx;
+					margin-bottom: 20rpx;
+					width: 345rpx;
+					background: #FFFFFF;
+					box-shadow: 0px 0px 10rpx 4rpx rgba(199, 199, 199, 0.22);
+					border-radius: 20rpx;
+					overflow: hidden;
+
+					&:nth-child(2n) {
+						margin-right: 0;
+					}
+
+					.img-box {
+						width: 100%;
+						height: 334upx;
+
+						image {
+							width: 100%;
+							height: 100%;
+						}
+					}
+
+					.info-box {
+						box-sizing: border-box;
+						height: 182upx;
+						padding: 20upx;
+
+						.title {
+							height: 80upx;
+							font-size: 26upx;
+							font-family: PingFang SC;
+							font-weight: 500;
+							color: #111111;
+							line-height: 40upx;
+						}
+
+						.price-box {
+							display: flex;
+							align-items: center;
+							margin-top: 20upx;
+
+							.now {
+								color: #FF6633;
+								display: flex;
+								align-items: flex-end;
+								margin-right: 20upx;
+								font-family: PingFang SC;
+
+								.unit {
+									font-size: 24upx;
+									line-height: 1.4;
+									margin-right: 4upx;
+								}
+
+								.num {
+									font-size: 36upx;
+									font-weight: bold;
+									line-height: 1;
+								}
+							}
+
+							.old {
+								font-size: 26upx;
+								font-family: PingFang SC;
+								text-decoration: line-through;
+								color: #BBBBBB;
+								line-height: 1;
+							}
+						}
+					}
+				}
+			}
+		}
+
+		// 生活大讲堂
+		.open-class {
+			padding: 20rpx;
+			margin: 20rpx 15rpx 0rpx;
+			// background-color: #f0f4f7;
+
+			.title-box {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+
+				.title {
+					font-size: 32rpx;
+					font-weight: bold;
+				}
+
+				.more {
+					font-size: 24rpx;
+					padding-left: 30rpx;
+					color: #999999;
+					display: flex;
+					align-items: center;
+
+					image {
+						width: 24rpx;
+						height: 24rpx;
+					}
+				}
+			}
+
+
+			.class-item {
+				font-size: 24rpx;
+				margin-top: 24rpx;
+				background-color: #fff;
+				border-radius: 16rpx;
+				padding: 0 16rpx;
+				margin-right: 14rpx;
+				width: 250rpx;
+				height: 280rpx;
+				font-size: 26rpx;
+				font-weight: 500;
+
+				.img-box {
+					height: 220rpx;
+					border-radius: 16rpx;
+					overflow: hidden;
+					margin-bottom: 12rpx;
+
+					image {
+						width: 100%;
+						height: 100%;
+					}
+				}
+
+
+				&:last-child {
+					margin-right: 0rpx;
+				}
+			}
+		}
+
+		.modules {
+			.module {
+				.depts {
+					z-index: 101;
+					margin: 20rpx 15rpx 0rpx;
+					padding: 20rpx;
+					box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
+					background-color: #fff;
+					border-radius: 15rpx;
+
+					.title {
+						font-size: 32upx;
+						font-family: PingFang SC;
+						font-weight: bold;
+						color: #2A2B2E;
+					}
+
+					.dept-box {
+						margin-top: 15rpx;
+						display: flex;
+						align-items: center;
+						justify-content: flex-start;
+						flex-wrap: wrap;
+
+						.dept {
+							padding: 15rpx 5rpx;
+							width: 25%;
+							display: flex;
+							flex-direction: column;
+							align-items: center;
+							justify-content: center;
+							padding: 14rpx 0;
+
+							.icon {
+								width: 58rpx;
+								height: 58rpx;
+							}
+
+							.title {
+								margin-top: 10rpx;
+								font-size: 24upx;
+								font-family: PingFang SC;
+								font-weight: 500;
+								color: #111111;
+							}
+						}
+					}
+
+				}
+
+				.doctor-articles {
+					z-index: 101;
+					margin: 20rpx 15rpx 0rpx;
+					padding: 20rpx;
+					box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
+					background-color: #fff;
+					border-radius: 15rpx;
+
+					.title-box {
+						display: flex;
+						flex-direction: row;
+						align-items: center;
+						justify-content: space-between;
+
+						.title {
+							font-size: 32upx;
+							font-family: PingFang SC;
+							font-weight: bold;
+							color: #111111;
+						}
+
+						.more {
+							display: flex;
+							align-items: center;
+							justify-content: flex-end;
+
+							.text {
+								font-size: 24rpx;
+								font-family: PingFang SC;
+								color: #9B9B9B;
+							}
+
+							image {
+								margin-left: 10rpx;
+								width: 15rpx;
+								height: 20rpx;
+							}
+
+						}
+					}
+
+					.article-box {
+						padding: 20rpx 0rpx;
+						overflow-x: auto;
+						box-sizing: border-box;
+						display: flex;
+						align-items: center;
+						justify-content: flex-start;
+
+						.article {
+							width: 300rpx;
+							margin-right: 20rpx;
+							background: #f9f8fe;
+							display: flex;
+							flex-direction: column;
+							align-items: flex-start;
+							justify-content: flex-start;
+
+							&:last-child {
+								margin-right: 0rpx;
+							}
+
+							.image-box {
+								width: 300rpx;
+								height: 400rpx;
+								position: relative;
+								border-radius: 20rpx;
+
+								image {
+									border-radius: 20rpx;
+									width: 300rpx;
+									height: 400rpx;
+								}
+
+								.views {
+									position: absolute;
+									top: 0rpx;
+									left: 0rpx;
+									padding: 5rpx 10rpx;
+									background: rgba(0, 0, 0, 0.25);
+									border-radius: 12rpx 0px 12rpx 0px;
+									opacity: 1;
+									font-size: 20rpx;
+									font-family: PingFang SC-Bold, PingFang SC;
+									font-weight: bold;
+									color: #FFFFFF;
+								}
+
+								.doctor {
+									margin: 10rpx;
+									display: flex;
+									align-items: center;
+									justify-content: flex-start;
+									position: absolute;
+									bottom: 0rpx;
+									left: 0rpx;
+
+									image {
+										border-radius: 50%;
+										width: 64rpx;
+										height: 64rpx;
+									}
+
+									.right {
+										width: 200rpx;
+										margin-left: 10rpx;
+										display: flex;
+										flex-direction: column;
+										align-items: flex-start;
+										justify-content: space-between;
+
+										.doc-name {
+											width: 200rpx;
+											font-size: 30rpx;
+											font-weight: bold;
+											font-family: PingFang SC;
+											color: #fff;
+										}
+
+										.doc-position {
+											width: 100%;
+											font-size: 28rpx;
+											font-family: PingFang SC;
+											color: #fff;
+											font-weight: bold;
+											opacity: 0.8;
+										}
+									}
+								}
+							}
+
+							.article-title-box {
+								width: 100%;
+								margin-top: 10rpx;
+								display: flex;
+								align-items: center;
+								justify-content: flex-start;
+
+								.article-title {
+									font-size: 30rpx;
+									font-weight: bold;
+									font-family: PingFang SC;
+									color: #2A2B2E;
+								}
+
+							}
+
+						}
+
+					}
+				}
+
+				.doctors {
+					z-index: 101;
+					margin: 20rpx 15rpx;
+					padding: 20rpx;
+					box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
+					background-color: #fff;
+					border-radius: 15rpx;
+
+					.title-box {
+						display: flex;
+						flex-direction: row;
+						align-items: center;
+						justify-content: space-between;
+
+						.title {
+							font-size: 32upx;
+							font-family: PingFang SC;
+							font-weight: bold;
+							color: #111111;
+						}
+
+						.more {
+							display: flex;
+							align-items: center;
+							justify-content: flex-end;
+
+							.text {
+								font-size: 24rpx;
+								font-family: PingFang SC;
+								color: #9B9B9B;
+							}
+
+							image {
+								margin-left: 10rpx;
+								width: 15rpx;
+								height: 20rpx;
+							}
+
+						}
+					}
+
+				}
+
+				.articles {
+					z-index: 101;
+					margin: 20rpx 15rpx;
+					padding: 20rpx;
+					box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
+					background-color: #fff;
+					border-radius: 15rpx;
+
+					.title-box {
+						display: flex;
+						flex-direction: row;
+						align-items: center;
+						justify-content: space-between;
+
+						.title {
+							font-size: 32upx;
+							font-family: PingFang SC;
+							font-weight: bold;
+							color: #111111;
+						}
+
+						.more {
+							display: flex;
+							align-items: center;
+							justify-content: flex-end;
+
+							.text {
+								font-size: 24rpx;
+								font-family: PingFang SC;
+								color: #9B9B9B;
+							}
+
+							image {
+								margin-left: 10rpx;
+								width: 15rpx;
+								height: 20rpx;
+							}
+
+						}
+					}
+
+					.article-box {
+						margin-top: 15rpx;
+						padding: 20rpx 0rpx 0rpx;
+						display: flex;
+						flex-direction: column;
+						align-items: flex-start;
+						justify-content: flex-start;
+
+						.item {
+							width: 100%;
+							margin-bottom: 20rpx;
+							display: flex;
+							align-items: flex-start;
+							justify-content: flex-start;
+
+							&:last-child {
+								margin-bottom: 0rpx;
+							}
+
+							.left {
+								flex: 1;
+								height: 160rpx;
+								margin-right: 15rpx;
+								display: flex;
+								flex-direction: column;
+								align-items: flex-start;
+								justify-content: space-between;
+
+								.title {
+									font-size: 28upx;
+									font-family: PingFang SC;
+									font-weight: bold;
+									color: #111111;
+								}
+
+								.views {
+									font-size: 24upx;
+									font-family: PingFang SC;
+									color: #9a9a9c;
+								}
+							}
+
+							.right {
+								image {
+									border-radius: 10rpx;
+									width: 220rpx;
+									height: 160rpx;
+									border: 1px solid #eeeeee;
+								}
+							}
+						}
+					}
+				}
+
+				.packages {
+					z-index: 101;
+					margin: 20rpx 15rpx;
+					padding: 20rpx;
+					box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
+					background-color: #fff;
+					border-radius: 15rpx;
+
+					.title-box {
+						display: flex;
+						flex-direction: row;
+						align-items: center;
+						justify-content: space-between;
+
+						.title {
+							font-size: 32upx;
+							font-family: PingFang SC;
+							font-weight: bold;
+							color: #111111;
+						}
+
+						.more {
+							display: flex;
+							align-items: center;
+							justify-content: flex-end;
+
+							.text {
+								font-size: 24rpx;
+								font-family: PingFang SC;
+								color: #9B9B9B;
+							}
+
+							image {
+								margin-left: 10rpx;
+								width: 15rpx;
+								height: 20rpx;
+							}
+
+						}
+					}
+
+					.package-box {
+						padding: 20rpx 0rpx 0rpx;
+						display: flex;
+						align-items: flex-start;
+						justify-content: flex-start;
+						flex-wrap: wrap;
+
+						.item {
+							width: calc(50% - 20rpx);
+							border-radius: 15rpx;
+							margin: 10rpx;
+							display: flex;
+							flex-direction: column;
+							align-items: flex-start;
+							justify-content: flex-start;
+
+							&:last-child {}
+
+							.top {
+								width: 100%;
+								height: 300rpx;
+
+								image {
+									border-radius: 15rpx 15rpx 0rpx 0rpx;
+									width: 100%;
+									height: 300rpx;
+								}
+
+							}
+
+							.bottom {
+								width: 100%;
+								margin-top: 15rpx;
+
+								.title {
+									font-weight: bold;
+									font-size: 28upx;
+									font-family: PingFang SC;
+									color: #111111;
+								}
+
+								.price-box {
+									margin-top: 10rpx;
+									display: flex;
+									align-items: center;
+									justify-content: space-between;
+									width: 100%;
+
+									.price {
+										padding: 5rpx 10rpx;
+										background-color: #FF233C;
+										border-radius: 30rpx;
+										font-size: 20upx;
+										font-family: PingFang SC;
+										color: #ffffff;
+									}
+
+									.count {
+										font-size: 24upx;
+										font-family: PingFang SC;
+										color: #333333;
+									}
+
+								}
+							}
+						}
+					}
+
+
+				}
+			}
+
+		}
+	}
+
+	.official-account {
+		box-sizing: border-box;
+		width: 100%;
+		height: 100upx;
+		position: fixed;
+		bottom: 30upx;
+		z-index: 99;
+		padding: 0 20upx 180rpx 20upx;
+	}
+
+	// 消息
+	.message-box {
+		box-sizing: border-box;
+		width: 100%;
+		height: 84upx;
+		background: #F3FFFD;
+		border: 1px solid #C7E9E5;
+		box-shadow: 0px 4upx 12upx 0px rgba(90, 203, 138, 0.16);
+		border-radius: 16upx;
+		position: fixed;
+		left: 50%;
+		transform: translateX(-50%);
+		bottom: 30upx;
+		z-index: 99;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0 20upx 0 30upx;
+
+		.left {
+			flex: 1;
+			display: flex;
+			align-items: center;
+
+			image {
+				width: 24upx;
+				height: 24upx;
+				margin-right: 18upx;
+			}
+
+			.text {
+				width: 90%;
+				font-size: 28upx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #FF233C;
+			}
+		}
+
+		.btn {
+			width: 100upx;
+			height: 48upx;
+			line-height: 48upx;
+			text-align: center;
+			font-size: 24upx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #FFFFFF;
+			border: 1px solid #D2E6FF;
+			background: linear-gradient(135deg, #66b2ef 0%, #FF233C 100%);
+			border-radius: 24upx;
+			margin-left: 30upx;
+		}
+
+	}
+
+	.contact-btn {
+		display: inline-block;
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		opacity: 0;
+	}
+
+	.popup-box {
+		position: fixed;
+		top: 0;
+		right: 0;
+		left: 0;
+		bottom: 0;
+		z-index: 999;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+
+		.info-mask {
+			position: fixed;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			left: 0;
+			background-color: rgba($color: #000000, $alpha: 0.5);
+			z-index: 999;
+		}
+
+		.info-form {
+			z-index: 1000;
+			width: 450rpx;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			position: relative;
+
+			image {
+				width: 100%;
+			}
+		}
+	}
+</style>

pages/shopping/productDetails.vue

@@ -90,12 +90,12 @@
 		<view class="btn-foot" >
 			<view class="menu-box" v-if="isuser==false">
 				<view class="item" @click="goHome">
-					<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/back_home.png"
+					<image src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/back_home.png"
 						mode=""></image>
 					<text class="label">首页</text>
 				</view>
 				<view class="item" style="position: relative;">
-					<image src="https://jnlzjk-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/consult_small.png"
+					<image src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/consult_small.png"
 						mode=""></image>
 					<text class="label">咨询</text>
 					<button class="contact-btn" open-type="contact"></button>

pages/user/index.vue

@@ -49,44 +49,54 @@
 							</view>
 						</view>
 						<view class="status-box">
-							<uni-badge size="small" :text=count0 absolute="rightTop" type="error">
-								<view class="item" @click="showOrder('0')">
-									<image
-										src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/payment.png"
-										mode=""></image>
-									<text class="text">待付款</text>
-								</view>
-							</uni-badge>
-							<uni-badge size="small" :text=count1 absolute="rightTop" type="error">
-								<view class="item" @click="showOrder('1')">
-									<image
-										src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/send_goods.png"
-										mode=""></image>
-									<text class="text">待发货</text>
-								</view>
-							</uni-badge>
-							<uni-badge size="small" :text=count2 absolute="rightTop" type="error">
-								<view class="item" @click="showOrder('2')">
-									<image
-										src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/sou_goods.png"
-										mode=""></image>
-									<text class="text">待收货</text>
-								</view>
-							</uni-badge>
-							<view class="item" @click="showOrder('3')">
-								<image
-									src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/completed.png"
-									mode=""></image>
-								<text class="text">已完成</text>
+							<view class="status-cell">
+								<uni-badge size="small" :text=count0 absolute="rightTop" type="error">
+									<view class="item" @click="showOrder('0')">
+										<image
+											src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/payment.png"
+											mode=""></image>
+										<text class="text">待付款</text>
+									</view>
+								</uni-badge>
+							</view>
+							<view class="status-cell">
+								<uni-badge size="small" :text=count1 absolute="rightTop" type="error">
+									<view class="item" @click="showOrder('1')">
+										<image
+											src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/send_goods.png"
+											mode=""></image>
+										<text class="text">待发货</text>
+									</view>
+								</uni-badge>
 							</view>
-							<uni-badge size="small" :text=afterSalesCount absolute="rightTop" type="error">
-								<view class="item" @click="navgetTo('/pages_user/user/refundOrderList')">
+							<view class="status-cell">
+								<uni-badge size="small" :text=count2 absolute="rightTop" type="error">
+									<view class="item" @click="showOrder('2')">
+										<image
+											src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/sou_goods.png"
+											mode=""></image>
+										<text class="text">待收货</text>
+									</view>
+								</uni-badge>
+							</view>
+							<view class="status-cell">
+								<view class="item" @click="showOrder('3')">
 									<image
-										src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/after_sales.png"
+										src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/completed.png"
 										mode=""></image>
-									<text class="text">售后/退款</text>
+									<text class="text">已完成</text>
 								</view>
-							</uni-badge>
+							</view>
+							<view class="status-cell">
+								<uni-badge size="small" :text=afterSalesCount absolute="rightTop" type="error">
+									<view class="item" @click="navgetTo('/pages_user/user/refundOrderList')">
+										<image
+											src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/after_sales.png"
+											mode=""></image>
+										<text class="text">售后/退款</text>
+									</view>
+								</uni-badge>
+							</view>
 						</view>
 					</view>
 				</view>
@@ -131,7 +141,7 @@
 
 							<view class="item no-marin-bottom">
 								<image
-									src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/customer1.png"
+									src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/customer.png"
 									mode=""></image>
 								<text class="text">专属客服</text>
 								<button class="contact-btn" open-type="contact"></button>
@@ -213,7 +223,7 @@
 					<image src="https://hos-1309931967.cos.ap-chongqing.myqcloud.com/fs/20221125/71ddd95044bb46d5b27e19a5f61cf5ab.png"></image>
 					<view class="tel_btn" @click="callService()"></view>
 				</view> -->
-				<view style="padding-bottom: 20rpx;" v-if="UserInfo">
+				<view v-if="UserInfo">
 					<view @tap="loginOUt" class="log-out x-c">退出登录</view>
 				</view>
 				<view class="like-product">
@@ -420,9 +430,9 @@
 		width: 100%;
 		height: 494upx;
 		position: relative;
-		background-image: url(https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/personl_top_bg.png);
-		background-repeat: repeat-x;
-		background-size: 40upx 100%;
+		background-image: url(@/static/images/bg.png);
+		background-repeat:no-repeat;
+		background-size:100%;
 
 		.top-inner {
 			width: 100%;
@@ -514,11 +524,11 @@
 
 				.inner {
 					box-sizing: border-box;
-					height: 245upx;
+					//height: 245upx;
 					// height: 105upx;
 					background: #FFFFFF;
 					border-radius: 16upx;
-					padding: 40upx 30upx;
+					padding: 30rpx 24rpx 10rpx;
 					display: flex;
 					flex-direction: column;
 					justify-content: space-between;
@@ -529,7 +539,7 @@
 						justify-content: space-between;
 
 						.title {
-							font-size: 34upx;
+							font-size: 40rpx;
 							font-family: PingFang SC;
 							font-weight: bold;
 							color: #222222;
@@ -541,9 +551,9 @@
 							align-items: center;
 
 							.text {
-								font-size: 26upx;
+								font-size: 32rpx;
 								font-family: PingFang SC;
-								font-weight: 500;
+								font-weight: 400;
 								color: #999999;
 								line-height: 1;
 								margin-right: 8upx;
@@ -558,9 +568,17 @@
 
 					.status-box {
 						display: flex;
-						align-items: center;
-						justify-content: space-between;
-						padding: 0 10upx;
+						flex-wrap: wrap;
+						align-items: flex-start;
+						//padding: 0 10upx;
+                        padding-top: 30rpx;
+						.status-cell {
+							box-sizing: border-box;
+							width: 33.33%;
+							display: flex;
+							justify-content: center;
+							padding-bottom: 30rpx;
+						}
 
 						.item {
 							display: flex;
@@ -569,15 +587,15 @@
 							justify-content: center;
 
 							image {
-								width: 40upx;
-								height: 40upx;
+								width: 60rpx;
+								height: 60rpx;
 								margin-bottom: 18upx;
 							}
 
 							.text {
-								font-size: 26upx;
-								font-family: PingFang SC;
-								font-weight: 500;
+								font-family: PingFangSC, PingFang SC;
+								font-weight: 400;
+								font-size: 36rpx;
 								color: #111111;
 								line-height: 1;
 							}
@@ -590,7 +608,7 @@
 	}
 
 	.content {
-		margin-top: 20upx;
+		margin-top: 30upx;
 		padding: 0 20upx;
 		display: flex;
 		align-items: center;
@@ -601,10 +619,10 @@
 			box-sizing: border-box;
 			background: #FFFFFF;
 			border-radius: 16upx;
-			padding: 40upx 30upx;
+			padding: 30rpx 24rpx 0;
 
 			.title {
-				font-size: 34upx;
+				font-size: 40rpx;
 				font-family: PingFang SC;
 				font-weight: bold;
 				color: #222222;
@@ -612,7 +630,7 @@
 			}
 
 			.tools-list {
-				margin-top: 50upx;
+				margin-top: 40rpx;
 				display: flex;
 				flex-wrap: wrap;
 				width: 100%;
@@ -624,21 +642,21 @@
 					flex-direction: column;
 					align-items: center;
 					justify-content: center;
-					margin-bottom: 50upx;
+					margin-bottom: 40rpx;
 					position: relative;
 
 					image {
-						width: 44upx;
-						height: 44upx;
+						width: 50rpx;
+						height: 50rpx;
 					}
 
 					.text {
-						font-size: 24upx;
-						font-family: PingFang SC;
-						font-weight: 500;
+						font-family: PingFangSC, PingFang SC;
+						font-weight: 400;
+						font-size: 32rpx;
 						color: #111111;
-						line-height: 1;
-						margin-top: 20upx;
+						line-height: 50rpx;
+						margin-top: 8rpx;
 					}
 
 					.contact-btn {
@@ -659,9 +677,9 @@
 		height: 80upx;
 		line-height: 80upx;
 		text-align: center;
-		font-size: 26upx;
-		font-family: PingFang SC;
-		font-weight: 500;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 400;
+		font-size: 36rpx;
 		color: #666666;
 		background: #FFFFFF;
 		border-radius: 16upx;

pages_course/components/goodsList.vue

@@ -56,7 +56,6 @@
 			goBuy(item) {
 				uni.navigateTo({
 					url: '/pages/shopping/productDetails?productId='+item.productId+'&companyId='+this.urlOption.companyId+ '&companyUserId='+this.urlOption.companyUserId+'&courseId='+this.urlOption.courseId+'&videoId='+this.urlOption.videoId
-					+'&projectId='+this.urlOption.projectId+'&periodId='+this.urlOption.periodId
 				})
 			},
 			goBuy2(item) {

pages_course/videovip.vue

@@ -991,12 +991,12 @@
 				getRemainTime(data).then(res => {
 					if (res.code == 200) {
 						const remain = Number(res.remainTime) || 0; // 积分看课剩余时间（秒）
-						this.remainTime = remain + 30;
+						this.remainTime = remain;
 						this.remainTimeReady = true;
 						this.hasReportedAfterCountdown = remain <= 0;
 						// 初始化或刷新总时长，用于进度条百分比
 						if (!this.totalRemainTime || remain > this.totalRemainTime) {
-							this.totalRemainTime = remain + 30;
+							this.totalRemainTime = remain;
 						}
 					} else {
 						this.remainTimeReady = false

pages_index/course.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="container">
 		<!-- 顶部导航 Tab -->
-		<view class="top-nav">
+		<view class="top-nav" :style="{marginTop: statusBarHeight}">
 			<view class="nav-tabs">
 				<view
 					class="nav-item"
@@ -20,16 +20,7 @@
 					<view v-if="tabIndex === 1" class="nav-indicator"></view>
 				</view>
 			</view>
-			<view class="nav-actions">
-				<text class="action-icon">⋯</text>
-				<text class="action-icon">⊙</text>
-			</view>
-		</view>
-
-		<!-- 精品课程 内容 -->
-		<scroll-view v-show="tabIndex === 0" scroll-y class="scroll-wrap" :show-scrollbar="false">
-			<!-- 分类标签区 -->
-			<view class="category-wrap">
+			<view v-if="tabIndex === 0" class="category-wrap">
 				<view class="category-tags" :class="{ collapsed: !categoryExpand }">
 					<view
 						v-for="(cat, idx) in categories"
@@ -43,9 +34,16 @@
 				</view>
 				<view class="expand-btn" @click="categoryExpand = !categoryExpand">
 					<text>{{ categoryExpand ? '收起' : '展开' }}</text>
-					<text class="arrow">{{ categoryExpand ? '▲' : '▼' }}</text>
+					<image :class="{ 'rotate-arrow': !categoryExpand }"   src="@/static/images/new/expand.png"></image>
+					<!-- <text class="arrow">{{ categoryExpand ? '▲' : '▼' }}</text> -->
 				</view>
 			</view>
+		</view>
+
+		<!-- 精品课程 内容 -->
+		<scroll-view v-show="tabIndex === 0" scroll-y class="scroll-wrap" :show-scrollbar="false">
+			<!-- 分类标签区 -->
+			
 
 			<!-- 课程网格 -->
 			<view class="course-grid">
@@ -56,13 +54,19 @@
 					@click="onCourseClick(course)"
 				>
 					<view class="card-cover">
-						<image :src="course.cover || 'https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/app/vip/share.png'" mode="aspectFill" class="cover-img"></image>
+						<image :src="course.cover || '/static/logo.jpg'" mode="aspectFill" class="cover-img"></image>
 					</view>
-					<text class="card-title">{{ course.title }}</text>
-					<view class="card-footer">
-						<text class="card-views"> {{ course.views }}</text>
-						<view class="btn-watch" @click.stop="onCourseClick(course)">立即观看</view>
+					<view class="course-info">
+						<text class="card-title">{{ course.title }}</text>
+						<view class="x-end" style="justify-content: space-between;">
+							<view class="course-meta">
+								<image src="@/static/images/new/renshu.png"></image>
+								<text class="meta-count">{{ course.views }}</text>
+							</view>
+							<view class="btn-watch" @click.stop="onCourseClick(course)">立即观看</view>
+						</view>
 					</view>
+					
 				</view>
 			</view>
 			<view class="bottom-placeholder"></view>
@@ -74,7 +78,7 @@
 			<template v-if="recentList.length > 0">
 				<view v-for="(group, gIdx) in recentList" :key="gIdx" class="recent-group">
 					<view class="group-date">
-						<text class="date-icon"></text>
+						<image class="date-icon" src="@/static/images/new/time.png"></image>
 						<text class="date-text">{{ group.date }}</text>
 					</view>
 					<view
@@ -84,12 +88,14 @@
 						@click="onCourseClick(item)"
 					>
 						<view class="recent-thumb">
-							<image :src="item.cover || 'https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/app/vip/share.png'" mode="aspectFill" class="thumb-img"></image>
+							<image :src="item.cover || '/static/logo.jpg'" mode="aspectFill" class="thumb-img"></image>
 						</view>
 						<view class="recent-info">
 							<text class="recent-title">{{ item.title }}</text>
 							<text class="recent-progress">已学: {{ item.progress }}%</text>
-							<view class="btn-watch" @click.stop="onCourseClick(item)">立即观看</view>
+							<view class="y-end">
+								<view class="btn-watch" @click.stop="onCourseClick(item)">立即观看</view>
+							</view>
 						</view>
 					</view>
 				</view>
@@ -98,12 +104,13 @@
 			<!-- 无学习记录：空态 + 为您精选 -->
 			<template v-else>
 				<view class="empty-state">
-					<view class="empty-icon"></view>
+					<!-- <view class="empty-icon"></view> -->
+					<image class="empty-icon" src="@/static/images/new/nodata.png"></image>
 					<text class="empty-text">暂无学习内容</text>
 				</view>
 				<view class="recommend-section">
 					<text class="recommend-title">为您精选</text>
-					<view class="course-grid">
+					<view class="course-grid" style="padding: 0;">
 						<view
 							v-for="(course, idx) in recommendList"
 							:key="idx"
@@ -111,12 +118,18 @@
 							@click="onCourseClick(course)"
 						>
 							<view class="card-cover">
-								<image :src="course.cover || 'https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/app/vip/share.png'" mode="aspectFill" class="cover-img"></image>
+								<image :src="course.cover || '/static/logo.jpg'" mode="aspectFill" class="cover-img"></image>
 							</view>
-							<text class="card-title">{{ course.title }}</text>
+							
 							<view class="card-footer">
-								<text class="card-views"> {{ course.views }}</text>
-								<view class="btn-watch" @click.stop="onCourseClick(course)">立即观看</view>
+								<text class="card-title">{{ course.title }}</text>
+								<view class="x-end" style="justify-content: space-between;">
+									<view class="course-meta">
+										<image src="@/static/images/new/renshu.png"></image>
+										<text class="meta-count">{{ course.views }}</text>
+									</view>
+									<view class="btn-watch" @click.stop="onCourseClick(course)">立即观看</view>
+								</view>
 							</view>
 						</view>
 					</view>
@@ -131,6 +144,7 @@
 export default {
 	data() {
 		return {
+			statusBarHeight: uni.getSystemInfoSync().statusBarHeight + 'px',
 			tabIndex: 0,
 			categoryExpand: true,
 			categoryIndex: 0,
@@ -179,10 +193,14 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+	/* 图片箭头旋转类（展开时向上） */
+	.rotate-arrow {
+	  transform: rotate(180deg);
+	}
 .container {
 	min-height: 100vh;
-	background: #fff;
+	background: #F5F5F5;
 	display: flex;
 	flex-direction: column;
 }
@@ -190,38 +208,42 @@ export default {
 /* 顶部 Tab */
 .top-nav {
 	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 24rpx 24rpx 20rpx;
+	flex-direction: column;
 	background: #fff;
-	border-bottom: 1rpx solid #f0f0f0;
+	/* border-bottom: 1rpx solid #f0f0f0; */
 }
 .nav-tabs {
 	display: flex;
 	align-items: center;
-	gap: 48rpx;
+	justify-content: center;
 }
 .nav-item {
+	flex:1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 	position: relative;
-	padding: 8rpx 0;
+	padding: 24rpx 0;
 }
 .nav-item text {
-	font-size: 32rpx;
-	color: #999;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 36rpx;
+	color: #030303;
 }
 .nav-item.active text {
-	color: #333;
-	font-weight: bold;
+	font-weight: 600;
+	font-size: 40rpx;
 }
 .nav-indicator {
 	position: absolute;
 	left: 50%;
 	bottom: 0;
 	transform: translateX(-50%);
-	width: 40rpx;
-	height: 6rpx;
-	background: #e54d42;
-	border-radius: 3rpx;
+	width: 100rpx;
+	height: 10rpx;
+	background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
+	border-radius: 6rpx;
 }
 .nav-actions {
 	display: flex;
@@ -241,29 +263,39 @@ export default {
 
 /* 分类标签 */
 .category-wrap {
-	padding: 20rpx 24rpx;
+	padding:24rpx 0;
+	border-radius: 0rpx 0rpx 20rpx 20rpx;
 	background: #fff;
+	display: flex;
+	align-items: center;
+	flex-direction: column;
 }
 .category-tags {
 	display: flex;
 	flex-wrap: wrap;
-	gap: 16rpx 16rpx;
+	gap:24rpx;
+	flex-direction: row;
+	justify-content: center;
 }
 .category-tags.collapsed {
 	max-height: 88rpx;
 	overflow: hidden;
 }
 .tag-item {
-	padding: 14rpx 28rpx;
-	border-radius: 36rpx;
+	width: 30%;
+	padding: 20rpx 0;
+	text-align: center;
+	border-radius: 20rpx;
 	background: #f0f0f0;
 }
 .tag-item text {
-	font-size: 26rpx;
-	color: #333;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 40rpx;
+	color: rgba(0,0,0,0.85);
 }
 .tag-item.active {
-	background: #e54d42;
+	background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
 }
 .tag-item.active text {
 	color: #fff;
@@ -273,46 +305,102 @@ export default {
 	align-items: center;
 	justify-content: center;
 	margin-top: 20rpx;
-	padding: 12rpx 0;
+	width: 166rpx;
+	height: 64rpx;
+	border-radius: 32rpx;
+	border: 2rpx solid #FF233C;
 }
 .expand-btn text {
-	font-size: 26rpx;
-	color: #e54d42;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: #FF233C;
 }
 .expand-btn .arrow {
 	margin-left: 6rpx;
 	font-size: 22rpx;
 }
-
+.expand-btn image{
+	margin-left:10rpx ;
+	width: 32rpx;
+	height: 32rpx;
+}
 /* 课程网格 */
 .course-grid {
 	display: flex;
 	flex-wrap: wrap;
-	padding: 20rpx 24rpx;
+	padding:24rpx;
 	gap: 24rpx 20rpx;
+	flex-direction: column;
 }
 .course-card {
-	width: calc(50% - 10rpx);
+	display: flex;
 	background: #fff;
-	border-radius: 16rpx;
+	border-radius: 20rpx;
 	overflow: hidden;
-	box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.06);
+	padding: 20rpx;
+}
+.course-tag {
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	padding: 8rpx 12rpx;
+	background: linear-gradient(transparent, rgba(0,0,0,0.6));
+	font-size: 22rpx;
+	color: #fff;
+}
+.course-info {
+	flex: 1;
+	padding-left: 24rpx;
+/* padding: 20rpx 24rpx; */
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	min-width: 0;
+}
+
+.course-meta {
+	display: flex;
+	align-items: center;
+	image{
+		width: 30rpx;
+		height: 30rpx;
+	}
+	
+}
+.meta-icon {
+	font-size: 24rpx;
+	margin-right: 6rpx;
+	color: #999;
+}
+.meta-count {
+	margin-left: 10rpx;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: #666666;
 }
 .card-cover {
-	width: 100%;
-	height: 220rpx;
-	background: #f0f0f0;
+	position: relative;
+	width: 296rpx;
+	height: 222rpx;
+	border-radius: 20rpx;
+	overflow: hidden;
+	flex-shrink: 0;
 }
 .cover-img {
 	width: 100%;
 	height: 100%;
+	background: #BB6D6D;
 }
 .card-title {
-	display: block;
-	padding: 16rpx 16rpx 8rpx;
-	font-size: 26rpx;
-	color: #333;
-	line-height: 1.4;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 36rpx;
+	color: #222222;
+	line-height: 50rpx;
+	text-align: justify;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
@@ -320,21 +408,32 @@ export default {
 	-webkit-box-orient: vertical;
 }
 .card-footer {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 0 16rpx 16rpx;
+	flex: 1;
+		padding-left: 24rpx;
+	/* padding: 20rpx 24rpx; */
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		min-width: 0;
 }
 .card-views {
-	font-size: 24rpx;
-	color: #999;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: #666666;
+	line-height: 44rpx;
 }
 .btn-watch {
-	padding: 10rpx 24rpx;
-	background: #e54d42;
-	border-radius: 32rpx;
-	font-size: 24rpx;
-	color: #fff;
+		width: 168rpx;
+		height: 64rpx;
+		line-height: 64rpx;
+		text-align: center;
+		background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
+		border-radius: 32rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 600;
+		font-size: 32rpx;
+	color: #FFFFFF;
 }
 
 /* 最近学习 - 按日期分组 */
@@ -344,57 +443,72 @@ export default {
 .group-date {
 	display: flex;
 	align-items: center;
-	margin-bottom: 20rpx;
+	margin-bottom: 24rpx;
 }
 .date-icon {
-	font-size: 28rpx;
+	width: 32rpx;
+	height: 32rpx;
 	margin-right: 8rpx;
 }
 .date-text {
-	font-size: 28rpx;
-	color: #333;
-	font-weight: 500;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 40rpx;
+	line-height: 56rpx;
+	color: #222222;
 }
 .recent-card {
 	display: flex;
-	background: #f8f8f8;
-	border-radius: 16rpx;
+	background: #fff;
+	border-radius: 20rpx;
 	overflow: hidden;
-	margin-bottom: 20rpx;
+	padding: 20rpx;
+	margin-bottom: 24rpx;
+}
+.recent-card:last-child{
+	margin-bottom: 0;
 }
 .recent-thumb {
-	width: 220rpx;
-	height: 160rpx;
+	position: relative;
+	width: 296rpx;
+	height: 222rpx;
+	border-radius: 20rpx;
+	overflow: hidden;
 	flex-shrink: 0;
-	background: #e8e8e8;
 }
 .thumb-img {
 	width: 100%;
 	height: 100%;
+	background: #BB6D6D;
 }
 .recent-info {
 	flex: 1;
-	padding: 20rpx 24rpx;
+	padding-left: 24rpx;
+	/* padding: 20rpx 24rpx; */
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
 	min-width: 0;
 }
 .recent-title {
-	font-size: 28rpx;
-	color: #333;
-	line-height: 1.4;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 36rpx;
+	color: #222222;
+	line-height: 50rpx;
+	text-align: justify;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
-	margin-bottom: 8rpx;
 }
 .recent-progress {
-	font-size: 24rpx;
-	color: #666;
-	margin-bottom: 12rpx;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: rgba(0,0,0,0.65);
+	line-height: 44rpx;
 }
 
 /* 空态 */
@@ -404,16 +518,19 @@ export default {
 	align-items: center;
 	justify-content: center;
 	padding: 80rpx 0 48rpx;
-	background: linear-gradient(180deg, #fff5f5 0%, #fff 100%);
+	/* background: linear-gradient(180deg, #fff5f5 0%, #fff 100%); */
 }
 .empty-icon {
-	font-size: 120rpx;
-	margin-bottom: 24rpx;
-	opacity: 0.9;
+	width: 310rpx;
+	height: 260rpx;
+	margin-bottom: 30rpx;
 }
 .empty-text {
-	font-size: 28rpx;
-	color: #999;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 36rpx;
+	color: rgba(0,0,0,0.25);
+	line-height: 50rpx;
 }
 
 /* 为您精选 */
@@ -422,10 +539,12 @@ export default {
 }
 .recommend-title {
 	display: block;
-	font-size: 32rpx;
-	font-weight: bold;
-	color: #333;
-	margin-bottom: 24rpx;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 40rpx;
+	color: #222222;
+	line-height: 56rpx;
+	padding-bottom: 24rpx;
 }
 
 .bottom-placeholder {

pages_index/index.vue

@@ -1,63 +1,81 @@
 <template>
 	<view class="container">
+		<image class="bg" src="@/static/images/bg.png" mode="aspectFill"></image>
 		<!-- 顶部搜索栏 -->
-		<view class="top-bar">
+		<view class="top-bar" :style="{marginTop: statusBarHeight}">
 			<view class="search-row" @click="onSearch">
-				<text class="search-icon"></text>
+				<image src="@/static/images/new/search.png" mode=""></image>
 				<text class="search-placeholder">搜索你感兴趣的内容</text>
 			</view>
-			<view class="top-actions">
+			<!-- <view class="top-actions">
 				<text class="action-icon">⋯</text>
 				<text class="action-icon scan">⊙</text>
-			</view>
+			</view> -->
 		</view>
 
 		<!-- 应用标题与副标题 -->
 		<view class="brand">
-			<text class="brand-title">品质韶华·乐享朝夕</text>
-			<text class="brand-subtitle">全国89%的中老年人都在用的兴趣内容社区</text>
+			<image src="/static/images/new/title.png" mode="widthFix"></image>
+			<!-- <text class="brand-title">品质韶华·乐享朝夕</text>
+			<text class="brand-subtitle">全国89%的中老年人都在用的兴趣内容社区</text> -->
 		</view>
 
 		<!-- 主题横幅 Banner -->
-		<view class="banner" @click="onBannerClick">
-			<image class="banner-bg" src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/app/vip/share.png" mode="aspectFill"></image>
-			<view class="banner-overlay">
-				<text class="banner-title">央广原乡行</text>
-				<text class="banner-desc">央广旅游 品味山海</text>
-			</view>
-		</view>
-
 		<scroll-view scroll-y class="scroll-content" :show-scrollbar="false">
+			<view class="banner" @click="onBannerClick">
+				<!-- <image class="banner-bg" src="/static/images/new/banner.png" mode="aspectFill"></image> -->
+				<view class="inner">
+					<swiper class="swiper" :indicator-dots="true" :circular="true" :autoplay="true" :interval="3000"
+						:duration="1000" indicator-color="rgba(255, 255, 255, 0.6)" indicator-active-color="#ffffff">
+						<!-- <swiper-item class="swiper-item" v-for="(item,index) in advList" :key="index"
+							@click="handleAdvClick(item)">
+							<image :src="item.imageUrl" mode=""></image>
+						</swiper-item> -->
+						<swiper-item class="swiper-item">
+							<image src="/static/images/new/banner.png" mode=""></image>
+						</swiper-item>
+					</swiper>
+				</view>
+			</view>
+			
 			<!-- 央广原乡行 视频推荐区 -->
 			<view class="section video-section">
 				<view class="section-head">
-					<text class="section-title">央广原乡行</text>
-					<text class="section-more" @click="onMoreVideos">查看更多 ></text>
-				</view>
-				<scroll-view scroll-x class="tag-scroll" :show-scrollbar="false">
-					<view
-						v-for="(tag, idx) in videoTags"
-						:key="idx"
-						class="tag-item"
-						:class="{ active: videoTagIndex === idx }"
-						@click="videoTagIndex = idx"
-					>
-						<text>{{ tag }}</text>
+					<view class="section-title-wrap">
+						<image class="play-icon" src="/static/images/new/bofang.png" mode=""></image>
+						<image class="section-title" src="/static/images/new/yyx.png" ></image>
 					</view>
-				</scroll-view>
-				<view class="feature-video-card" @click="onWatchLive">
-					<view class="fv-thumb">
-						<image class="fv-img" src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/app/vip/share.png" mode="aspectFill"></image>
-						<view class="live-tag">
-							<text class="live-dot"></text>
-							<text>直播中</text>
-						</view>
+					<view class="section-more" @click="onMoreVideos">查看更多
+					 <image src="/static/images/new/back.png" ></image>
 					</view>
-					<view class="fv-info">
-						<text class="fv-title">《长寿恩施》</text>
-						<text class="fv-desc">邀你一起看恩施美景，寻长寿秘密</text>
-						<view class="btn-watch" @click.stop="onWatchLive">立即观看</view>
+				</view>
+				<view class="feature-video-card" >
+					<scroll-view scroll-x class="tag-scroll" :show-scrollbar="false">
+						<view
+							v-for="(tag, idx) in videoTags"
+							:key="idx"
+							class="tag-item"
+							:class="{ active: videoTagIndex === idx }"
+							@click="videoTagIndex = idx"
+						>
+							<text>{{ tag }}</text>
+						</view>
+					</scroll-view>
+					<view class="x-bc" @click="onWatchLive">
+						<view class="fv-thumb">
+							<image class="fv-img" src="/static/images/new/banner.png" mode="aspectFill"></image>
+							<view class="live-tag">
+								<text class="live-dot"></text>
+								<text>直播中</text>
+							</view>
+						</view>
+						<view class="fv-info">
+							<text class="fv-title">《长寿恩施》</text>
+							<text class="fv-desc">邀你一起看恩施美景，寻长寿秘密</text>
+							<view class="btn-watch" @click.stop="onWatchLive">立即观看</view>
+						</view>
 					</view>
+					
 				</view>
 			</view>
 
@@ -65,10 +83,12 @@
 			<view class="section course-section">
 				<view class="section-head">
 					<view class="section-title-wrap">
-						<text class="play-icon">▶</text>
-						<text class="section-title">免费精品课</text>
+						<image class="play-icon" src="/static/images/new/bofang.png" mode=""></image>
+						<image class="section-title" src="/static/images/new/jpk.png" ></image>
+					</view>
+					<view class="section-more" @click="onMoreCourses">更多课程
+					 <image src="/static/images/new/back.png" ></image>
 					</view>
-					<text class="section-more" @click="onMoreCourses">更多课程 ></text>
 				</view>
 				<view class="course-list">
 					<view
@@ -78,16 +98,19 @@
 						@click="onCourseClick(course)"
 					>
 						<view class="course-thumb">
-							<image class="course-img" :src="course.cover || 'https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/app/vip/share.png'" mode="aspectFill"></image>
-							<text class="course-tag">{{ course.tag }}</text>
+							<image class="course-img" :src="course.cover || '/static/logo.jpg'" mode="aspectFill"></image>
+							<!-- <text class="course-tag">{{ course.tag }}</text> -->
 						</view>
 						<view class="course-info">
 							<text class="course-name">{{ course.name }}</text>
-							<view class="course-meta">
-								<text class="meta-icon"></text>
-								<text class="meta-count">{{ course.views }}</text>
+							<view class="x-end" style="justify-content: space-between;">
+								<view class="course-meta">
+									<image src="@/static/images/new/renshu.png"></image>
+									<text class="meta-count">{{ course.views }}</text>
+								</view>
+								<view class="btn-watch2" @click.stop="onCourseClick(course)">立即观看</view>
 							</view>
-							<view class="btn-watch" @click.stop="onCourseClick(course)">立即观看</view>
+							
 						</view>
 					</view>
 				</view>
@@ -102,6 +125,7 @@
 export default {
 	data() {
 		return {
+			statusBarHeight: uni.getSystemInfoSync().statusBarHeight + 'px',
 			videoTagIndex: 0,
 			videoTags: ['恩施', '长白山', '吉林', '武当山', '张家界', '更多'],
 			courses: [
@@ -139,19 +163,17 @@ export default {
 			uni.showToast({ title: '搜索', icon: 'none' })
 		},
 		onBannerClick() {
-			uni.showToast({ title: '央广原乡行', icon: 'none' })
+			uni.navigateTo({ url: '/pages/index/course' })
 		},
 		onMoreVideos() {
-			uni.showToast({ title: '查看更多视频', icon: 'none' })
+			uni.navigateTo({ url: '/pages/index/video' })
 		},
 		onWatchLive() {
 			uni.showToast({ title: '立即观看', icon: 'none' })
-			// 可跳转: uni.navigateTo({ url: '/pages_course/living?id=xxx' })
+			// 可跳转: 
 		},
 		onMoreCourses() {
-			uni.navigateTo({ url: '/pages_index/course' }).catch(() => {
-				uni.showToast({ title: '更多课程', icon: 'none' })
-			})
+			uni.navigateTo({ url: '/pages/index/course' })
 		},
 		onCourseClick(course) {
 			uni.showToast({ title: course.name, icon: 'none' })
@@ -161,38 +183,47 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+	.bg {
+		width: 100%;
+		height: 380rpx;
+		position: absolute;
+		top: 0;
+		left: 0;
+		z-index: 0;
+	}
 .container {
 	display: flex;
 	flex-direction: column;
 	min-height: 100vh;
-	background: #fff;
+	background: #F4F6F7;
 }
 
 /* 顶部搜索 */
 .top-bar {
 	display: flex;
 	align-items: center;
-	padding: 24rpx 24rpx 16rpx;
-	background: #fff;
+	padding: 24rpx 24rpx 30rpx;
+	position: relative;
 }
 .search-row {
 	flex: 1;
 	display: flex;
 	align-items: center;
-	height: 72rpx;
+	height: 76rpx;
 	padding: 0 24rpx;
-	background: #f5f5f5;
-	border-radius: 36rpx;
-}
-.search-icon {
-	font-size: 28rpx;
-	margin-right: 12rpx;
-	color: #999;
+	background: rgba(255,255,255,0.5);
+	border-radius: 38rpx;
+	image{
+		width: 44rpx;
+		height: 44rpx;
+	}
 }
+
 .search-placeholder {
-	font-size: 28rpx;
-	color: #999;
+	margin-left: 12rpx;
+	font-size: 32rpx;
+	color: rgba(0,0,0,0.25);
 }
 .top-actions {
 	display: flex;
@@ -210,8 +241,11 @@ export default {
 
 /* 品牌标题 */
 .brand {
-	padding: 0 24rpx 20rpx;
+	padding: 0 68rpx 30rpx;
 	background: #fff;
+	image{
+		width: 100%;
+	}
 }
 .brand-title {
 	display: block;
@@ -228,11 +262,25 @@ export default {
 /* Banner */
 .banner {
 	position: relative;
-	height: 280rpx;
-	margin: 0 24rpx 24rpx;
+	height: 210rpx;
+	margin: 0 24rpx 40rpx;
 	border-radius: 16rpx;
 	overflow: hidden;
-	background: linear-gradient(135deg, #87CEEB 0%, #E0F4FF 100%);
+	//background: linear-gradient(135deg, #87CEEB 0%, #E0F4FF 100%);
+	.inner {
+		width: 100%;
+		height: 210rpx;
+		border-radius: 10rpx;
+		overflow: hidden;
+	
+		.swiper,
+		.swiper-item,
+		.swiper-item image {
+			width: 100%;
+			height: 100%;
+		}
+	
+	}
 }
 .banner-bg {
 	position: absolute;
@@ -280,22 +328,25 @@ export default {
 	margin-bottom: 20rpx;
 }
 .section-title {
-	font-size: 34rpx;
-	font-weight: bold;
-	color: #333;
+	width: 226rpx;
+	height: 36rpx;
 }
 .section-title-wrap {
 	display: flex;
 	align-items: center;
 }
 .play-icon {
-	font-size: 24rpx;
-	color: #e54d42;
-	margin-right: 8rpx;
+	width: 36rpx;
+	height: 36rpx;
+	margin-right: 10rpx;
 }
 .section-more {
 	font-size: 26rpx;
 	color: #999;
+	image{
+		width: 16rpx;
+		height: 20rpx;
+	}
 }
 
 /* 横向标签 */
@@ -305,19 +356,19 @@ export default {
 }
 .tag-item {
 	display: inline-block;
-	padding: 12rpx 28rpx;
-	margin-right: 16rpx;
-	border-radius: 32rpx;
-	background: #fff;
-	border: 1rpx solid #eee;
+	padding: 6rpx 24rpx;
+	margin-right: 24rpx;
+	border-radius: 10rpx;
+	background: rgba(255,255,255,0.5);
 }
 .tag-item text {
-	font-size: 26rpx;
-	color: #333;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 36rpx;
+	color: #FFFFFF;
 }
 .tag-item.active {
-	background: #e54d42;
-	border-color: #e54d42;
+	background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
 }
 .tag-item.active text {
 	color: #fff;
@@ -326,15 +377,20 @@ export default {
 /* 特色视频卡片 */
 .feature-video-card {
 	display: flex;
-	background: #f8f8f8;
-	border-radius: 16rpx;
+	//align-items: center;
+	flex-direction: column;
+	background: linear-gradient( 135deg, #5F111A 0%, #37050B 100%);
+	border-radius: 30rpx;
 	overflow: hidden;
+	padding: 30rpx 20rpx;
 }
 .fv-thumb {
 	position: relative;
-	width: 280rpx;
-	height: 200rpx;
-	flex-shrink: 0;
+	width: 360rpx;
+	height: 240rpx;
+	border-radius: 20rpx;
+	overflow: hidden;
+	margin-right: 20rpx;
 }
 .fv-img {
 	width: 100%;
@@ -343,16 +399,17 @@ export default {
 }
 .live-tag {
 	position: absolute;
-	left: 12rpx;
-	top: 12rpx;
+	left:0;
+	top: 20rpx;
 	display: flex;
 	align-items: center;
-	padding: 4rpx 12rpx;
-	background: #e54d42;
-	border-radius: 8rpx;
+	width: 130rpx;
+	height: 44rpx;
+	background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
+	border-radius: 0rpx 8rpx 8rpx 0rpx;
 }
 .live-tag text {
-	font-size: 22rpx;
+	font-size: 28rpx;
 	color: #fff;
 	margin-left: 6rpx;
 }
@@ -368,22 +425,30 @@ export default {
 }
 .fv-info {
 	flex: 1;
-	padding: 20rpx 24rpx;
+	//padding: 20rpx 24rpx;
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
+	align-items: center;
 	min-width: 0;
 }
 .fv-title {
-	font-size: 30rpx;
-	font-weight: bold;
-	color: #333;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 36rpx;
+	color: #FFFFFF;
+	line-height: 50rpx;
+	text-align:center;
+	font-style: normal;
 	margin-bottom: 8rpx;
 }
 .fv-desc {
-	font-size: 24rpx;
-	color: #666;
-	line-height: 1.4;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: #FFFFFF;
+	line-height: 44rpx;
+	text-align: justify;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
@@ -393,15 +458,30 @@ export default {
 
 /* 红色按钮 */
 .btn-watch {
-	align-self: flex-start;
-	padding: 12rpx 28rpx;
-	background: #e54d42;
+	width: 188rpx;
+	height: 64rpx;
+	line-height: 64rpx;
+	text-align: center;
+	background: #FFFFFF;
+	border-radius: 12rpx;
+	margin-top: 28rpx;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 32rpx;
+	color: #3F040B;
+}
+.btn-watch2 {
+	width: 168rpx;
+	height: 64rpx;
+	line-height: 64rpx;
+	text-align: center;
+	background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
 	border-radius: 32rpx;
-	font-size: 26rpx;
-	color: #fff;
-	margin-top: 12rpx;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 32rpx;
+	color: #FFFFFF;
 }
-
 /* 课程列表 */
 .course-list {
 	display: flex;
@@ -410,20 +490,23 @@ export default {
 }
 .course-card {
 	display: flex;
-	background: #f8f8f8;
-	border-radius: 16rpx;
+	background: #fff;
+	border-radius: 20rpx;
 	overflow: hidden;
+	padding: 20rpx;
 }
 .course-thumb {
 	position: relative;
-	width: 240rpx;
-	height: 180rpx;
+	width: 296rpx;
+	height: 222rpx;
+	border-radius: 20rpx;
+	overflow: hidden;
 	flex-shrink: 0;
 }
 .course-img {
 	width: 100%;
 	height: 100%;
-	background: #e0e0e0;
+	background: #BB6D6D;
 }
 .course-tag {
 	position: absolute;
@@ -437,26 +520,34 @@ export default {
 }
 .course-info {
 	flex: 1;
-	padding: 20rpx 24rpx;
+	padding-left: 24rpx;
+	// padding: 20rpx 24rpx;
 	display: flex;
 	flex-direction: column;
+	justify-content: space-between;
 	min-width: 0;
 }
 .course-name {
-	font-size: 28rpx;
-	color: #333;
-	line-height: 1.4;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 36rpx;
+	color: #222222;
+	line-height: 50rpx;
+	text-align: justify;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
-	margin-bottom: 12rpx;
 }
 .course-meta {
 	display: flex;
 	align-items: center;
-	margin-bottom: 12rpx;
+	image{
+		width: 30rpx;
+		height: 30rpx;
+	}
+	
 }
 .meta-icon {
 	font-size: 24rpx;
@@ -464,8 +555,11 @@ export default {
 	color: #999;
 }
 .meta-count {
-	font-size: 24rpx;
-	color: #999;
+	margin-left: 10rpx;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: #666666;
 }
 
 /* 底部占位（为全局 tabBar 留出空间） */

pages_index/video.vue

@@ -0,0 +1,559 @@
+<template>
+	<view class="container">
+		<!-- 顶部导航 Tab -->
+		<view class="top-nav" :style="{marginTop: statusBarHeight}">
+			<view class="nav-tabs">
+				<view
+					class="nav-item"
+					:class="{ active: tabIndex === 0 }"
+					@click="tabIndex = 0"
+				>
+					<text>央广原乡行</text>
+					<view v-if="tabIndex === 0" class="nav-indicator"></view>
+				</view>
+				<view
+					class="nav-item"
+					:class="{ active: tabIndex === 1 }"
+					@click="tabIndex = 1"
+				>
+					<text>最近观看</text>
+					<view v-if="tabIndex === 1" class="nav-indicator"></view>
+				</view>
+			</view>
+			<view v-if="tabIndex === 0" class="category-wrap">
+				<view class="category-tags" :class="{ collapsed: !categoryExpand }">
+					<view
+						v-for="(cat, idx) in categories"
+						:key="idx"
+						class="tag-item"
+						:class="{ active: categoryIndex === idx }"
+						@click="categoryIndex = idx"
+					>
+						<text>{{ cat }}</text>
+					</view>
+				</view>
+				<view class="expand-btn" @click="categoryExpand = !categoryExpand">
+					<text>{{ categoryExpand ? '收起' : '展开' }}</text>
+					<image :class="{ 'rotate-arrow': !categoryExpand }"   src="@/static/images/new/expand.png"></image>
+					<!-- <text class="arrow">{{ categoryExpand ? '▲' : '▼' }}</text> -->
+				</view>
+			</view>
+		</view>
+
+		<!-- 精品课程 内容 -->
+		<scroll-view v-show="tabIndex === 0" scroll-y class="scroll-wrap" :show-scrollbar="false">
+			<!-- 分类标签区 -->
+			
+
+			<!-- 课程网格 -->
+			<view class="course-grid">
+				<view
+					v-for="(course, idx) in courseList"
+					:key="idx"
+					class="course-card"
+					@click="onCourseClick(course)"
+				>
+					<view class="card-cover">
+						<image :src="course.cover || '/static/logo.jpg'" mode="aspectFill" class="cover-img"></image>
+					</view>
+					<view class="course-info">
+						<text class="card-title">{{ course.title }}</text>
+						<view class="y-bc">
+							<view class="course-meta">
+							邀你一起看恩施美景，寻长寿秘密
+							</view>
+							<view class="y-end">
+								<view class="btn-watch" @click.stop="onCourseClick(item)">立即观看</view>
+							</view>
+						</view>
+					</view>
+					
+				</view>
+			</view>
+			<view class="bottom-placeholder"></view>
+		</scroll-view>
+
+		<!-- 最近学习 内容 -->
+		<scroll-view v-show="tabIndex === 1" scroll-y class="scroll-wrap" :show-scrollbar="false">
+			<!-- 有学习记录：按日期分组列表 -->
+			<template v-if="recentList.length > 0">
+				<view v-for="(group, gIdx) in recentList" :key="gIdx" class="recent-group">
+					<view class="group-date">
+						<image class="date-icon" src="@/static/images/new/time.png"></image>
+						<text class="date-text">{{ group.date }}</text>
+					</view>
+					<view
+						v-for="(item, i) in group.list"
+						:key="i"
+						class="recent-card"
+						@click="onCourseClick(item)"
+					>
+						<view class="recent-thumb">
+							<image :src="item.cover || '/static/logo.jpg'" mode="aspectFill" class="thumb-img"></image>
+						</view>
+						<view class="recent-info">
+							<text class="recent-title">{{ item.title }}</text>
+							<text class="recent-meta">邀你一起看恩施美景，寻长寿秘密</text>
+							<view class="y-end">
+								<view class="btn-watch" @click.stop="onCourseClick(item)">回看</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</template>
+
+			<!-- 无学习记录：空态 + 为您精选 -->
+			<template v-else>
+				<view class="empty-state">
+					<!-- <view class="empty-icon"></view> -->
+					<image class="empty-icon" src="@/static/images/new/nodata.png"></image>
+					<text class="empty-text">暂无学习内容</text>
+				</view>
+				<view class="recommend-section">
+					<text class="recommend-title">为您精选</text>
+					<view class="course-grid" style="padding: 0;">
+						<view
+							v-for="(course, idx) in recommendList"
+							:key="idx"
+							class="course-card"
+							@click="onCourseClick(course)"
+						>
+							<view class="card-cover">
+								<image :src="course.cover || '/static/logo.jpg'" mode="aspectFill" class="cover-img"></image>
+							</view>
+							
+							<view class="card-footer">
+								<text class="card-title">{{ course.title }}</text>
+								<view class="y-b">
+									<view class="course-meta">
+									邀你一起看恩施美景，寻长寿秘密
+									</view>
+									<view class="y-end">
+										<view class="btn-watch" @click.stop="onCourseClick(item)">回看</view>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</template>
+			<view class="bottom-placeholder"></view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			statusBarHeight: uni.getSystemInfoSync().statusBarHeight + 'px',
+			tabIndex: 0,
+			categoryExpand: true,
+			categoryIndex: 0,
+			categories: ['全部', '歌唱艺术', '太极养生', '防骗指南', '手机摄影', '棋牌益智', '用药指导', '膳食营养', '慢病管理'],
+			courseList: [
+				{ title: '刘金的《0基础金曲演唱速练课》', views: '9239', cover: '' },
+				{ title: '邹方斌讲《毛笔书法修心课》', views: '10.8w', cover: '' },
+				{ title: '张斌《元气八段锦》系列课', views: '2.5w', cover: '' },
+				{ title: '翔哥精讲摄影课—手机微距拍摄技巧...', views: '100w+', cover: '' },
+				{ title: '道家智慧 入门21讲', views: '1.2w', cover: '' },
+				{ title: '入门进阶必修 瑜伽呼吸全精讲', views: '3.6w', cover: '' }
+			],
+			recentList: [
+				// {
+				// 	date: '2026-02-08',
+				// 	list: [
+				// 		{ title: '歌唱家刘金的《0基础金曲演唱速练课》', progress: 87, cover: '' },
+				// 		{ title: '资深编辑邹方斌讲《毛笔书法修心课》', progress: 56, cover: '' }
+				// 	]
+				// },
+				// {
+				// 	date: '2026-02-01',
+				// 	list: [
+				// 		{ title: '张斌《元气八段锦》系列课', progress: 56, cover: '' }
+				// 	]
+				// }
+			],
+			recommendList: [
+				{ title: '刘金的《0基础金曲演唱速练课》', views: '9239', cover: '' },
+				{ title: '邹方斌讲《毛笔书法修心课》', views: '10.8w', cover: '' },
+				{ title: '张斌《元气八段锦》系列课', views: '2.5w', cover: '' },
+				{ title: '翔哥精讲摄影课-手机微距拍摄技巧...', views: '100w+', cover: '' }
+			]
+		}
+	},
+	onLoad() {
+		// 若无最近学习，可置空 recentList 显示空态
+		// this.recentList = [];
+	},
+	methods: {
+		onCourseClick(course) {
+			uni.showToast({ title: course.title || '立即观看', icon: 'none' })
+			// uni.navigateTo({ url: '/pages_course/videovip?id=' + (course.id || '') })
+		}
+	}
+}
+</script>
+
+<style scoped>
+	/* 图片箭头旋转类（展开时向上） */
+	.rotate-arrow {
+	  transform: rotate(180deg);
+	}
+.container {
+	min-height: 100vh;
+	background: #F5F5F5;
+	display: flex;
+	flex-direction: column;
+}
+
+/* 顶部 Tab */
+.top-nav {
+	display: flex;
+	flex-direction: column;
+	background: #fff;
+	/* border-bottom: 1rpx solid #f0f0f0; */
+}
+.nav-tabs {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.nav-item {
+	flex:1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	padding: 24rpx 0;
+}
+.nav-item text {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 36rpx;
+	color: #030303;
+}
+.nav-item.active text {
+	font-weight: 600;
+	font-size: 40rpx;
+}
+.nav-indicator {
+	position: absolute;
+	left: 50%;
+	bottom: 0;
+	transform: translateX(-50%);
+	width: 100rpx;
+	height: 10rpx;
+	background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
+	border-radius: 6rpx;
+}
+.nav-actions {
+	display: flex;
+	align-items: center;
+	gap: 24rpx;
+}
+.action-icon {
+	font-size: 36rpx;
+	color: #666;
+}
+
+/* 滚动区 */
+.scroll-wrap {
+	flex: 1;
+	height: 0;
+}
+
+/* 分类标签 */
+.category-wrap {
+	padding:24rpx 0;
+	border-radius: 0rpx 0rpx 20rpx 20rpx;
+	background: #fff;
+	display: flex;
+	align-items: center;
+	flex-direction: column;
+}
+.category-tags {
+	display: flex;
+	flex-wrap: wrap;
+	gap:24rpx;
+	flex-direction: row;
+	justify-content: center;
+}
+.category-tags.collapsed {
+	max-height: 88rpx;
+	overflow: hidden;
+}
+.tag-item {
+	width: 30%;
+	padding: 20rpx 0;
+	text-align: center;
+	border-radius: 20rpx;
+	background: #f0f0f0;
+}
+.tag-item text {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 40rpx;
+	color: rgba(0,0,0,0.85);
+}
+.tag-item.active {
+	background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
+}
+.tag-item.active text {
+	color: #fff;
+}
+.expand-btn {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-top: 20rpx;
+	width: 166rpx;
+	height: 64rpx;
+	border-radius: 32rpx;
+	border: 2rpx solid #FF233C;
+}
+.expand-btn text {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: #FF233C;
+}
+.expand-btn .arrow {
+	margin-left: 6rpx;
+	font-size: 22rpx;
+}
+.expand-btn image{
+	margin-left:10rpx ;
+	width: 32rpx;
+	height: 32rpx;
+}
+/* 课程网格 */
+.course-grid {
+	display: flex;
+	flex-wrap: wrap;
+	padding:24rpx;
+	gap: 24rpx 20rpx;
+	flex-direction: column;
+}
+.course-card {
+	display: flex;
+	background: #fff;
+	border-radius: 20rpx;
+	overflow: hidden;
+	padding: 20rpx;
+}
+.course-tag {
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	padding: 8rpx 12rpx;
+	background: linear-gradient(transparent, rgba(0,0,0,0.6));
+	font-size: 22rpx;
+	color: #fff;
+}
+.course-info {
+	flex: 1;
+	padding-left: 24rpx;
+/* padding: 20rpx 24rpx; */
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	min-width: 0;
+}
+
+.course-meta {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: rgba(0,0,0,0.65);
+	line-height: 44rpx;
+	text-align: justify;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+.meta-icon {
+	font-size: 24rpx;
+	margin-right: 6rpx;
+	color: #999;
+}
+.meta-count {
+	margin-left: 10rpx;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: #666666;
+}
+.card-cover {
+	position: relative;
+	width: 296rpx;
+	height: 222rpx;
+	border-radius: 20rpx;
+	overflow: hidden;
+	flex-shrink: 0;
+}
+.cover-img {
+	width: 100%;
+	height: 100%;
+	background: #BB6D6D;
+}
+.card-title {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 36rpx;
+	color: #222222;
+	line-height: 50rpx;
+	text-align: justify;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 1;
+	-webkit-box-orient: vertical;
+}
+.card-footer {
+	flex: 1;
+		padding-left: 24rpx;
+	/* padding: 20rpx 24rpx; */
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		min-width: 0;
+}
+.card-views {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: #666666;
+	line-height: 44rpx;
+}
+.btn-watch {
+		width: 168rpx;
+		height: 64rpx;
+		line-height: 64rpx;
+		text-align: center;
+		background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
+		border-radius: 32rpx;
+		font-family: PingFangSC, PingFang SC;
+		font-weight: 600;
+		font-size: 32rpx;
+	color: #FFFFFF;
+}
+
+/* 最近学习 - 按日期分组 */
+.recent-group {
+	padding: 24rpx 24rpx 0;
+}
+.group-date {
+	display: flex;
+	align-items: center;
+	margin-bottom: 24rpx;
+}
+.date-icon {
+	width: 32rpx;
+	height: 32rpx;
+	margin-right: 8rpx;
+}
+.date-text {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 40rpx;
+	line-height: 56rpx;
+	color: #222222;
+}
+.recent-card {
+	display: flex;
+	background: #fff;
+	border-radius: 20rpx;
+	overflow: hidden;
+	padding: 20rpx;
+	margin-bottom: 24rpx;
+}
+.recent-card:last-child{
+	margin-bottom: 0;
+}
+.recent-thumb {
+	position: relative;
+	width: 296rpx;
+	height: 222rpx;
+	border-radius: 20rpx;
+	overflow: hidden;
+	flex-shrink: 0;
+}
+.thumb-img {
+	width: 100%;
+	height: 100%;
+	background: #BB6D6D;
+}
+.recent-info {
+	flex: 1;
+	padding-left: 24rpx;
+	/* padding: 20rpx 24rpx; */
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	min-width: 0;
+}
+.recent-title {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 36rpx;
+	color: #222222;
+	line-height: 50rpx;
+	text-align: justify;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 1;
+	-webkit-box-orient: vertical;
+}
+.recent-progress {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 32rpx;
+	color: rgba(0,0,0,0.65);
+	line-height: 44rpx;
+}
+
+/* 空态 */
+.empty-state {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 80rpx 0 48rpx;
+	/* background: linear-gradient(180deg, #fff5f5 0%, #fff 100%); */
+}
+.empty-icon {
+	width: 310rpx;
+	height: 260rpx;
+	margin-bottom: 30rpx;
+}
+.empty-text {
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 400;
+	font-size: 36rpx;
+	color: rgba(0,0,0,0.25);
+	line-height: 50rpx;
+}
+
+/* 为您精选 */
+.recommend-section {
+	padding: 0 24rpx 32rpx;
+}
+.recommend-title {
+	display: block;
+	font-family: PingFangSC, PingFang SC;
+	font-weight: 600;
+	font-size: 40rpx;
+	color: #222222;
+	line-height: 56rpx;
+	padding-bottom: 24rpx;
+}
+
+.bottom-placeholder {
+	height: 120rpx;
+}
+</style>

pages_manage/login.vue

@@ -4,7 +4,7 @@
 			 <view class="login pt14">
 				<view class="head">
 					 <!-- <image :src="imgPath+'/app/image/logo.jpg'" ></image> -->
-					 <image src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/app/vip/share.png" ></image>
+					 <image src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/logo.png" ></image>
 					 <p class="title">销售管理端</p>
 					 <p class="desc">客户沟通更智能</p>
 				</view>
@@ -148,44 +148,47 @@ page{
 		.head{
 			text-align: center;
 			image{
-				padding: 20rpx;
-				width: 120rpx;
-				height: 120rpx;
-				border-radius: 10rpx;
-				box-shadow:0px 0px 20rpx rgba(0,0,0,0.2);
+				//padding: 20rpx;
+				width: 210rpx;
+				height: 210rpx;
+				border-radius: 50%;
+				//box-shadow:0px 0px 20rpx rgba(0,0,0,0.2);
 			}
 			.title{
 			 	color: #141414;
-			 	margin:50upx 0upx 30upx 0rpx;
-			 	font-size: 38rpx;
-				font-weight: 500;
+			 	margin:30upx 0upx 20upx 0rpx;
+			 	font-family: PingFangSC, PingFang SC;
+			 	font-weight: 600;
+			 	font-size: 36rpx;
 			 }
 			 .desc{
 			 	color: #686866;
 			 	padding:0 0 30rpx 0rpx;
-			 	font-size: 28rpx;
+			 	font-family: PingFangSC, PingFang SC;
+			 	font-weight: 400;
+			 	font-size: 32rpx;
 			 }
 		}
 		.login{
 			width: 100%;
 		 	padding: 30rpx 50rpx;
 			.login-item{
-				margin-bottom: 30rpx;
+				margin-bottom: 40rpx;
 				text-align: left;
 				.input-account{
 					margin-top: 20rpx;
 					margin-bottom: 20rpx;
-					border-radius:40rpx;
-					border:solid 1rpx #e4e4e4;
-					height: 80rpx;	
+					border-radius:52rpx;
+					border:solid 3rpx #D8D8D8;
+					height: 104rpx;	
 					width: 100%;
 					background:url('@/static/account.png') no-repeat 0 center;
 					background-size: 30rpx 30rpx;
 					background-position: 30rpx;
 					input{
 						margin-left: 80rpx;
-						height: 80rpx;
-						line-height: 80rpx
+						height: 104rpx;	
+						line-height: 104rpx;	
 					}
 				 
 				}
@@ -193,16 +196,16 @@ page{
 					margin-top: 20rpx;
 					margin-bottom: 20rpx;
 					border-radius:40rpx;
-					border:solid 1rpx #e4e4e4;
-					height: 80rpx;	
+					border:solid 3rpx #D8D8D8;
+					height: 104rpx;		
 					width: 100%;
 					background:url('@/static/password.png') no-repeat 0 center;
 					background-size: 30rpx 30rpx;
 					background-position: 30rpx;
 					input{
 						margin-left: 80rpx;
-						height: 80rpx;
-						line-height: 80rpx
+						height:104rpx;
+						line-height:104rpx;
 					}
 				}
 			}
@@ -213,15 +216,14 @@ page{
 					align-items: center;
 					justify-content: center;
 					width: 100%;
-					height: 80rpx;
-					// background: linear-gradient(to bottom, #cfe3ff, #cabbfd);
-					background: #5c82ff;
+					height: 104rpx;
+					background: linear-gradient( 135deg, #FF5267 0%, #FF233C 100%);
 					box-shadow: 0px 7rpx 6rpx 0px rgba(0, 0, 0, 0.2);
-					border-radius: 40rpx;
-					font-size: 30rpx;
-					font-family: PingFang SC;
-					font-weight: 500;
-					color: rgba(255, 255, 255, 1.0);
+					border-radius: 52rpx;
+					font-family: PingFangSC, PingFang SC;
+					font-weight: 600;
+					font-size: 40rpx;
+					color: #ffffff;
 				}
 			}
 			

pages_user/user/integralGoodsList.vue

@@ -1,18 +1,31 @@
 <template>
 	<view class="content">
+		<image class="bg" src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/backbg.png"></image>
+		<view class="header-nav" :style="{height: `calc(88rpx + ${statusBarHeight}px)`,paddingTop: statusBarHeight + 'px'}">
+			<view class="arrow-left-warning" @click="goBack()">
+				<u-icon name="arrow-left" size='22' color="#222" bold></u-icon>
+			</view>
+			<view class="header-title">积分商城</view>
+		</view>
 		<view class="cont-box">
-			<view class="top-box">
+			<view class="top-box" :style="{paddingTop: statusBarHeight + menuButtonH + 10+'px'}">
 				<view class="my-integral">
 					<view class="left">
 						<view class="label">我的积分</view>
 						<view class="integral">{{integral}}</view>
 					</view>
 					<view class="btn-box">
-						<view class="btn" @click="loginNavTo('/pages_user/user/integralLogsList')">获得记录</view>
-						<view class="btn" style="margin-bottom: 0;" @click="loginNavTo('/pages_user/user/integralOrderList')">兑换记录</view>
+						<view class="btn" @click="loginNavTo('/pages_user/user/integralLogsList')">
+							<image src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/integralLogs.png"></image>
+							获得记录
+							</view>
+							<view style="height: 40rpx;border: 1rpx solid #D8D8D8;"></view>
+						<view class="btn" style="margin-bottom: 0;" @click="loginNavTo('/pages_user/user/integralOrderList')">
+							<image src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/exchange.png"></image>
+							兑换订单</view>
 					</view>
 				</view>
-				<view class="navbox">
+				<!-- <view class="navbox">
 					<view class="navbox-item" @click="goCart()">
 						<view class="box">
 							<u-badge type="error" max="99" :value="cartNum" bgColor="#FF233C"></u-badge>
@@ -37,18 +50,20 @@
 						<image src="https://bjzmky-1323137866.cos.ap-chongqing.myqcloud.com/shop/images/after_sales.png" mode="aspectFill"></image>
 						<text>已取消</text>
 					</view>
-				</view>
+				</view> -->
 				<view class="tabs" v-if="tabs.length>0">
 					<u-tabs
 					 :current="tabIndex"
 					 :scrollable="true"
 					 :list="tabs"  
 					 lineColor="#FF233C"
+					 inactiveStyle="font-size: 40rpx;color: #222"
+					 activeStyle="font-size: 40rpx;font-weight:bold;color: #FF233C;"
 					@change="tabChange">
 					</u-tabs>
 				</view>
 			</view>
-			<mescroll-body :top="top+'px'" bottom="0"  ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
+			<mescroll-body :top="top+20+'px'" bottom="0"  ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
 			<view class="integral-box"  >
 				<view class="item"  @click="navTo('/pages_user/user/integralGoodsDetails?goodsId='+item.goodsId)" v-for="(item,index) in dataList">
 					<view class="top">
@@ -108,7 +123,11 @@
 			},
 			dataList: [],
 			top: 156,
-			cartNum: 0
+			cartNum: 0,
+			statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
+			menuButtonLeft:0,
+			menuButtonH:0,
+			
  		}
  	},
 	onLoad() {
@@ -123,6 +142,7 @@
 	},
 	onReady() {
 		this.getTop()
+		this.getMenuButton()
 	},
 	onShow() {
 		this.utils.isLogin().then(
@@ -134,6 +154,15 @@
 		);
 	},
  	methods: {
+		goBack() {
+			//console.log("------")
+		   uni.navigateBack();
+		},
+		getMenuButton(){
+			const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+			this.menuButtonLeft = menuButtonInfo.left
+			this.menuButtonH = menuButtonInfo.height
+		},
 		goCart() {
 			this.utils.isLogin().then(
 				res => {
@@ -302,7 +331,7 @@
 <style>
 	page{
 		height: 100%;
-		background-color: #f5f5f5;
+		background: #F4F6F7;
 	}
 </style>
 <style scoped lang="scss">
@@ -312,6 +341,52 @@
 	align-items: $alignI;
 	justify-content: $justifyC;
 }
+.bg {
+		width: 100%;
+		height:500rpx;
+		position: fixed;
+		top: 0;
+		left: 0;
+		z-index: 9;
+	}
+	.header-nav {
+		height: 88rpx;
+		display: flex;
+		    flex-direction: row;
+		    align-items: center;
+		    justify-content: center;
+		overflow: hidden;
+		//background-color: #fff;
+		box-sizing: border-box;
+		position: fixed;
+		    width: 100%;
+			z-index: 9999;
+		.header-title {
+			text-align: center;
+			margin-right: 0;
+			//padding: 0 10rpx 0 100rpx;
+			font-family: PingFang SC,PingFang SC;
+			font-weight: 500;
+			font-size: 32rpx;
+			color: #000;
+			box-sizing: border-box;
+		}
+	}
+	.arrow-left-warning {
+		position: absolute;
+		left: 24rpx;
+		height: 88rpx;
+		overflow: hidden;
+		color: #888;
+		font-size: 24rpx;
+		z-index: 999;
+		@include u-flex(column, center, center);
+		image {
+			flex-shrink: 0;
+			height: 36rpx;
+			width: 36rpx;
+		}
+	}
 .navbox {
 	@include u-flex(row,center,space-between);
 	padding: 26rpx;
@@ -356,56 +431,72 @@
 	.cont-box{
 		.top-box{
 			z-index: 999;
-			padding: 30rpx 30rpx 0 30rpx;
+			padding: 24rpx 24rpx 0 24rpx;
 			width: 100%;
 			position: fixed;
-			top: 0rpx;
 			left: 0rpx;
-			background-color: #f5f5f5;
+			//background-color: #f5f5f5;
 			.my-integral{
-				box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);
-				background: linear-gradient(#2BC7B9, #a0f6ff);
-				border-radius: 30rpx;
+				//box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);
+				//background: linear-gradient(#2BC7B9, #a0f6ff);
+				//border-radius: 30rpx;
 				display: flex;
 				align-items: flex-start;
-				justify-content: space-between;
-				padding: 30rpx;
-				margin-bottom: 24rpx;
+				// justify-content: space-between;
+				flex-direction: column;
+				// padding: 30rpx;
+				//margin-bottom: 24rpx;
 				.left{
 					.label{
-						font-size: 28upx;
-						font-family: PingFang SC;
-						color: #fff;
+						font-family: PingFangSC, PingFang SC;
+						font-weight: 400;
+						font-size: 40rpx;
+						color: #FFFFFF;
+						line-height: 56rpx;
 					}
 					.integral{
-						margin-top: 30rpx;
-						font-weight: bold;
-						font-size: 40upx;
-						font-family: PingFang SC;
-						color: #fff;
+						margin-top: 20rpx;
+						font-family: PingFangSC, PingFang SC;
+						font-weight: 500;
+						font-size: 64rpx;
+						color: #FFFFFF;
+						line-height: 90rpx;
 					}
 				}
 				.btn-box{
+					margin-top: 30rpx;
 					display: flex;
-					flex-direction: column;
-					align-items: flex-start;
-					justify-content: flex-start;
+					flex-direction: row;
+					align-items: center;
+					justify-content: space-between;
+					background-color: #fff;
+					border-radius: 24rpx;
+					width: 100%;
+					padding: 30rpx 50rpx;
 					.btn{
-						margin-bottom: 30rpx;
-						background-color: #fff;
-						border-radius: 30rpx;
+						//margin-bottom: 30rpx;
+						//background-color: #fff;
+						//border-radius: 30rpx;
 						display: flex;
 						align-items: center;
 						justify-content: center;
-						padding: 10rpx 15rpx;
-						font-size: 20upx;
-						font-family: PingFang SC;
-						color: #2BC7B9;
+						//padding: 30rpx 50rpx;
+						font-family: PingFangSC, PingFang SC;
+						font-weight: 500;
+						font-size: 32rpx;
+						color: #000000;
+						line-height: 44rpx;
+						image{
+							width: 100rpx;
+							height:100rpx;
+							margin-right: 20rpx;
+						}
 					}
 				}
 			}
 			.tabs{
 				height: 88rpx;
+				background: #F4F6F7;
 			}
 		}
 		.integral-box{