feat: style format

.idea/.gitignore

@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml

.idea/encodings.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding" addBOMForNewFiles="with NO BOM" />
+</project>

colorui/main.css

@@ -3404,7 +3404,7 @@ scroll-view.cu-steps .cu-item {
 }
 
 .bg-themeRed {
-	background-color: #e11c2b;
+	background-color: #CA151C;
 	color: #ffffff;
 }
 
@@ -3413,6 +3413,11 @@ scroll-view.cu-steps .cu-item {
 	color: #ffffff;
 }
 
+.bg-tags {
+	background-color: rgba(255,171,74,0.28);
+	color: #CA151C;
+}
+
 .bg-red {
 	background-color: #e54d42;
 	color: #ffffff;
@@ -3831,6 +3836,10 @@ scroll-view.cu-steps .cu-item {
 	text-align: right;
 }
 
+.text-themeRed {
+	color: #CA151C;
+}
+
 .text-red,
 .line-red,
 .lines-red {

pages/comjobs/comjobs.vue

@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<view class="cu-bar search bg-gray">
-			<view class="search-form round text-center">
+			<view class="search-form round text-center" style="background-color: #FFFFFF;">
 				<text class="cuIcon-search"></text>
 				<input v-model="searchval" :adjust-position="false" type="text" placeholder="请输入关键字"
 					confirm-type="search" @confirm="btnSearch()"></input>
@@ -12,18 +12,18 @@
 		</view>
 
 		<view class="filterbg">
-			<view class="flex justify-between solids-bottom padding bg-white">
+			<view class="flex justify-between padding bg-white">
 				<view class="text-bold">
-					<view class="cu-tag radius bg-red" @tap="resetFilter">重置</view>
+					<view class="radius text-themeRed" @tap="resetFilter">重置</view>
 				</view>
 				<view class="flex justify-end">
 					<!-- <view class="cu-tag radius bg-green" data-filterbox="rectype" @tap="showFilter">
 						{{rectypelist.title}}</view> -->
-					<view class="cu-tag radius bg-green" data-filterbox="wtype" @tap="showFilter">{{wtypelist.title}}
+					<view class="cu-tag radius bg-tags" data-filterbox="wtype" @tap="showFilter">{{wtypelist.title}}
 					</view>
-					<view class="cu-tag radius bg-green" data-filterbox="cate" @tap="showFilter">{{catelist.title}}
+					<view class="cu-tag radius bg-tags" data-filterbox="cate" @tap="showFilter">{{catelist.title}}
 					</view>
-					<view class="cu-tag radius bg-green" data-filterbox="area" @tap="showFilter">{{arealist.title}}
+					<view class="cu-tag radius bg-tags" data-filterbox="area" @tap="showFilter">{{arealist.title}}
 					</view>
 				</view>
 			</view>
@@ -94,24 +94,29 @@
 						<view class="item-left-content bold">{{item.title}}</view>
 					</view>
 					<view class="item-right">
-						<image class="item-right-icon" :src="$getImageUrl('static/images/applet/comJobs/icon-sum.png')" mode="widthFix"></image>
-						<view class="item-right-content red">{{item.zwagall}}</view>
+						<image class="item-right-icon"
+							:src="$getImageUrl('static/images/applet/comJobs/icon-pageView.png')" mode="widthFix">
+						</image>
+						<view class="item-right-content">浏览量：{{item.volume}}</view>
 					</view>
+
+				</view>
+				<view class="listCard-itemRow" style="margin: 30rpx 0;">
+					<image class="itemRow-icon" :src="$getImageUrl('static/images/applet/comJobs/icon-sum.png')"
+						mode="widthFix"></image>
+					<view class="itemRow-content">工资：<text class="red">{{item.zwagall}}</text></view>
+				</view>
+				<view class="listCard-itemRow">
+					<image class="itemRow-icon" :src="$getImageUrl('static/images/applet/index/cardD.png')"
+						mode="widthFix"></image>
+					<view class="itemRow-content">地点：{{item.address}}</view>
 				</view>
 				<view class="listCard-itemTag">
 					<view v-for="(titem,tindex) in item.tags" :key="tindex" class="tag-item">{{titem}}</view>
 				</view>
-				<view class="listCard-item">
-					<view class="item-left">
-						<image class="item-left-icon" :src="$getImageUrl('static/images/applet/index/cardD.png')"
-							mode="widthFix"></image>
-						<view class="item-left-content">地点：{{item.address}}</view>
-					</view>
-					<view class="item-right">
-						<image class="item-right-icon" :src="$getImageUrl('static/images/applet/comJobs/icon-pageView.png')" mode="widthFix">
-						</image>
-						<view class="item-right-content">浏览量：{{item.volume}}</view>
-					</view>
+				<view class="listCard-itemBot">
+					<view class="itemBot-name">{{item.worker.title}}</view>
+					<u-icon name="more-dot-fill" color="#747474" size="20"></u-icon>
 				</view>
 			</view>
 		</view>
@@ -450,23 +455,25 @@
 		padding: 28rpx 26rpx 0;
 
 		.listCard {
-			margin-bottom: 40rpx;
-			padding: 28rpx 24rpx;
+			margin-bottom: 20rpx;
+			padding: 28rpx 0 0;
 			background: #FFFFFF;
 			border-radius: 12rpx;
-			
+
 			.listCard-itemTag {
+				padding: 0 24rpx;
 				display: flex;
 				flex-wrap: wrap;
-				margin: 28rpx 0 8rpx;
-			
+				margin: 10rpx 0 30rpx;
+
 				.tag-item {
 					margin-right: 15rpx;
-					background: #E6F2FF;
+					background: #F9E2AC;
 					font-size: 20rpx;
 					color: #CA151C;
-					padding: 5rpx 12rpx;
-					margin-bottom: 20rpx;
+					border-radius: 20rpx;
+					padding: 5rpx 30rpx;
+					margin-top: 20rpx;
 					white-space: nowrap;
 					text-overflow: ellipsis;
 					white-space: nowrap;
@@ -474,19 +481,72 @@
 				}
 			}
 
-			.listCard-item {
+			.listCard-itemRow {
+				padding: 0 24rpx;
+				display: flex;
+				align-items: center;
+
+				.itemRow-icon {
+					width: 30rpx;
+					height: 30rpx;
+				}
+
+				.itemRow-content {
+					flex: 1;
+					margin-left: 15rpx;
+					font-size: 28rpx;
+					font-weight: 400;
+					color: #747474;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					-webkit-line-clamp: 1;
+					display: -webkit-box;
+					-webkit-box-orient: vertical;
+				}
+
+				.red {
+					font-size: 28rpx;
+					font-weight: 500;
+					color: #CA151C;
+				}
+			}
+			
+			.listCard-itemBot {
+				padding: 20rpx 24rpx 20rpx;
 				display: flex;
 				align-items: center;
+				justify-content: space-between;
+				border-top: 2rpx solid #E2E2E2;
 				
+				.itemBot-name {
+					width: 80%;
+					font-size: 30rpx;
+					font-weight: 600;
+					color: #383838;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					-webkit-line-clamp: 1;
+					display: -webkit-box;
+					-webkit-box-orient: vertical;
+				}
+			}
+
+			.listCard-item {
+				padding: 0 24rpx;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+
 				.item-left {
 					width: 60%;
 					display: flex;
-					
+					align-items: center;
+
 					.item-left-icon {
-						width: 35rpx;
-						height: 35rpx;
+						width: 30rpx;
+						height: 30rpx;
 					}
-					
+
 					.item-left-content {
 						flex: 1;
 						margin-left: 15rpx;
@@ -499,32 +559,34 @@
 						display: -webkit-box;
 						-webkit-box-orient: vertical;
 					}
-					
+
 					.bold {
 						font-size: 28rpx;
 						font-weight: 600;
 						color: #383838;
 					}
-					
+
 					.red {
 						font-size: 28rpx;
 						font-weight: 500;
 						color: #CA151C;
 					}
 				}
-				
+
 				.item-right {
-					width: 35%;
+					width: 38%;
 					margin-left: 15rpx;
 					display: flex;
-					
+					align-items: center;
+					justify-content: flex-end;
+
 					.item-right-icon {
-						width: 35rpx;
-						height: 35rpx;
+						width: 30rpx;
+						height: 30rpx;
 					}
-					
+
 					.item-right-content {
-						flex: 1;
+						// flex: 1;
 						margin-left: 15rpx;
 						font-size: 28rpx;
 						font-weight: 400;
@@ -535,13 +597,13 @@
 						display: -webkit-box;
 						-webkit-box-orient: vertical;
 					}
-					
+
 					.bold {
 						font-size: 28rpx;
 						font-weight: 600;
 						color: #383838;
 					}
-					
+
 					.red {
 						font-size: 28rpx;
 						font-weight: 500;

pages/comjobs/detail.vue

@@ -1,6 +1,24 @@
 <template>
 	<view v-if="pageloading">
-		<view class="padding-lr padding-tb margin-bottom-sm bg-white">
+		<view class="jobDesc">
+			<view class="jobDesc-title">{{comjobs.title}}</view>
+			<view class="jobDesc-salary">工资：{{comjobs.zwagall}}</view>
+			<view class="jobDesc-tags">
+				<view class="jobDesc-tags-item" v-if="comjobs.wtype==1">按月</view>
+				<view class="jobDesc-tags-item" v-if="comjobs.wtype==2">按时</view>
+				<view class="jobDesc-tags-item" v-if="comjobs.wtype==3">按件</view>
+				<view class="jobDesc-tags-item" v-if="comjobs.wtype==4">按项目</view>
+				<view class="jobDesc-tags-item">{{comjobs.recruit_num}}名</view>
+				<view class="jobDesc-tags-item">{{sex_text}}</view>
+			</view>
+			<view class="jobDesc-tags">
+				<view class="jobDesc-tags-item" v-for="(item,index) in comjobs.tags" :key="index">{{item}}</view>
+			</view>
+			<view class="jobDesc-date">截止日期：{{comjobs.enddate}}</view>
+		</view>
+
+
+		<!-- <view class="padding-lr padding-tb margin-bottom-sm bg-white">
 			<view class="bg-white padding-top-sm text-xl text-black text-bold flex align-end">
 				<view class="basis-lg">
 					{{comjobs.title}}
@@ -15,18 +33,32 @@
 				</view>
 			</view>
 			<view class="bg-white padding-top text-gray">
-				<view v-for="(item,index) in comjobs.tags" :key="index" class="cu-tag light bg-blue echo-tags-item">{{item}}</view>
+				<view v-for="(item,index) in comjobs.tags" :key="index" class="cu-tag light bg-blue echo-tags-item">
+					{{item}}</view>
 			</view>
 			<view class="text-gray padding-top-sm pad text-sm flex justify-between">
 				<view class="text-red">{{sex_text}}</view>
 				<view>截止日期：{{comjobs.enddate}}</view>
 			</view>
-		</view>
-		
+		</view> -->
+
 		<block v-if="comjobs.recruitment_cate==2">
-			<view class="cu-bar bg-white">
+			<view class="jobBrokerage">
+				<view class="brokerage"
+					:style="'background-image:url('+$getImageUrl('static/images/applet/other/recommend.png')+');'">
+					<view class="jobBrokerage-money">{{comjobs.retmoney}}元<text class="money-tips"
+							v-if="comjobs.is_pay == 1">（对方已支付悬赏金）</text></view>
+					<view class="jobBrokerage-recommend" v-if="brokertol==0" @tap="gotoBroker"></view>
+					<navigator class="jobBrokerage-recommend" :url="'/pages/comjobs/setreport?comjobsid='+comjobs.id"
+						open-type="navigate" v-else>
+					</navigator>
+				</view>
+			</view>
+
+
+			<!-- <view class="cu-bar bg-white">
 				<view class="action">
-					<text class="cuIcon-titles text-red"></text> 推广介绍
+					<text class="cuIcon-titles text-themeRed"></text> 推广介绍
 				</view>
 			</view>
 			<view class="echo-article-details bg-white solids-bottom flex justify-between" style="padding-top: 0rpx;">
@@ -35,107 +67,159 @@
 					<view class="text-red" v-if="comjobs.is_pay == 1">对方已支付悬赏金</view>
 				</view>
 				<view v-if="brokertol==0" @tap="gotoBroker">
-					<image :src="$getImageUrl('static/images/applet/retmoney.png')" mode="widthFix" style="width: 64rpx;"></image> 
+					<image :src="$getImageUrl('static/images/applet/retmoney.png')" mode="widthFix"
+						style="width: 64rpx;"></image>
 				</view>
 				<navigator :url="'/pages/comjobs/setreport?comjobsid='+comjobs.id" open-type="navigate" v-else>
-					<image :src="$getImageUrl('static/images/applet/retmoney.png')" mode="widthFix" style="width: 64rpx;"></image>  
+					<image :src="$getImageUrl('static/images/applet/retmoney.png')" mode="widthFix"
+						style="width: 64rpx;"></image>
 				</navigator>
-			</view>
+			</view> -->
 		</block>
-		
+
+		<view class="publisher">
+			<view class="cu-bar bg-white">
+				<view class="action">
+					<text class="cuIcon-titles text-themeRed"></text> 信息发布方
+				</view>
+			</view>
+			<view class="publisher-infor">
+				<view class="infor-item">
+					<view class="item-name" @tap="goShop(comjobs.workerid)">{{comjobs.worker.title}}</view>
+					<image class="item-verified" :src="$getImageUrl('static/images/applet/other/verified.png')"></image>
+				</view>
+				<view class="infor-item infor-center" @tap="goShop(comjobs.workerid)">
+					<image class="item-icon" :src="$getImageUrl('static/images/applet/other/shop.png')" mode="widthFix">
+					</image>
+					<view class="item-title">进店</view>
+				</view>
+				<view class="infor-item" @tap="setAddress()">
+					<image class="item-icon" :src="$getImageUrl('static/images/applet/other/place.png')"
+						mode="widthFix"></image>
+					<view class="item-title">{{comjobs.worker.city}} {{comjobs.worker.district}}
+						{{comjobs.worker.address}}
+					</view>
+				</view>
+			</view>
+		</view>
+
 		<view class="cu-bar bg-white">
 			<view class="action">
-				<text class="cuIcon-titles text-red"></text> 职位详情
+				<text class="cuIcon-titles text-themeRed"></text> 职位详情
 			</view>
 		</view>
-		<view class="echo-article-details bg-white solids-bottom" style="padding-top: 0rpx;">
+		<view class="echo-article-details bg-white" style="padding-top: 0rpx;margin-bottom: 20rpx;">
 			<text>{{comjobs.comdetails}}</text>
 		</view>
-		
+
 		<view class="cu-bar bg-white">
 			<view class="action">
-				<text class="cuIcon-titles text-red"></text> 任职要求
+				<text class="cuIcon-titles text-themeRed"></text> 任职要求
 			</view>
 		</view>
-		<view class="echo-article-details bg-white solids-bottom" style="padding-top: 0rpx;">
+		<view class="echo-article-details bg-white" style="padding-top: 0rpx;margin-bottom: 20rpx;">
 			<text>{{comjobs.requirement}}</text>
 		</view>
-		
+
 		<view class="cu-bar bg-white">
 			<view class="action">
-				<text class="cuIcon-titles text-red"></text> 环境图片
+				<text class="cuIcon-titles text-themeRed"></text> 环境图片
 			</view>
 			<view class="action" data-modalname="picallModal" @tap="showModal">
 				<text class="text-df">查看全部 </text>
 				<view class="cuIcon-right"></view>
 			</view>
 		</view>
-		<view class="echo-article-details bg-white flex justify-between" v-if="comjobs.picall.length != 0" style="padding-top: 0rpx;" data-modalname="picallModal" @tap="showModal">
+		<view class="echo-article-details bg-white flex justify-between" v-if="comjobs.picall.length != 0"
+			style="padding-top: 0rpx;" data-modalname="picallModal" @tap="showModal">
 			<image class="picallitem" :src="comjobs.picall[0]" mode="aspectFill"></image>
 			<image class="picallitem" :src="comjobs.picall[1]" mode="aspectFill"></image>
 		</view>
-		<view v-if="videosrc!==null" class="bg-white" style="padding: 0rpx 30rpx 30rpx 30rpx;" data-modalname="videoModal" @tap="showModal">
-			<image style="width: 690rpx;" src="https://sc.laowushangcheng.com/static/images/videobtn.jpg" mode="widthFix"></image>
+		<view v-if="videosrc!==null" class="bg-white" style="padding: 0rpx 30rpx 30rpx 30rpx;"
+			data-modalname="videoModal" @tap="showModal">
+			<image style="width: 690rpx;" src="https://sc.laowushangcheng.com/static/images/videobtn.jpg"
+				mode="widthFix"></image>
 		</view>
 		<!-- <view class="echo-article-details bg-white" style="padding-top: 0rpx;">
 			<video v-if="videosrc!==null && modal.name==null" class="myVideo" poster="https://sc.laowushangcheng.com/static/images/videopic.jpg" :src="videosrc" enable-danmu :controls="true"></video>
 		</view> -->
-		
-		<view class="cu-bar bg-white solids-top">
+
+		<!-- <view class="cu-bar bg-white solids-top">
 			<view class="action">
-				<text class="cuIcon-titles text-red"></text> 企业介绍
+				<text class="cuIcon-titles text-themeRed"></text> 企业介绍
 			</view>
 		</view>
 		<view class="echo-article-details bg-white" style="padding-top: 0rpx;">
 			<text>{{comjobs.companydetails}}</text>
 		</view>
 		<view class="echo-article-details bg-white solids-bottom flex justify-start">
-			<image class="solid margin-right-sm" :src="comjobs.worker.tilpic" style="width: 150rpx; height: 150rpx;"></image> 
+			<image class="solid margin-right-sm" :src="comjobs.worker.tilpic" style="width: 150rpx; height: 150rpx;">
+			</image>
 			<view>
-				<view @tap="goShop(comjobs.workerid)">本信息由<text class="text-red">{{comjobs.worker.title}}</text>发布</view>
+				<view @tap="goShop(comjobs.workerid)">本信息由<text class="text-red">{{comjobs.worker.title}}</text>发布
+				</view>
 				<view class="flex align-center justify-between padding-bottom-xs align-center" style="width: 520rpx;">
 					<view class="flex align-center">
-						<image class="iconyrz" :src="$getImageUrl('static/images/applet/iconyrz.png')" mode="scaleToFill"></image>
-						<image class="iconwyp" :src="$getImageUrl('static/images/applet/iconwyp.png')" mode="scaleToFill" v-if="comjobs.recruitment_cate==2"></image>
+						<image class="iconyrz" :src="$getImageUrl('static/images/applet/iconyrz.png')"
+							mode="scaleToFill"></image>
+						<image class="iconwyp" :src="$getImageUrl('static/images/applet/iconwyp.png')"
+							mode="scaleToFill" v-if="comjobs.recruitment_cate==2"></image>
 					</view>
 					<view class="text-gray text-right basis-xs text-sm" @tap="goShop(comjobs.workerid)">
 						<text class="cuIcon-shop margin-right-xs text-lg"></text>
 						进店
 					</view>
 				</view>
-				<view class="text-gray" @tap="setAddress()"><text class="cuIcon-locationfill text-red margin-right-xs"></text> {{comjobs.worker.city}} {{comjobs.worker.district}} {{comjobs.worker.address}}</view>
+				<view class="text-gray" @tap="setAddress()"><text
+						class="cuIcon-locationfill text-red margin-right-xs"></text> {{comjobs.worker.city}}
+					{{comjobs.worker.district}} {{comjobs.worker.address}}
+				</view>
 			</view>
-		</view>
-		
-		<view class="cu-bar bg-white">
+		</view> -->
+
+		<view class="cu-bar bg-white" style="margin-top: 20rpx;">
 			<view class="action">
-				<text class="cuIcon-titles text-red"></text> 服务流程
+				<text class="cuIcon-titles text-themeRed"></text> 服务流程
 			</view>
 		</view>
 		<view class="echo-article-details bg-white solids-bottom" style="padding-top: 0rpx;">
-			<image :src="$getImageUrl('static/images/applet/detaillc.png')" mode="widthFix" style="width: 100%;"></image>
+			<image :src="$getImageUrl('static/images/applet/detaillc.png')" mode="widthFix" style="width: 100%;">
+			</image>
 		</view>
-		
+
 		<view class="padding"></view>
 		<view class="padding"></view>
 		<view class="cu-bar bg-white tabbar border shop foot">
 			<button class="text-gray action" data-modalname="shareModal" @tap="showModal" v-if="appplatform!='ios'">
 				<view class="padding-bottom-xs">
-					<image style="width: 38rpx; height: 38rpx;" :src="$getImageUrl('static/images/applet/detshare.png')"></image>
+					<image style="width: 38rpx; height: 38rpx;"
+						:src="$getImageUrl('static/images/applet/detshare.png')"></image>
 				</view>
 				分享
 			</button>
 			<button class="text-gray action" @tap="setComjobsStar">
 				<view class="padding-bottom-xs">
-					<image style="width: 38rpx; height: 38rpx;" :src="$getImageUrl('static/images/applet/detstar.png')"></image>
+					<image style="width: 38rpx; height: 38rpx;" :src="$getImageUrl('static/images/applet/detstar.png')">
+					</image>
 				</view>
 				{{comjobsstar==0 ? '收藏' : '已收藏'}}
 			</button>
-			<view class="bg-themeBtn submit echo-foot-button" @tap="setComjobsLog" v-if="comjobs.status==3"> <text>立即报名</text> </view>
+			<view class="botBtn" v-if="comjobs.status==3">
+				<view class="botBtn-left bg-tags" v-if="comjobs.recruitment_cate==2">
+					<view v-if="brokertol==0" @tap="gotoBroker">赚佣金</view>
+					<navigator :url="'/pages/comjobs/setreport?comjobsid='+comjobs.id"
+						open-type="navigate" v-else>赚佣金
+					</navigator>
+				</view>
+				<view class="botBtn-right bg-themeBtn" @tap="setComjobsLog">立即报名</view>
+			</view>
+			<!-- <view class="bg-themeBtn submit echo-foot-button" @tap="setComjobsLog" v-if="comjobs.status==3">
+				<text>立即报名</text>
+			</view> -->
 			<view class="bg-grey submit echo-foot-button" v-else> <text>已招满</text> </view>
 		</view>
-		
-		
+
+
 		<view class="cu-modal bottom-modal show" v-if="modal.name=='videoModal'" @tap="hideModal">
 			<view class="cu-dialog" @tap.stop="">
 				<view class="cu-bar bg-white">
@@ -147,7 +231,7 @@
 				</view>
 			</view>
 		</view>
-		
+
 		<view class="cu-modal bottom-modal show" v-if="modal.name=='picallModal'" @tap="hideModal">
 			<view class="cu-dialog" @tap.stop="">
 				<view class="cu-bar bg-white">
@@ -159,16 +243,18 @@
 						<view class="flex justify-between">
 							<view class="picitem">
 								<block v-for="(item,index) in comjobs.picall" :key="index">
-									<image class="solid" :data-current="index" @tap="previewImage" v-if="index%2==0" mode="widthFix" :src="item"></image>
+									<image class="solid" :data-current="index" @tap="previewImage" v-if="index%2==0"
+										mode="widthFix" :src="item"></image>
 								</block>
 							</view>
 							<view class="picitem">
 								<block v-for="(item,index) in comjobs.picall" :key="index">
-									<image class="solid" :data-current="index" @tap="previewImage" v-if="index%2==1" mode="widthFix" :src="item"></image>
+									<image class="solid" :data-current="index" @tap="previewImage" v-if="index%2==1"
+										mode="widthFix" :src="item"></image>
 								</block>
 							</view>
 						</view>
-					</scroll-view>				
+					</scroll-view>
 				</view>
 			</view>
 		</view>
@@ -188,7 +274,7 @@
 				</view>
 			</view>
 		</view>
-		
+
 		<view class="cu-modal bottom-modal show" v-if="modal.name=='shareModal'" @tap="hideModal">
 			<view class="cu-dialog" @tap.stop="">
 				<view class="cu-bar bg-white">
@@ -201,19 +287,20 @@
 							<block v-for="(item,index) in comjobsshare" :key="index">
 								<view class="cu-item">
 									<view class="padding-lr-sm" @tap="getComjobsImage(item.id)">
-										<view class="bg-img" :style="'background-image:url(' + item.tilpic + ');'"></view>
+										<view class="bg-img" :style="'background-image:url(' + item.tilpic + ');'">
+										</view>
 										<view class="padding-tb-xs text-cut">{{item.title}}</view>
 									</view>
 								</view>
 							</block>
 						</view>
-					</scroll-view>				
+					</scroll-view>
 				</view>
 			</view>
 		</view>
 		<wxContact ref="wxContact"></wxContact>
-	
-	</skeleton>
+
+		</skeleton>
 	</view>
 </template>
 
@@ -227,7 +314,7 @@
 				userinfo: {},
 				comjobs: null,
 				videosrc: null,
-				
+
 				comjobslist: {},
 				comjobsstar: 0,
 				comjobsshare: {},
@@ -253,7 +340,7 @@
 					parentid = scene.split('&')[1];
 				}
 			}
-			if(option.q){
+			if (option.q) {
 				const q = decodeURIComponent(option.q);
 				if (q != "undefined") {
 					comjobsid = q.split("=")[1];
@@ -274,9 +361,9 @@
 				_this.comjobsstar = data.comjobsstar;
 				_this.comjobsshare = data.comjobsshare;
 				_this.brokertol = data.brokertol;
-				
-				setTimeout(function (){
-					_this.videosrc = _this.comjobs.video=='' ? null : _this.comjobs.video;
+
+				setTimeout(function() {
+					_this.videosrc = _this.comjobs.video == '' ? null : _this.comjobs.video;
 				}, 1500);
 				_this.pageloading = true;
 			}).catch((err) => {
@@ -297,11 +384,12 @@
 			})
 			return {
 				title: _this.comjobs.title,
-				path: "/pages/comjobs/detail?comjobsid=" + _this.comjobs.id + "&parentid=" + _this.userinfo == null ? 0 : _this.userinfo.id
+				path: "/pages/comjobs/detail?comjobsid=" + _this.comjobs.id + "&parentid=" + _this.userinfo == null ?
+					0 : _this.userinfo.id
 			}
 		},
 		methods: {
-			
+
 			getComjobsImage: function(shareid) {
 				_this.userinfo = _this.checkLogin("/pages/comjobs/detail?comjobsid=" + _this.comjobs.id);
 				if (_this.userinfo === false) {
@@ -316,7 +404,7 @@
 						comjobsid: _this.comjobs.id
 					}
 				}).then((data) => {
-					var t1 = Math.round(Math.random()*100);
+					var t1 = Math.round(Math.random() * 100);
 					_this.modal.comjobspic = data.comjobspic + '?' + t1;
 					_this.modal.name = "comjobspicModal";
 				}).catch((err) => {
@@ -327,7 +415,7 @@
 					});
 				});
 			},
-			
+
 			getComjobsCode: function() {
 				_this.userinfo = _this.checkLogin("/pages/comjobs/detail?comjobsid=" + _this.comjobs.id);
 				if (_this.userinfo === false) {
@@ -354,7 +442,7 @@
 
 			saveImage: function() {
 				uni.downloadFile({
-					url: _this.modal.comjobspic, 
+					url: _this.modal.comjobspic,
 					success: (res) => {
 						if (res.statusCode === 200) {
 							uni.saveImageToPhotosAlbum({
@@ -370,7 +458,7 @@
 						}
 					}
 				});
-			},			
+			},
 			setComjobsLog: function() {
 				_this.userinfo = _this.checkLogin("/pages/comjobs/detail?comjobsid=" + _this.comjobs.id);
 				if (_this.userinfo === false) {
@@ -380,13 +468,14 @@
 					return false;
 				}
 				//检测用户信息是否完整
-				if(_this.userinfo.education=="" || _this.userinfo.address=="" || _this.userinfo.workexperience==""){
+				if (_this.userinfo.education == "" || _this.userinfo.address == "" || _this.userinfo.workexperience ==
+					"") {
 					uni.navigateTo({
 						url: "/pages/my/myinfo?pageurl=/pages/comjobs/detail/comjobsid=" + _this.comjobs.id,
 					});
 					return false;
 				}
-				
+
 				_this.$req.ajax({
 					title: "报名中",
 					path: "comjobs/setcomjobslog",
@@ -405,11 +494,11 @@
 						content: data.msg,
 						confirmText: confirmText,
 						cancelText: "好的",
-						success: function(res){
+						success: function(res) {
 							if (res.confirm) {
 								if (data.is_public == 1) {
 									uni.makePhoneCall({
-									   phoneNumber: data.mobile
+										phoneNumber: data.mobile
 									});
 								} else {
 									_this.$refs.wxContact.showConcatModel();
@@ -459,17 +548,17 @@
 			},
 			gotoBroker: function() {
 				uni.showModal({
-				    title: '温馨提示',
-				    content: '您还不是经纪人，请联系客服，申请成为经纪人',
+					title: '温馨提示',
+					content: '您还不是经纪人，请联系客服，申请成为经纪人',
 					confirmColor: "#007aff",
-				    success: function (res) {
-				        if (res.confirm) {
+					success: function(res) {
+						if (res.confirm) {
 							_this.$refs.wxContact.showConcatModel();
-				            // uni.redirectTo({
-				            // 	url: '/pages/form/form?formid=4'
-				            // });
-				        }
-				    }
+							// uni.redirectTo({
+							// 	url: '/pages/form/form?formid=4'
+							// });
+						}
+					}
 				});
 			},
 			goDetail: function(comjobsid) {
@@ -492,14 +581,15 @@
 				});
 				// #endif
 			},
-			
+
 			setAddress: function() {
 				uni.openLocation({
 					latitude: parseFloat(_this.comjobs.worker.latitude),
 					longitude: parseFloat(_this.comjobs.worker.longitude),
 					name: _this.comjobs.worker.title,
-					address: _this.comjobs.worker.city + " " + _this.comjobs.worker.district + " " + _this.comjobs.worker.address,
-					success: function () {
+					address: _this.comjobs.worker.city + " " + _this.comjobs.worker.district + " " + _this
+						.comjobs.worker.address,
+					success: function() {
 						console.log('success');
 					}
 				});
@@ -527,7 +617,7 @@
 		},
 		computed: {
 			sex_text() {
-				const arr = ['男女不限','男','女'];
+				const arr = ['男女不限', '男', '女'];
 				return arr[_this.comjobs.sex];
 			}
 		}
@@ -561,14 +651,179 @@
 		top: 0rpx;
 		right: 0rpx;
 	}
-	
-	.picallitem{ width: 340rpx; height: 260rpx; }
-	
-	.echo-picalllist{ height: calc(100vh - 105rpx); }
-	.echo-picalllist .picitem{ width: 345rpx !important; }
-	.echo-picalllist image{ width: 345rpx; padding-bottom: 15rpx; }
-	
-	.cu-item .bg-img{ width: 100%; height: 390rpx; background-position: center top; }
-	
-	.myVideo{ width: 750rpx; height: calc(100vh - 130px); }
-</style>
+
+	.picallitem {
+		width: 340rpx;
+		height: 260rpx;
+	}
+
+	.echo-picalllist {
+		height: calc(100vh - 105rpx);
+	}
+
+	.echo-picalllist .picitem {
+		width: 345rpx !important;
+	}
+
+	.echo-picalllist image {
+		width: 345rpx;
+		padding-bottom: 15rpx;
+	}
+
+	.cu-item .bg-img {
+		width: 100%;
+		height: 390rpx;
+		background-position: center top;
+	}
+
+	.myVideo {
+		width: 750rpx;
+		height: calc(100vh - 130px);
+	}
+
+	.jobDesc {
+		padding: 30rpx 30rpx;
+		margin-bottom: 20rpx;
+		background-color: #ffffff;
+
+		.jobDesc-title {
+			font-size: 36rpx;
+			font-weight: 600;
+			color: #383838;
+		}
+
+		.jobDesc-salary {
+			margin-top: 10rpx;
+			font-size: 24rpx;
+			font-weight: 400;
+			color: #CA151C;
+		}
+
+		.jobDesc-tags {
+			display: flex;
+			flex-wrap: wrap;
+
+			.jobDesc-tags-item {
+				margin-top: 20rpx;
+				margin-right: 18rpx;
+				padding: 5rpx 30rpx;
+				background: #F9E2AC;
+				border-radius: 20rpx;
+				font-size: 24rpx;
+				font-weight: 400;
+				color: #CA151C;
+			}
+
+
+		}
+
+		.jobDesc-date {
+			margin-top: 30rpx;
+			font-size: 24rpx;
+			font-weight: 400;
+			color: #747474;
+		}
+	}
+
+	.jobBrokerage {
+		margin-bottom: 20rpx;
+		padding: 30rpx 30rpx;
+		background-color: #ffffff;
+		position: relative;
+
+		.brokerage {
+			width: 100%;
+			height: 175rpx;
+			background-size: cover;
+			display: flex;
+
+			.jobBrokerage-money {
+				margin-top: 84rpx;
+				margin-left: 110rpx;
+				font-size: 40rpx;
+				font-weight: 600;
+				color: #CA151C;
+
+				.money-tips {
+					font-size: 22rpx;
+					color: #CA151C;
+				}
+			}
+
+			.jobBrokerage-recommend {
+				position: absolute;
+				right: 0;
+				margin-top: 30rpx;
+				margin-right: 68rpx;
+				// margin-left: 105rpx;
+				width: 115rpx;
+				height: 115rpx;
+				border-radius: 60rpx;
+			}
+		}
+	}
+
+	.publisher {
+		margin-bottom: 20rpx;
+		background-color: #ffffff;
+
+		.publisher-infor {
+			padding: 0 30rpx 30rpx;
+
+			.infor-center {
+				margin: 25rpx 0 20rpx;
+			}
+
+			.infor-item {
+				display: flex;
+
+				.item-name {
+					flex: 1;
+					font-size: 32rpx;
+					font-weight: 600;
+					color: #747474;
+				}
+
+				.item-verified {
+					margin-left: 20rpx;
+					margin-top: 10rpx;
+					width: 110rpx;
+					height: 28rpx;
+				}
+
+				.item-icon {
+					margin-top: 5rpx;
+					width: 32rpx;
+				}
+
+				.item-title {
+					margin-left: 20rpx;
+					flex: 1;
+					font-size: 28rpx;
+					font-weight: 400;
+					color: #747474;
+				}
+			}
+		}
+	}
+
+	.botBtn {
+		flex: 2;
+		height: 100%;
+		display: flex;
+
+		.botBtn-left {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+
+		.botBtn-right {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
+</style>

pages/index/home.vue

@@ -1,11 +1,18 @@
 <template>
 	<view class="page">
+		<image class="bg-img" :src="$getImageUrl('static/images/applet/other/identityBg.png')" mode="widthFix"></image>
+		
+		<image class="idTitle" :src="$getImageUrl('static/images/applet/other/idTitle.png')"></image>
+		
+		<image class="loginBg" :src="$getImageUrl('static/images/applet/other/loginBg.png')"></image>
+		
 		<view class="cardList">
 			<view class="card cardBg-bule" @tap="checkWorker">
-				<image class="card-avatar" :src="$getImageUrl('static/images/applet/index/employer.png')"></image>
+				<image class="card-avatar" :src="$getImageUrl('static/images/applet/other/employer.png')"></image>
 				<view class="card-content">
-					<view class="content-title">我是雇主</view>
-					<view class="content-explain">为企业招聘人才</view>
+					<view class="content-title">我是雇主（企业雇主、个人雇主）</view>
+					<view class="content-explain">找员工、找服务</view>
+					<view class="content-explain">找兼职、找外包</view>
 				</view>
 			</view>
 			<!-- <view class="card cardBg-green">
@@ -16,10 +23,11 @@
 				</view>
 			</view> -->
 			<view class="card cardBg-red" @tap="goUser">
-				<image class="card-avatar" :src="$getImageUrl('static/images/applet/index/jobhunter.png')"></image>
+				<image class="card-avatar" :src="$getImageUrl('static/images/applet/other/jobhunter.png')"></image>
 				<view class="card-content">
-					<view class="content-title">我是求职者</view>
-					<view class="content-explain">寻找更好的发展</view>
+					<view class="content-title">我是零工</view>
+					<view class="content-explain">找工作、接任务</view>
+					<view class="content-explain">接兼职、接外包</view>
 				</view>
 			</view>
 		</view>
@@ -308,10 +316,32 @@
 		padding: 10rpx;
 	}
 
+	.bg-img {
+		position: fixed;
+		width: 100%;
+		// height: 100%;
+		top: 0;
+		left: 0;
+		z-index: -1;
+	}
+	
+	.idTitle {
+		margin: 48rpx 0 40rpx;
+		width: 552rpx;
+		height: 110rpx;
+	}
+	
+	.loginBg {
+		margin: 0 0 46rpx;
+		width: 277rpx;
+		height: 205rpx;
+	}
+
 	.cardList {
-		padding: 30rpx 18rpx;
+		padding: 0 18rpx;
 
 		.cardBg-bule {
+			background: linear-gradient(229deg, #7cb8fb 0%, #3492fa 100%);
 			box-shadow: 0rpx 0rpx 10rpx 2rpx rgba(73, 128, 209, 0.3);
 		}
 
@@ -320,15 +350,15 @@
 		}
 
 		.cardBg-red {
-			box-shadow: 0rpx 0rpx 10rpx 2rpx rgba(230, 66, 88, 0.3);
+			background: linear-gradient(229deg, #EB7600 0%, #F74C00 100%);
+			box-shadow: 0rpx 8rpx 40rpx 2rpx rgba(255,76,10,0.3);
 		}
 
 		.card {
-			margin-bottom: 16rpx;
-			padding: 0 46rpx;
+			margin-bottom: 70rpx;
+			padding-left: 46rpx;
 			width: 100%;
 			height: 224rpx;
-			background: #FFFFFF;
 			border-radius: 14rpx;
 			display: flex;
 			align-items: center;
@@ -339,19 +369,20 @@
 			}
 
 			.card-content {
-				margin-left: 54rpx;
+				margin-left: 40rpx;
+				text-align: left;
 
 				.content-title {
-					margin-bottom: 12rpx;
-					font-size: 30rpx;
+					margin-bottom: 20rpx;
+					font-size: 28rpx;
 					font-weight: 600;
-					color: #747474;
+					color: #FFFFFF;
 				}
 
 				.content-explain {
+					margin-bottom: 10rpx;
 					font-size: 24rpx;
-					font-weight: normal;
-					color: #747474;
+					color: #FFFFFF;
 				}
 			}
 		}

pages/login/login.vue

@@ -1,23 +1,55 @@
 <template>
 	<view class="login-page">
-		
-		<view style="width: 100%; height: 80rpx;"></view>
+		<!-- #ifdef MP-WEIXIN -->
+		<view class="loginBox">
+			<view class="loginBg">
+				<image class="tilteBg" :src="$getImageUrl('static/images/applet/other/title.png')"></image>
+				<image class="iconBg" :src="$getImageUrl('static/images/applet/other/loginBg.png')"></image>
+			</view>
+			<view class="padding flex flex-direction" v-if="formName=='wxLoginForm'">
+				<button class="cu-btn round bg-themeBtn margin-tb-sm lg" style="width: 512rpx;"
+					@click="wxLogin">授权登录</button>
+				<button class="cu-btn round bg-gray margin-tb-sm lg" style="width: 512rpx;margin-top: 30rpx;"
+					@tap="toPage">返回</button>
+			</view>
+
+		</view>
+
+		<!-- #endif -->
+
 		<view class="padding">
-			<checkbox-group @change="handelChange">
+			<checkbox-group @change="handelChange" style="display: flex;justify-content: center;align-items: center;">
+				<label :class="isChecked?'option_active checkCss':'option_default checkCss'">
+					<view class="checkboxHidden">
+						<checkbox value="1" style="transform:scale(0.7)" :checked="isChecked" />
+					</view>
+					
+				</label>
+				<view class="checkCircle"></view>
+				<view class="checkTxt">我已阅读并同意</view>
+				<view class="text-themeRed" @click="goPage('/pages/login/agreement')">《晋江人力用户服务协议》</view>
+			</checkbox-group>
+		</view>
+
+		<!-- <view style="width: 100%; height: 80rpx;"></view>
+		<view class="padding">
+			<checkbox-group @change="handelChange" style="display: flex;justify-content: center;">
 				<label class="text-center">
-					<checkbox value="1" style="transform:scale(0.7)" :checked="isChecked"/>
+					<checkbox value="1" style="transform:scale(0.7)" :checked="isChecked" />
 					我已阅读并同意
 				</label>
-				<text class="text-blue" @click="goPage('/pages/login/agreement')">《晋江人力用户服务协议》</text>
+				<text class="text-themeRed" @click="goPage('/pages/login/agreement')">《晋江人力用户服务协议》</text>
 			</checkbox-group>
-		</view>
+		</view> -->
+
 		<!-- #ifdef MP-WEIXIN -->
-		<view class="padding flex flex-direction" v-if="formName=='wxLoginForm'">
+		<!-- <view class="padding flex flex-direction" v-if="formName=='wxLoginForm'">
 			<button class="cu-btn bg-green margin-tb-sm lg" @click="wxLogin">授权登录</button>
 			<button class="cu-btn margin-tb-sm lg" @tap="toPage">返回</button>
 		</view>
 		<view class="padding flex flex-direction" v-if="formName=='wxCheckMobileForm'">
-			<button class="cu-btn bg-green margin-tb-sm lg" open-type="getPhoneNumber" @getphonenumber="wxMobile">手机号快捷登录</button>
+			<button class="cu-btn bg-green margin-tb-sm lg" open-type="getPhoneNumber"
+				@getphonenumber="wxMobile">手机号快捷登录</button>
 			<button class="cu-btn margin-tb-sm lg" @tap="checkMobile" data-formname="editMobileModal">其他手机号绑定</button>
 			<button class="cu-btn margin-tb-sm lg" @tap="toPage">取消注册登录操作</button>
 		</view>
@@ -25,30 +57,37 @@
 			<form>
 				<view class="cu-form-group">
 					<view class="title">手机号码</view>
-					<input type="number" placeholder="请输入手机号..." @input="wxInput" data-val="editmobile" :value="weixinInfo.editmobile"></input>
+					<input type="number" placeholder="请输入手机号..." @input="wxInput" data-val="editmobile"
+						:value="weixinInfo.editmobile"></input>
 				</view>
 				<view class="cu-form-group margin-bottom solids-bottom">
 					<view class="title">验证码</view>
-					<input type="number" placeholder="请输入验证码..." @input="wxInput" data-val="editcode" :value="weixinInfo.editcode"></input>
-					<button class='cu-btn bg-green shadow' @click="getSmsCode(weixinInfo.editmobile)">{{smsinfo.text}}</button>
+					<input type="number" placeholder="请输入验证码..." @input="wxInput" data-val="editcode"
+						:value="weixinInfo.editcode"></input>
+					<button class='cu-btn bg-green shadow'
+						@click="getSmsCode(weixinInfo.editmobile)">{{smsinfo.text}}</button>
 				</view>
 			</form>
-			<button class="cu-btn bg-green margin-tb-sm lg" open-type="getUserInfo" @getuserinfo="editMobile">手机号快捷登录</button>
+			<button class="cu-btn bg-green margin-tb-sm lg" open-type="getUserInfo"
+				@getuserinfo="editMobile">手机号快捷登录</button>
 			<button class="cu-btn margin-tb-sm lg" @tap="checkMobile" data-formname="wxCheckMobileForm">返回</button>
-		</view>
+		</view> -->
 		<!-- #endif -->
-		
+
 		<!-- #ifdef APP-PLUS -->
 		<view class="padding flex flex-direction">
 			<form>
 				<view class="cu-form-group">
 					<view class="title">手机号码</view>
-					<input type="number" placeholder="请输入手机号..." @input="appInput" data-val="editmobile" :value="mobileInfo.editmobile"></input>
+					<input type="number" placeholder="请输入手机号..." @input="appInput" data-val="editmobile"
+						:value="mobileInfo.editmobile"></input>
 				</view>
 				<view class="cu-form-group margin-bottom solids-bottom">
 					<view class="title">验证码</view>
-					<input type="number" placeholder="请输入验证码..." @input="appInput" data-val="editcode" :value="mobileInfo.editcode"></input>
-					<button class='cu-btn bg-green shadow' @click="getSmsMCode(mobileInfo.editmobile)">{{smsinfo.text}}</button>
+					<input type="number" placeholder="请输入验证码..." @input="appInput" data-val="editcode"
+						:value="mobileInfo.editcode"></input>
+					<button class='cu-btn bg-green shadow'
+						@click="getSmsMCode(mobileInfo.editmobile)">{{smsinfo.text}}</button>
 				</view>
 			</form>
 			<button class="cu-btn bg-green margin-tb-sm lg" @tap="regMobile">立即登录</button>
@@ -74,7 +113,7 @@
 					editmobile: "",
 					editcode: ""
 				},
-				
+
 				mobileInfo: {
 					parentid: 0,
 					editmobile: "",
@@ -106,12 +145,12 @@
 			clearInterval(_this.timerId);
 		},
 		methods: {
-			
+
 			// 判断是否已登录
 			isLogin: function() {
 				try {
 					const userinfo = uni.getStorageSync('userinfo') || null;
-					if (userinfo) {	
+					if (userinfo) {
 						_this.checkuserinfoall(userinfo);
 						_this.toPage();
 					}
@@ -119,18 +158,18 @@
 					console.log("e: " + JSON.stringify(e));
 				}
 			},
-			handelChange: function (e){
+			handelChange: function(e) {
 				_this.isChecked = (e.detail.value.length > 0);
 			},
-			showAgreement: function () {
-				
+			showAgreement: function() {
+
 			},
-			checkuserinfoall: function(userinfo){
+			checkuserinfoall: function(userinfo) {
 				_this.$req.ajax({
 					path: "my/getuser",
 					title: "正在获取用户信息",
 					data: {
-						userid: userinfo.id,								
+						userid: userinfo.id,
 					}
 				}).then((data) => {
 					//判断用户资料是否完善
@@ -142,7 +181,7 @@
 					// }
 					//判断用户是否已实名认证
 					_this.toPage();
-					if(data.user.authstatus==1){
+					if (data.user.authstatus == 1) {
 						uni.navigateTo({
 							url: "/pages/my/myauth"
 						});
@@ -156,7 +195,7 @@
 						showCancel: false
 					});
 					_this.isRotate = false;
-				});	
+				});
 			},
 			// 页面跳转
 			toPage: function() {
@@ -179,8 +218,8 @@
 					}
 				});
 			},
-			
-			
+
+
 			// S 微信端登录注册
 			// 自填手机号
 			editMobile: function() {
@@ -289,20 +328,32 @@
 											uni.getUserProfile({
 												desc: '获取你的昵称、头像、地区及性别',
 												success: infoRes => {
-													_this.weixinInfo.openid = data.openid;
-													_this.weixinInfo.session_key = data.session_key;
-													_this.weixinInfo.nickname = infoRes.userInfo.nickName;
-													_this.weixinInfo.avatar = infoRes.userInfo.avatarUrl;
-													_this.formName = "wxCheckMobileForm";
+													_this.weixinInfo.openid =
+														data.openid;
+													_this.weixinInfo
+														.session_key = data
+														.session_key;
+													_this.weixinInfo.nickname =
+														infoRes.userInfo
+														.nickName;
+													_this.weixinInfo.avatar =
+														infoRes.userInfo
+														.avatarUrl;
+													_this.formName =
+														"wxCheckMobileForm";
 												},
 												fail: res => {
 													uni.showModal({
 														title: '警告',
 														content: '您点击了拒绝授权，将无法正常注册登录，点击确定重新获取授权。',
 														showCancel: false,
-														success: function(res) {
-															if (res.confirm) {
-																uni.openSetting();
+														success: function(
+															res) {
+															if (res
+																.confirm
+															) {
+																uni
+																	.openSetting();
 															}
 														}
 													});
@@ -364,7 +415,7 @@
 					}
 				});
 			},
-			
+
 			checkMobile: function(e) {
 				_this.formName = e.currentTarget.dataset.formname;
 			},
@@ -403,13 +454,13 @@
 					_this.smsinfo.status = false;
 				});
 			},
-			
+
 			wxInput: function(e) {
 				var dataval = e.currentTarget.dataset.val;
 				_this.weixinInfo[dataval] = e.detail.value;
 			},
 			// E 微信端登录注册
-			
+
 			// S APP端登录注册
 			appInput: function(e) {
 				var dataval = e.currentTarget.dataset.val;
@@ -478,7 +529,7 @@
 			}
 			// E APP端登录注册
 		},
-		
+
 		onShareAppMessage: function(res) {
 			return {
 				title: "登录注册",
@@ -488,14 +539,109 @@
 	}
 </script>
 
-<style>
+<style lang="scss">
 	.login-page {
 		width: 100%;
 		height: 100vh;
-		background-color: #FFFFFF;
+		// background-color: #FFFFFF;
 	}
 
 	.cu-form-group .title {
 		min-width: calc(4em + 15px);
 	}
-</style>
+
+	.loginBox {
+		margin: 30rpx 30rpx 0;
+		padding-bottom: 30rpx;
+		border-radius: 22rpx;
+		background-color: #FFFFFF;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		.loginBg {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			.tilteBg {
+				margin: 70rpx 0 52rpx;
+				width: 552rpx;
+				height: 192rpx;
+			}
+
+			.iconBg {
+				margin-bottom: 100rpx;
+				width: 277rpx;
+				height: 205rpx;
+			}
+		}
+	}
+
+	.checkCss {
+		display: flex;
+		align-items: center;
+		height: 100rpx;
+		border-top: 1rpx solid #E6E6E6;
+		font-size: 28rpx;
+	}
+
+	// 选中的颜色
+	.option_active {
+		color: orange;
+		position: relative;
+	}
+
+	.option_active::after {
+		content: '';
+		position: absolute;
+		left: 30rpx;
+		top: 50%;
+		transform: translateY(-50%);
+		width: 30rpx;
+		height: 30rpx;
+		border-radius: 50%;
+		background-color: #CA151C;
+	}
+
+	.option_active::before {
+		content: '';
+		position: absolute;
+		left: 35rpx;
+		top: 42%;
+		transform: translateY(-50%);
+		width: 18rpx;
+		height: 10rpx;
+		border-left: 2rpx solid #ffffff;
+		border-bottom: 2rpx solid #ffffff;
+		transform: rotate(-45deg);
+		z-index: 4;
+	}
+
+	// 默认颜色
+	.option_default {
+		color: #000000;
+		position: relative;
+	}
+
+	.option_default::after {
+		content: '';
+		position: absolute;
+		left: 30rpx;
+		top: 50%;
+		transform: translateY(-50%);
+		width: 30rpx;
+		height: 30rpx;
+		border-radius: 50%;
+		border: 1rpx solid #484848;
+		box-sizing: border-box;
+	}
+
+	.checkboxHidden {
+		display: none;
+	}
+
+	.checkTxt {
+		margin-left: 80rpx;
+	}
+</style>

pages/my/mycode.vue

@@ -1,9 +1,10 @@
 <template>
 	<view>
-		
-		<image class="echo-mycodeban" mode="widthFix" :src="param.mycodeban"></image>
-		
-		<view class="bg-blue padding-lr-xl padding-bottom-xl" :style="'min-height: calc(100vh); background-color: '+param.mycodecolor+';'">
+		<image class="bg-img" :src="$getImageUrl('static/images/applet/other/extensionBg.png')" mode="widthFix"></image>
+		<!-- <image class="echo-mycodeban" mode="widthFix" :src="param.mycodeban"></image> -->
+
+		<view class="padding-lr-xl padding-bottom-xl" :style="'min-height: calc(100vh); margin-top: 390rpx'"
+			v-if="true">
 			<view class="text-center bg-white margin-bottom-lg radius">
 				<view class="text-xl padding-lr padding-top">
 					<text class="text-black">我的邀请码</text>
@@ -14,17 +15,21 @@
 				<view class="padding">
 					<image class="codeimg" mode="widthFix" @click="refCode" :src="userinfo.wxampcode"></image>
 					<view class="flex flex-direction">
-						<button class="cu-btn round bg-gray margin-top-sm lg" @tap="saveImage">保存我的邀请码</button>
+						<button class="cu-btn round bg-gray margin-top-sm lg"
+							style="width: 90%;margin: 20rpx auto 0;background-color: #F9C7AC;"
+							@tap="saveImage">保存我的邀请码</button>
 					</view>
 					<view class="flex flex-direction">
-						<button class="cu-btn round bg-green margin-tb-sm lg" open-type="share">微信邀请</button>
+						<button class="cu-btn round bg-themeBtn margin-tb-sm lg" style="width: 90%;margin: 20rpx auto;"
+							open-type="share">微信邀请</button>
 					</view>
 				</view>
-			</view>			
-			
+			</view>
+
 			<scroll-view scroll-x class="bg-white radius nav">
 				<view class="flex text-center solid-bottom">
-					<view class="cu-item flex-sub" :class="1==TabCur?'text-orange cur':''" @tap="tabSelect" :data-id="1">
+					<view class="cu-item flex-sub" :class="1==TabCur?'text-red cur':''" @tap="tabSelect"
+						:data-id="1">
 						邀请排行
 					</view>
 					<!-- <view class="cu-item flex-sub" :class="2==TabCur?'text-orange cur':''" @tap="tabSelect" :data-id="2">
@@ -32,7 +37,7 @@
 					</view> -->
 				</view>
 			</scroll-view>
-			
+
 			<view class="cu-list radius menu" v-if="1==TabCur">
 				<block v-for="(item,index) in plist" :key="index">
 					<view class="cu-item">
@@ -53,26 +58,28 @@
 					</view>
 				</view>
 			</view>
-			
+
 			<view class="bg-white padding radius" v-if="2==TabCur">
 				<form>
 					<view class="cu-form-group">
 						<view class="title">姓名</view>
-						<input placeholder="请输入推荐人姓名" @input="bindInput" data-val="realname" :value="forminfo.realname"></input>
+						<input placeholder="请输入推荐人姓名" @input="bindInput" data-val="realname"
+							:value="forminfo.realname"></input>
 					</view>
 					<view class="cu-form-group solids-bottom">
 						<view class="title">手机号</view>
-						<input placeholder="请输入推荐人手机号" @input="bindInput" data-val="mobile" :value="forminfo.mobile"></input>
-					</view>	
+						<input placeholder="请输入推荐人手机号" @input="bindInput" data-val="mobile"
+							:value="forminfo.mobile"></input>
+					</view>
 					<view class="padding flex flex-direction">
 						<button class="cu-btn bg-orange margin-tb-sm lg" @tap="regUser">确认提交</button>
 					</view>
 				</form>
 			</view>
 		</view>
-		
-		
-		
+
+
+
 	</view>
 </template>
 
@@ -87,7 +94,7 @@
 				TabCur: 1,
 				plist: [],
 				pcount: 0,
-				
+
 				isRotate: false,
 				forminfo: {
 					realname: "",
@@ -95,13 +102,13 @@
 				}
 			};
 		},
-		onLoad: function(){ 
+		onLoad: function() {
 			_this = this;
 			_this.userinfo = _this.checkLogin("/pages/my/mycode");
-			if (_this.userinfo===false){
+			if (_this.userinfo === false) {
 				return false;
 			}
-			if (_this.userinfo.wxampcode==""){
+			if (_this.userinfo.wxampcode == "") {
 				_this.refCode();
 			}
 			_this.$req.ajax({
@@ -122,31 +129,31 @@
 		onShareAppMessage: function(res) {
 			return {
 				title: _this.param.mycodetil,
-				path: "/pages/login/sharepuser?parentid="+_this.userinfo.id,
+				path: "/pages/login/sharepuser?parentid=" + _this.userinfo.id,
 				imageUrl: _this.param.mycodepic
-		    }
+			}
 		},
 		methods: {
 			saveImage: function() {
 				uni.downloadFile({
-				    url: _this.userinfo.wxampcode, //仅为示例，并非真实的资源
-				    success: (res) => {
-				        if (res.statusCode === 200) {
-				            uni.saveImageToPhotosAlbum({
-				            	filePath: res.tempFilePath,
-				            	success: function () {
+					url: _this.userinfo.wxampcode, //仅为示例，并非真实的资源
+					success: (res) => {
+						if (res.statusCode === 200) {
+							uni.saveImageToPhotosAlbum({
+								filePath: res.tempFilePath,
+								success: function() {
 									uni.showModal({
 										title: '信息提示',
 										content: "邀请码已保存到手机相册，注意查收。",
 										showCancel: false
 									});
-				            	}
-				            });
-				        }
-				    }
+								}
+							});
+						}
+					}
 				});
 			},
-			
+
 			refCode: function() {
 				_this.$req.ajax({
 					path: "my/refcode",
@@ -154,7 +161,7 @@
 						userid: _this.userinfo.id
 					}
 				}).then((data) => {
-					_this.userinfo.wxampcode = data.wxampcode+"?" + Math.random();
+					_this.userinfo.wxampcode = data.wxampcode + "?" + Math.random();
 					uni.setStorageSync('userinfo', _this.userinfo);
 				}).catch((err) => {
 					uni.showModal({
@@ -164,12 +171,12 @@
 					});
 				});
 			},
-			
+
 			tabSelect: function(e) {
 				_this.TabCur = e.currentTarget.dataset.id;
 			},
 			regUser: function() {
-				if(_this.isRotate){
+				if (_this.isRotate) {
 					return false;
 				}
 				_this.isRotate = true;
@@ -204,8 +211,8 @@
 					_this.isRotate = false;
 				});
 			},
-			
-			
+
+
 			bindInput: function(e) {
 				var dataval = e.currentTarget.dataset.val;
 				_this.forminfo[dataval] = e.detail.value;
@@ -214,6 +221,18 @@
 	}
 </script>
 
-<style>
-	.echo-mycodeban{ width: 100%; display: block; }
-</style>
+<style lang="scss">
+	.echo-mycodeban {
+		width: 100%;
+		display: block;
+	}
+
+	.bg-img {
+		position: fixed;
+		width: 100%;
+		// height: 100%;
+		top: 0;
+		left: 0;
+		z-index: -1;
+	}
+</style>