Explorar o código

修改:1.调整tab高度;2.修改信用信息卡文字和两个证书图片;3.没有信用信息卡的隐藏继续教育

littleblue55 hai 3 días
pai
achega
017fbe9195

+ 2 - 1
components/creditCard.vue

@@ -15,8 +15,9 @@
 		</view>
 		<view class="desc-box" v-if="isLogin && !data.creditNo" @click="onGuideClick">
 			<view class="text">
-				用户暂未办理信用信息卡<br/>点击了解办理指引&gt;
+				您未办理信用信息卡,<br/>点击了解办理指引&gt;
 			</view>
+			<!-- <image src="/static/images/xinyong.png"></image> -->
 		</view>
 		<view class="image-box" v-if="isLogin && data.creditNo">
 			<view class="image-item-box item-photo">

+ 1 - 0
pages.json

@@ -449,6 +449,7 @@
 			"style": {
 				"navigationBarTitleText": "继续教育年检",
 				"enablePullDownRefresh": false,
+				"navigationBarBackgroundColor": "#8dccff",
 				"app-plus": {
 					"titleNView": true
 				}

+ 33 - 27
pages/goOnEdu/course/courseHome/courseHome.vue

@@ -5,23 +5,24 @@
 				v-model="searchForm.keyword"></u-search>
 			<!-- tabs -->
 			<view class="tabs-container">
-				<scroll-view scroll-x="true" style="width:100%;" :scroll-with-animation="true" :show-scrollbar="true">
-					<u-tabs style="flex: 1;" 
-					:list="tabsList" 
-					:is-scroll="true" 
-					font-size="28" 
-					:bold="false"
-					inactive-color="#000000" 
-					active-color="#ffffff"
-					:bar-style="{'background-color': '#2979ff'}"
-					:active-item-style="{'background-color': '#2979ff', 'border-radius':'30rpx'}"
-					:gutter="35" 
-					height="45" 
-					v-model="currentTab" 
-					:show-bar="false"
-					duration="0"
-					@change="changeTab"></u-tabs>
-				</scroll-view>
+				<u-tabs
+				:list="tabsList" 
+				:is-scroll="true" 
+				font-size="32" 
+				:bold="false"
+				inactive-color="#000000" 
+				active-color="#ffffff"
+				:bar-style="{'background-color': '#2979ff'}"
+				:active-item-style="{'background-color': '#2979ff', 'border-radius':'30rpx'}"
+				:gutter="40" 
+				height="55" 
+				v-model="currentTab" 
+				:show-bar="false"
+				duration="0"
+				@change="changeTab"></u-tabs>
+				<!-- <scroll-view scroll-x="true" style="width:100%;" :scroll-with-animation="true" :show-scrollbar="true">
+					
+				</scroll-view> -->
 				<!-- <u-icon name="list" style="flex: 0 0 auto;padding-left: 20rpx;"></u-icon> -->
 			</view>
 		</view>
@@ -29,7 +30,7 @@
 
 		<!-- 列表 -->
 		<view class="course-list">
-			<view v-for="(course,index) in filterCourses" :key="course.id">
+			<view v-for="(course,index) in filterCourses" :key="course.id" class="course-list-item">
 				<view class="course-item">
 					<view class="course-item-image">
 						<image class="course-image" :src="course.thumImg ? course.thumImg 
@@ -373,8 +374,8 @@
 	})
 </script>
 <style>
-	::v-deep(.u-tab-item){
-		margin-right: 40rpx;
+	::v-deep(.u-scroll-box .u-tab-item) {
+		margin-right: 20rpx;
 	}
 </style>
 <style lang="scss" scoped>
@@ -394,18 +395,23 @@
 	}
 
 	.tabs-container {
-		padding: 20rpx 0 10rpx;
-		display: flex;
-		width: 100%;
+		padding: 40rpx 0 35rpx;
+		// display: flex;
+		// width: 100%;
 		/* 确保宽度足够 */
-		overflow-x: auto;
+		// overflow-x: auto;
 		/* 横向滚动 */
-		-webkit-overflow-scrolling: touch;
+		// -webkit-overflow-scrolling: touch;
 		/* 在iOS上启用流畅滚动 */
 	}
-
+	.course-list-item{
+		padding: 20rpx 0;
+		&:first-child{
+			padding: 0 0 20rpx;
+		}
+	}
 	.course-item {
-		margin: 20rpx 0;
+		// margin: 20rpx 0;
 		display: flex;
 		overflow: hidden;
 

+ 5 - 1
pages/goOnEdu/course/index.vue

@@ -41,7 +41,11 @@
 		},
 	};
 </script>
-
+<style>
+	::v-deep(.u-tab-item) {
+		margin-right: 40rpx;
+	}
+</style>
 <style scoped lang="scss">
 	.container {
 		display: flex;

+ 10 - 5
pages/guide/guide/guide.vue

@@ -12,14 +12,14 @@
 					@custom="onSearchConfirm"
 				></u-search>
 			</view>
-			<view class="tab-box">
+			<view class="tab-box" style="padding: 40rpx 0 35rpx;">
 				<u-tabs 
 					name="label"
 					:list="searchType"
 					:is-scroll="true"
 					v-model="searchForm.codeCurrent"
 					@change="onSearchTypeChange"
-					font-size="28"
+					font-size="32"
 					inactive-color="#000000"
 					active-color="#ffffff"
 					:show-bar="false"
@@ -206,7 +206,7 @@
 </script>
 <style>
 	::v-deep(.u-tab-item){
-		margin-right: 40rpx;
+		margin-right: 20rpx;
 	}
 </style>
 <style lang="scss" scoped>
@@ -221,7 +221,7 @@
 		}
 		
 		.search-box {
-			margin-bottom: 20rpx;
+			// margin-bottom: 20rpx;
 			::v-deep(.u-search) {
 				background-color: #e5e5e5;
 				border-radius: 50rpx;
@@ -244,12 +244,17 @@
 			padding: 0 20rpx calc(env(safe-area-inset-bottom, 0));
 			
 			.list-item-box {
+				&:first-child{
+					.main-box{
+						padding: 0 0 30rpx;
+					}
+				}
 				.main-box {
 					display: flex;
 					// justify-content: space-between;
 					align-items: center;
 					padding: 30rpx 0;
-
+					
 					&:active {
 						background-color: $uni-bg-color-hover;
 					}

+ 1 - 16
pages/index/index.vue

@@ -189,22 +189,7 @@
 	// 首页-轮播图
 	const swiperList = ref([])
 
-	const courseList = ref([{
-			courseImg: 'https://tse3-mm.cn.bing.net/th/id/OIP-C.YKoZzgmubNBxQ8j-mmoTKAHaEK?rs=1&pid=ImgDetMain',
-			id: 1,
-			courseName: '【8月8日】房地产经纪进阶培训班'
-		},
-		{
-			courseImg: 'https://pic3.zhimg.com/v2-e52354ffdbd94a8e0a7649eacd34a788_r.jpg?source=1940ef5c',
-			id: 2,
-			courseName: '【8月9日】《房地产中介服务规范》培训'
-		},
-		{
-			courseImg: 'https://desk-fd.zol-img.com.cn/t_s960x600c5/g4/M03/00/0C/Cg-4zFS8bC-Ie9zBADCvovJAqiEAATJ8wDX__cAMK-6184.jpg',
-			id: 3,
-			courseName: '【已结束】《广州市房屋租赁管理规定》'
-		},
-	])
+	const courseList = ref([])
 	// 首页-导航栏
 	const navList = ref([{
 			id: 'notice',

+ 1 - 1
pages/jixujiaoyunianjian/jixujiaoyunianjian.vue

@@ -17,7 +17,7 @@
 					年份
 				</view>
 				<view class="list-item fen">
-					应学分
+					应学分
 				</view>
 				<view class="list-item fen">
 					已修学分

+ 9 - 5
pages/order/order.vue

@@ -10,14 +10,14 @@
 					@custom="onSearchConfirm"
 				></u-search>
 			</view>
-			<view class="tab-box" style="margin-top: 25rpx;">
+			<view class="tab-box" style="padding: 40rpx 0 35rpx;">
 				<u-tabs 
 					name="label"
 					:list="searchType"
 					:is-scroll="true"
 					v-model="searchForm.typeCurrent"
 					@change="onSearchTypeChange"
-					font-size="28"
+					font-size="32"
 					inactive-color="#000000"
 					bg-color="'rgb(141, 204, 255)'"
 					active-color="#ffffff"
@@ -293,7 +293,7 @@
 </script>
 <style>
 	::v-deep(.u-tab-item){
-		margin-right: 40rpx;
+		margin-right: 20rpx;
 	}
 	::v-deep(.u-empty){
 		height: auto !important;
@@ -314,12 +314,13 @@
 		
 		.header-box {
 			padding: 0 20rpx;
-			background-color: rgb(141, 204, 255);
+			// background-color: rgb(141, 204, 255);
 			@include topMagnet();
 		}
 		
 		.search-box {
-			margin-bottom: 20rpx;
+			padding-top: 10rpx;
+			// margin-bottom: 20rpx;
 			::v-deep(.u-search) {
 				// background-color: #e5e5e5;
 				border-radius: 50rpx;
@@ -347,6 +348,9 @@
 				box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 				background-color: #fff;
 				border-radius: 20rpx;
+				&:first-child{
+					padding: 0 20rpx 40rpx;
+				}
 				&:active {
 					background-color: $uni-bg-color-hover;
 				}

+ 16 - 10
pages/personalCenter/personalCenter.vue

@@ -76,7 +76,7 @@
 					<view class="iconfont icon-chevron-right"></view>
 				</view>
 			</view>
-			<view class="menu-item-box" @click="onJiXuJiaoYuNianJian()">
+			<view class="menu-item-box" @click="onJiXuJiaoYuNianJian()" v-if="showEdu">
 				<view class="icon-box">
 					<view class="iconfont icon-nianjianmingxi"></view>
 				</view>
@@ -264,6 +264,7 @@
 
 	// 是否预览信用信息卡
 	const showCreditCard = ref(false)
+	const showEdu = ref(false)
 	// 信用信息卡
 	const creditCard = ref({
 		creditNo: '',
@@ -280,9 +281,10 @@
 		showCreditCard.value = false
 		if (isLogin.value) {
 			showCreditCard.value = true
-			// if (creditCard.value.creditNo) {
-			// 	showCreditCard.value = true
-			// } else {
+			if (creditCard.value.creditNo) {
+				showEdu.value = true
+			}
+			 // else {
 			// 	uni.navigateTo({
 			// 		url: '/pages/zhiyin/zhiyin?title=信息信用卡指引'
 			// 	})
@@ -311,9 +313,11 @@
 				url: '/pages/certificateDetail/certificateDetail?type=zhongjie&title=广州市房地产中介从业人员水平认证证书'
 			})
 		} else {
-			uni.navigateTo({
-				url: `/pages/guide/guideDetail/guideDetail?title=中介认证报名指引&id=${zhongjie.value.guideId}`
-			})
+			// uni.navigateTo({
+			// 	url: `/pages/guide/guideDetail/guideDetail?title=中介认证报名指引&id=${zhongjie.value.guideId}`
+			// })
+			// 2025.9.12 取消跳转
+			return
 		}
 	}
 	// 按揭认证点击
@@ -326,9 +330,11 @@
 				url: '/pages/certificateDetail/certificateDetail?type=anjie&title=广州市房地产按揭从业人员水平认证证书'
 			})
 		} else {
-			uni.navigateTo({
-				url: `/pages/guide/guideDetail/guideDetail?title=按揭认证报名指引&id=${anjie.value.guideId}`
-			})
+			// uni.navigateTo({
+			// 	url: `/pages/guide/guideDetail/guideDetail?title=按揭认证报名指引&id=${anjie.value.guideId}`
+			// })
+			// 2025.9.12 取消跳转
+			return
 		}
 	}
 	const zhongjie = ref({

+ 14 - 6
pages/researchReport/reportList/reportList.vue

@@ -6,11 +6,11 @@
 					:input-style="searchInputStyle" placeholder="搜索您想要的内容" @search="toSearch"
 					@custom="toSearch"></u-search>
 			</view>
-			<view class="tab-box" style="padding: 20rpx 0 10rpx;">
+			<view class="tab-box" style="padding: 40rpx 0 35rpx;">
 				<u-tabs name="label" :list="searchType" :is-scroll="true" v-model="searchForm.type"
-					@change="onSearchTypeChange" font-size="28" :bold="false" inactive-color="#000000"
-					 :bar-style="{'background-color': '#2979ff'}" :gutter="35" :show-bar="false"
-					duration="0" height="45" active-color="#ffffff"
+					@change="onSearchTypeChange" font-size="32" :bold="false" inactive-color="#000000"
+					:bar-style="{'background-color': '#2979ff'}" :gutter="40" :show-bar="false" duration="0" height="55"
+					active-color="#ffffff"
 					:active-item-style="{'background-color': '#2979ff', 'border-radius':'30rpx'}"></u-tabs>
 			</view>
 		</view>
@@ -215,7 +215,11 @@
 		}
 	})
 </script>
-
+<style>
+	::v-deep(.u-tab-item) {
+		margin-right: 20rpx;
+	}
+</style>
 <style lang="scss">
 	$image-width: 230rpx;
 
@@ -231,7 +235,7 @@
 		}
 
 		.search-box {
-			margin-bottom: 20rpx;
+			// margin-bottom: 20rpx;
 
 			::v-deep(.u-search) {
 				background-color: #e5e5e5;
@@ -261,6 +265,10 @@
 				// height: 210rpx;
 				border-bottom: 5rpx solid #E6E6E6;
 
+				&:first-child {
+					padding: 0 20rpx 30rpx;
+				}
+
 				&:active {
 					background-color: $uni-bg-color-hover;
 				}

BIN=BIN
static/images/anjie.png


BIN=BIN
static/images/xinyong.png


BIN=BIN
static/images/zhongjie.png