样式修改

components/pcNav/pcNav.vue

@@ -10,8 +10,9 @@
 				<view class="allCategory">
 					<view class="allCategoryLine" :class="{'indexActive':itemName==item.name}" v-for="(item,index) in allCategory" v-if="index<5" @click="goItem(item)">{{item.name}}</view>
 				    <view class="allCategoryMore" v-if="allCategory.length>1">
-					 <span @click="moreBtn">更多</span> 
+					 <span @click="moreBtn" class="moreBtn">更多</span> 
 					 <image @click="moreBtn" src="../../static/pcimg/icon_arrow_xia@2x.png" mode="widthFix" class="navmoreImg"></image>
+					 <image  src="../../static/pcimg/mores.png" mode="widthFix" class="navmoreImg2"></image>
 					 <view class="navMoret" >
 					 	<view class="navMoreTline" v-for="(item,index) in allCategory" v-if="index>4" @click="goItem(item)">{{item.name}}</view>
 					 </view>
@@ -83,9 +84,9 @@
 <style scoped>
 	.nav{
 		width: 100%;
-		height: 72rpx;
+		height: 72px;
 		background: #FFFFFF;
-		box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(153, 153, 153, 0.12);
+		box-shadow: 0px 4px 10px 0px rgba(153, 153, 153, 0.12);
 		display: flex;
 		justify-content: center;
 		position: fixed;
@@ -94,28 +95,28 @@
 		z-index: 11;
 	}
 	.navCont{
-		width: 1200rpx;
+		width: 1200px;
 		display: flex;
 		position: relative;
 	}
 	.logoImg{
-		width: 77rpx;
-		height: 36rpx;
-		margin-top: 19rpx;
+		width: 77px;
+		height: 36px;
+		margin-top: 19px;
 	}
 	.navTitle{
-		line-height: 72rpx;
+		line-height: 72px;
 		font-weight: 500;
 		color: #3C3C3C;
-		font-size: 22rpx;
-		padding-left: 24rpx;
+		font-size: 22px;
+		padding-left: 24px;
 	}
 	.indexNav{
-		line-height: 72rpx;
+		line-height: 72px;
 		font-weight: 500;
 		color: #3C3C3C;
-		font-size: 20rpx;
-		padding-left: 54rpx;
+		font-size: 18px;
+		padding-left: 54px;
 		cursor: pointer;
 	}
 	.indexActive{
@@ -123,56 +124,72 @@
 	}
 	.allCategory{
 		display: flex;
-		line-height: 72rpx;
+		line-height: 72px;
 	}
 	.allCategoryLine{
-		padding-left: 44rpx;
+		padding-left: 44px;
 		color: #3C3C3C;
-		font-size: 18rpx;
+		font-size: 18px;
 		cursor: pointer;
 	}
 	.allCategoryMore{
-		padding-left: 44rpx;
+		padding-left: 44px;
 		color: #3C3C3C;
-		font-size: 18rpx;
+		font-size: 18px;
 		display: flex;
 		cursor: pointer;
 		position: relative;
 	}
 	.navMoret{
 		position: absolute;
-		width: 130rpx;
+		width: 130px;
 		background: #FFFFFF;
-		box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(153, 153, 153, 0.12);
-		border-radius: 6rpx;
-		top: 72rpx;
+		box-shadow: 0px 4px 10px 0px rgba(153, 153, 153, 0.12);
+		border-radius: 6px;
+		top: 72px;
 		left:0 ;
-		font-size: 18rpx;
+		font-size: 18px;
 		 display: none; 
 	}
 	.allCategoryMore:hover .navMoret{
 		display: block;
 	}
 	.navMoreTline{
-		width: 130rpx;
+		width: 130px;
 		text-align: center;
-		font-size: 20rpx;
-		line-height: 60rpx;
+		font-size: 18px;
+		line-height: 60px;
+	}
+	.allCategoryMore:hover .moreBtn{
+		 color: #FF4F00; 
 	}
 	.navmoreImg{
-		width: 12rpx;
-		height: 8rpx;
-		margin-top: 32rpx;
-		margin-left: 10rpx;
+		width: 12px;
+		height: 8px;
+		margin-top: 32px;
+		margin-left: 10px;
+	}
+	.navmoreImg2{
+		width: 12px;
+		height: 8px;
+		margin-top: 32px;
+		margin-left: 10px;
+		display: none;
+	}
+	.allCategoryMore:hover .navmoreImg{
+		display: none;
+	}
+	.allCategoryMore:hover .navmoreImg2{
+		display: block;
 	}
 	.navSsimg{
-		width: 24rpx;
-		height: 24rpx;
+		width: 24px;
+		height: 24px;
 	}
 	.navSs{
 		position: absolute;
 		cursor: pointer;
-		top:24rpx;
+		top:24px;
 		right: 0;
 	}
 </style>

pages/pc/detail.vue

@@ -1,11 +1,11 @@
 <template>
 	<view class="content">
         <pcNav></pcNav>
-        <view style="height: 72rpx;"></view>
+        <view style="height: 72px;"></view>
 		<view class="top">
 			<view class="topline" @click="goIndex">首页</view>
 			<view class="topjt">></view>
-			<view class="topline" @click="goList()">{{topName}}</view>
+			<view class="topline" :class="{'c999':!twoName}" @click="goList()">{{topName}}</view>
 			<view class="topjt" v-if="twoName">></view>
 			<view class="topline" :class="{'c999':twoName}">{{twoName}}</view>
 		</view>
@@ -28,7 +28,7 @@
 		<view class="lbel">
 			<view class="topName">{{topName}}</view>
 		</view>
-        <view style="height: 100rpx;width: 1800rrpx;background-color: red;"></view>
+       
 	</view>
 </template>
 
@@ -97,13 +97,13 @@
 					if (this.detailData.contents) {
 						var replaceStr = "application/x-shockwave-flash"
 					    this.detailData.contents=this.detailData.contents.replace(new RegExp(replaceStr,'gm'),'video/webm')//(/''/g,"video/webm")
-					    this.detailData.contents=this.detailData.contents.replace(/<embed([\s\w"-=\/\.:;]+)/ig, '<embed style="width: 100%;height:500rpx;" $1');
+					    this.detailData.contents=this.detailData.contents.replace(/<embed([\s\w"-=\/\.:;]+)/ig, '<embed style="width: 100%;height:500px;" $1');
 					}
 
 					 if (this.detailData.contents) {
 						this.detailData.contents = this.detailData.contents.replace(
 								/<p([\s\w"=\/\.:;]+)((?:(style="[^"]+")))/ig, '<p')
-							.replace(/<p>/ig, '<p style="font-size: 15rpx; line-height: 25rpx;">')
+							.replace(/<p>/ig, '<p style="font-size: 15px; line-height: 25px;">')
 							.replace(/<img([\s\w"-=\/\.:;]+)((?:(height="[^"]+")))/ig, '<img$1')
 							.replace(/<img([\s\w"-=\/\.:;]+)((?:(width="[^"]+")))/ig, '<img$1')
 							.replace(/<img([\s\w"-=\/\.:;]+)((?:(style="[^"]+")))/ig, '<img$1')
@@ -126,47 +126,47 @@
 
 <style scoped>
 	.top{
-		width: 1200rpx;
+		width: 1200px;
 		margin: 0 auto;
 		display: flex;
-		padding: 30rpx 0;
-		font-size: 14rpx;
+		padding: 30px 0;
+		font-size: 14px;
 	}
 	.htmlBox{
-		width: 720rpx;
+		width: 720px;
 		margin: 0 auto;
 	}
 	.topline{
-		padding-right: 10rpx;
+		padding-right: 10px;
 		cursor: pointer;
 		color: #3C3C3C;
 	}
 	.topjt{
 		color: #AAAAAA;
-		padding-right: 10rpx;
+		padding-right: 10px;
 	}
 	.htmlTitle{
-		font-size: 24rpx;
+		font-size: 24px;
 		font-weight: 500;
 		color: #3C3C3C;
-		line-height: 33rpx;
+		line-height: 33px;
 	}
 	.time{
-		font-size: 14rpx;
-		padding-top: 16rpx;
+		font-size: 14px;
+		padding-top: 16px;
 		color: #999999;
-		line-height: 20rpx;
-		border-bottom: 1rpx solid #EEEEEE;
-		padding-bottom: 19rpx;
+		line-height: 20px;
+		border-bottom: 1px solid #EEEEEE;
+		padding-bottom: 19px;
 	}
 	.html{
-		padding-top: 18rpx;
+		padding-top: 18px;
 	}
 	.fileIcon{
-		width: 14rpx;
-		height: 14rpx;
-		margin-top: 4rpx;
-		margin-right: 4rpx;
+		width: 14px;
+		height: 14px;
+		margin-top: 4px;
+		margin-right: 4px;
 	}
 	.itemArrLeft{
 		display: flex;
@@ -174,48 +174,48 @@
 	.itemArrLine{
 		display: flex;
 		justify-content: space-between;
-		padding: 16rpx 0;
-		border-bottom: 1rpx solid #EEEEEE;
+		padding: 16px 0;
+		border-bottom: 1px solid #EEEEEE;
 		color: #333333;
-		line-height: 22rpx;
-		font-size: 16rpx;
-		width: 720rpx;
+		line-height: 22px;
+		font-size: 16px;
+		width: 720px;
 	}
 	.itemArr{
-		width: 720rpx;
+		width: 686px;
 		margin: 0 auto;
-		margin-top: 30rpx;
-		border-radius: 6rpx;
-		border: 1rpx solid #EEEEEE;
-		padding: 0 16rpx;
+		margin-top: 30px;
+		border-radius: 6px;
+		border: 1px solid #EEEEEE;
+		padding: 0 16px;
 		
 	}
 	.dloadbtn{
 		display: block;
-		width: 68rpx;
-		height: 28rpx;
+		width: 68px;
+		height: 28px;
 		background: #3F90F7;
-		border-radius: 6rpx;
+		border-radius: 6px;
 		color: #FFFFFF;
 		text-align: center;
-		line-height:28rpx ;
-		font-size: 14rpx;
+		line-height:28px ;
+		font-size: 14px;
 		text-decoration:none;
 	}
 	.lbel{
-		width: 720rpx;
+		width: 720px;
 		margin: 0 auto;
-		margin-top: 30rpx;
-		padding-bottom: 30rpx;
+		margin-top: 30px;
+		padding-bottom: 30px;
 	}
 	.topName{
-		width: 84rpx;
-		height: 24rpx;
+		width: 84px;
+		height: 24px;
 		background: rgba(63, 144, 247, 0.1);
-		border-radius: 14rpx;
-		font-size: 12rpx;
+		border-radius: 14px;
+		font-size: 12px;
 		color: #3F90F7;
-		line-height: 24rpx;
+		line-height: 24px;
 		text-align: center;
 	}
 	.fileName{

pages/pc/groupingList.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="content">
 		<pcNav :itemName="topName"></pcNav>
-		<view style="height: 72rpx;"></view>
+		<view style="height: 72px;"></view>
 	    <view class="top">
 	    	<view class="topline" @click="goIndex">首页</view>
 	    	<view class="topjt">></view>
@@ -49,7 +49,7 @@
 		
 		<!-- -->
 		<view class="pageView" v-show="TotalSize>0">
-			<page-pagination :pageSize="pageSize" :total="TotalSize" :numAround="true" @change="pageChange"></page-pagination>
+			<page-pagination :pageSize="pageSize" :size="'small'" :total="TotalSize" :numAround="true" @change="pageChange"></page-pagination>
 		</view>
 		<!-- <view>
 			<a class="table-btn" href="http://phone.66km.cn:8088/marketing/training/940C4BF0A2E04542A1A1AD244EAFB6E2.xlsx" target='_blank'>下载入口</a>
@@ -160,76 +160,76 @@
 
 <style scoped>
 	 .top{
-	 	width: 1200rpx;
+	 	width: 1200px;
 	 	margin: 0 auto;
 	 	display: flex;
-	 	padding: 30rpx 0;
-	 	font-size: 14rpx;
+	 	padding: 30px 0;
+	 	font-size: 14px;
 	 }
 	 .htmlBox{
-	 	width: 720rpx;
+	 	width: 720px;
 	 	margin: 0 auto;
 	 }
 	 .topline{
-	 	padding-right: 10rpx;
+	 	padding-right: 10px;
 	 	cursor: pointer;
 	 	color: #3C3C3C;
 	 	
 	 }
 	 .topjt{
 	 	color: #AAAAAA;
-	 	padding-right: 10rpx;
+	 	padding-right: 10px;
 	 }
 	*{
 		padding: 0;
 		margin: 0;
 	}
 	.gotopImg{
-		width: 60rpx;
-		height: 60rpx;
+		width: 60px;
+		height: 60px;
 	}
 	.gotop{
 		position: fixed;
 		right:15vh ;
-		bottom: 100rpx;
+		bottom: 100px;
 		cursor: pointer;
 	}
 	.topName{
 		text-align: center;
-		font-size: 24rpx;
+		font-size: 24px;
 		font-weight: 500;
 		color: #3C3C3C;
-		line-height: 33rpx;
-		padding-top: 30rpx;
+		line-height: 33px;
+		padding-top: 30px;
 	}
 	.comment{
 		text-align: center;
-		font-size: 14rpx;
+		font-size: 14px;
 		font-weight: 400;
 		color: #999999;
-		line-height: 20rpx;
-		width: 500rpx;
-		padding-top: 10rpx;
+		line-height: 20px;
+		width: 500px;
+		padding-top: 10px;
 		margin: 0 auto;
 	}
 	.main{
-		width: 1200rpx;
+		width: 1200px;
 		margin: 0 auto;
-		padding-top: 30rpx;
+		padding-top: 30px;
 	}
 	.dynamicColLeft{
 		display: flex;
 	}
 	.dynamicColLIne{
-		padding-right: 44rpx;
-		font-size: 16rpx;
+		padding-right: 44px;
+		font-size: 16px;
 		color: #3C3C3C;
 		cursor: pointer;
 	}
 	.qhImg{
-		width: 28rpx;
-		height: 28rpx;
-		margin-left: 8rpx;
+		width: 28px;
+		height: 28px;
+		margin-left: 8px;
 		cursor: pointer;
 	}
 	.dynamicCol{
@@ -240,11 +240,11 @@
 		color: #FF4F00;
 	}
 	.mainwzImg{
-		width: 276rpx;
-		height: 184rpx;
+		width: 276px;
+		height: 184px;
 	}
 	.mainwzImgBox{
-		border-radius: 15rpx;
+		border-radius: 15px;
 	    overflow: hidden;
 	}
 	.contf{
@@ -252,22 +252,22 @@
 		flex-wrap: wrap;
 	}
 	.mainwzline{
-		width: 276rpx;
-		height: 260rpx;
+		width: 276px;
+		height: 260px;
 		background: #FFFFFF;
-		margin-right: 32rpx;	
-		padding-top: 33rpx;
+		margin-right: 32px;	
+		padding-top: 33px;
 		cursor: pointer;
 	}
 	.mainwzlineR{
-	  margin-right: 0rpx;	
+	  margin-right: 0px;	
 	}
 	.wztitle{
-		width: 250rpx;
-		font-size: 16rpx;
+		width: 250px;
+		font-size: 16px;
 		color: #333333;
-		line-height: 22rpx;
-		height: 44rpx;
+		line-height: 22px;
+		height: 44px;
 		text-overflow: -o-ellipsis-lastline;
 		 overflow: hidden;
 		 text-overflow: ellipsis;
@@ -275,57 +275,58 @@
 		 -webkit-line-clamp: 2;
 		 line-clamp: 2;
 		 -webkit-box-orient: vertical;
-		 padding-top: 16rpx;
-		 padding:0 13rpx ;
+		 padding-top: 16px;
+		 padding:0 13px ;
 	}
 	.wzLeftIMg{
-		width: 200rpx;
-		height: 132rpx;
+		width: 200px;
+		height: 132px;
 	}
 	.wxLine{
 		display: flex;
-		padding-top: 30rpx;
+		padding-top: 30px;
 		cursor: pointer;
 	}
 	.wzLineLeft{
-		border-radius: 10rpx;
+		border-radius: 10px;
 		overflow: hidden;
-		width: 200rpx;
-		height: 132rpx;
+		width: 200px;
+		height: 132px;
 	}
 	.wzLineRight{
-		padding-left: 16rpx;
-		width: 950rpx;
+		padding-left: 16px;
+		width: 950px;
 	}
 	.wzTitle{
-		font-size: 16rpx;
+		font-size: 16px;
 		font-weight: 500;
 		color: #3C3C3C;
 	}
 	.wzComment{
-		font-size: 12rpx;
+		font-size: 12px;
 		font-family: PingFangSC-Regular, PingFang SC;
 		font-weight: 400;
 		color: #999999;
-		line-height: 17rpx;
-		padding-top: 10rpx;
-		width: 1000rpx;
+		line-height: 17px;
+		padding-top: 10px;
+		width: 1000px;
 	}
 	.pageView{
-		margin-top: 20rpx;
+		margin-top: 20px;
 		cursor: pointer;
-		padding-bottom: 20rpx;
+		padding-bottom: 20px;
 	}
 	.nodataImg{
-		width: 300rpx;
-		height: 203rpx;
+		width: 300px;
+		height: 203px;
+		padding-top: 100px;
 	}
 	.nodata{
 		text-align: center;
 	}
 	.nodataTitle{
-		font-size: 16rpx;
-		padding-top: 16rpx;
+		font-size: 16px;
+		padding-top: 16px;
 		font-weight: 400;
 		color: #999999;
 	}

pages/pc/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="content">
 		<pcNav :data="'index'"></pcNav>
-		<view style="height: 72rpx;"></view>
+		<view style="height: 72px;"></view>
 		<view class="swiperBox">
 			<view class="swiperCont">
 				<view class="tuijbox">
@@ -48,7 +48,10 @@
 							<view class="mainlineTitle">{{item.name}}</view>
 							<view class="mainlinecount">共{{item.count}}篇文章</view>
 						</view>
-						<view class="mainlineMore" @click="mainMore(item)">查看更多></view>
+						<view class="mainlineMore" @click="mainMore(item)">查看更多
+						  <image src="../../static/pcimg/icon_list_arrow_def@2x.png" mode="" class="linegdImg1"></image>
+						  <image src="../../static/pcimg/icon_list_arrow_sel@2x.png" mode="" class="linegdImg2"></image>
+						</view>
 					</view>
 					<view class="mainwzbox" v-if="item.children.length>0">
 						<view class="mainwzline" v-for="(wz,wzindex) in item.children" @click="goDetail2(wz,item)" v-if="wzindex<4" :class="{'mainwzlineR':wzindex!=3}">
@@ -170,101 +173,102 @@
 <style scoped>
 	
 	.swiperBox{
-		height: 356rpx;
+		height: 356px;
 		background: #F3F8FF;
 		width: 100%;
 	}
 	.swiperCont{
-		width: 1200rpx;
+		width: 1232px;
 		margin: 0 auto;
 		position: relative;
 	}
 	.tuijImg{
-		width: 24rpx;height: 24rpx;
+		width: 24px;height: 24px;
 	}
 	.tuijbox{
-		display: flex;padding-top: 44rpx;padding-bottom: 30rpx;
+		display: flex;padding-top: 44px;padding-bottom: 30px;
 	}
 	.tuijTitle{
-		font-size: 24rpx;
+		font-size: 24px;
 		font-family: PingFangSC-Medium, PingFang SC;
 		font-weight: 500;
 		color: #111111;
-		padding-left: 7rpx;
-		line-height: 24rpx;
+		padding-left: 7px;
+		line-height: 24px;
 	}
 	.swpImgleft{
-		width: 44rpx;
-		height: 44rpx;
+		width: 44px;
+		height: 44px;
 		position: absolute;
-		top: 175rpx;
-		left: -60rpx;
+		top: 175px;
+		left: -60px;
 		cursor: pointer;
 	}
 	.swpImgright{
-		width: 44rpx;
-		height: 44rpx;
+		width: 44px;
+		height: 44px;
 		position: absolute;
-		top: 175rpx;
-		right: -60rpx;
+		top: 175px;
+		right: -60px;
 		cursor: pointer;
 	}
 	.swiper-item{
-		width: 576rpx;
-		height: 183rpx;
+		width: 576px;
+		height: 183px;
 		background: #FFFFFF;
-		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(153, 153, 153, 0.25);
-		border-radius: 9rpx;
-		margin-top: 14rpx;
+		margin-left: 16px;
+		margin-right: 16px;
+		border-radius: 9px;
+		margin-top: 14px;
 		position: relative;
 		cursor: pointer;
 	}
 	.swiper-item:hover{
-		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(153, 153, 153, 0.25);
+		box-shadow: 0px 0px 16px 0px rgba(153, 153, 153, 0.25);
 	}
 	.swpCont{
 		display: flex;
-		height: 210rpx;
+		height: 210px;
 		justify-content: space-between;
 	}
 	.swpimg{
-		width: 276rpx;
-		height: 184rpx;
+		width: 276px;
+		height: 184px;
 	}
 	.swpimgBox{
-		width: 276rpx;
-		height: 184rpx;
+		width: 276px;
+		height: 184px;
 		position: absolute;
 		left: 0;
-		top: -14rpx;
+		top: -14px;
 		
 	}
 	.swpBr{
-		width: 276rpx;
-		height: 184rpx;
-		border-radius: 10rpx;
+		width: 276px;
+		height: 184px;
+		border-radius: 10px;
 		overflow: hidden;
 	}
 	.swiper{
-		height: 200rpx;
+		height: 220px;
 	}
 	.swpTitleBox{
-		padding-left: 296rpx;
+		padding-left: 296px;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-between;
-		height: 160rpx;
-		padding-top: 10rpx;
+		height: 160px;
+		padding-top: 10px;
 		
 	}
 	
 	.swpTitle{
-		width: 260rpx;
-		height: 44rpx;
-		font-size: 16rpx;
+		width: 260px;
+		height: 44px;
+		font-size: 16px;
 		font-weight: 500;
 		color: #3C3C3C;
-		line-height: 22rpx;
+		line-height: 22px;
 		 text-overflow: -o-ellipsis-lastline;
 		  overflow: hidden;
 		  text-overflow: ellipsis;
@@ -277,12 +281,12 @@
 		color: #FF4F00;
 	}
 	.categoryName{
-		line-height: 24rpx;
-		width: 84rpx;
-		height: 24rpx;
+		line-height: 24px;
+		width: 84px;
+		height: 24px;
 		background: rgba(63, 144, 247, 0.1);
-		border-radius: 14rpx;
-		font-size: 12rpx;
+		border-radius: 14px;
+		font-size: 12px;
 		color: #3F90F7;
 		text-align: center;
 		white-space: nowrap; 
@@ -290,11 +294,11 @@
 		text-overflow: ellipsis; 
 	}
 	.mainCont{
-		width: 1200rpx;
+		width: 1200px;
 		margin: 0 auto;
 	}
 	.mainline{
-		padding-top: 48rpx;
+		padding-top: 48px;
 	}
 	.mainlineTop{
 		display: flex;
@@ -304,52 +308,52 @@
 		display: flex;
 	}
 	.mainlineTitle{
-		font-size: 20rpx;
+		font-size: 20px;
 		font-weight: 500;
 		color: #111111;
-		line-height: 33rpx;
+		line-height: 33px;
 	}
 	.mainlinecount{
-		font-size: 14rpx;
+		font-size: 14px;
 		font-weight: 400;
 		color: #999999;
-        line-height: 33rpx;
-		padding-left: 16rpx;
+        line-height: 33px;
+		padding-left: 16px;
 	}
 	.mainlineMore{
-		font-size: 14rpx;
+		font-size: 14px;
 		color: #333333;
 	}
 	.mainwzbox{
 		display: flex;
-		padding-top: 30rpx;
+		padding-top: 30px;
 		
 	}
 	.mainwzImg{
-		width: 276rpx;
-		height: 184rpx;
+		width: 276px;
+		height: 184px;
 	}
 	.mainwzImgBox{
-		border-radius: 8rpx;
+		border-radius: 8px;
 	    overflow: hidden;
-		height: 184rpx;
-		border: 1rpx solid #eeeeee;
+		height: 184px;
+		border: 1px solid #eeeeee;
 	}
 	.mainwzline{
-		width: 276rpx;
-		height: 260rpx;
+		width: 276px;
+		height: 260px;
 		background: #FFFFFF;
 		
 	}
 	.mainwzlineR{
-	  margin-right: 32rpx;	
+	  margin-right: 32px;	
 	}
 	.wztitle{
-		width: 250rpx;
-		font-size: 15rpx;
+		width: 250px;
+		font-size: 15px;
 		color: #333333;
-		line-height: 22rpx;
-		height: 44rpx;
+		line-height: 22px;
+		height: 44px;
 		text-overflow: -o-ellipsis-lastline;
 		 overflow: hidden;
 		 text-overflow: ellipsis;
@@ -357,15 +361,15 @@
 		 -webkit-line-clamp: 2;
 		 line-clamp: 2;
 		 -webkit-box-orient: vertical;
-		 padding:0 13rpx ;
-		 padding-top: 16rpx;
+		 padding:0 13px ;
+		 padding-top: 16px;
 		 font-weight: 600;
 		
 	}
 	.mainwzline:hover{
 		background: #FFFFFF;
-		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(153, 153, 153, 0.2);
-		border-radius: 6rpx;
+		box-shadow: 0px 0px 16px 0px rgba(153, 153, 153, 0.2);
+		border-radius: 6px;
 		cursor: pointer;
 	}
 	.mainwzline:hover .wztitle{
@@ -376,13 +380,35 @@
 		cursor: pointer;
 	}
 	.gotopImg{
-		width: 60rpx;
-		height: 60rpx;
+		width: 60px;
+		height: 60px;
 	}
 	.gotop{
 		position: fixed;
 		right:15vh ;
-		bottom: 100rpx;
+		bottom: 100px;
 		cursor: pointer;
 	}
+	.linegdImg1{
+		width: 6px;
+		height: 10px;
+		margin-top: 5px;
+		margin-left: 4px;
+	}
+	.linegdImg2{
+		width: 6px;
+		height: 10px;
+		display: none;
+		margin-top: 5px;
+		margin-left: 4px;
+	}
+	.mainlineMore{
+		display: flex;
+	}
+	.mainlineMore:hover .linegdImg1{
+		display: none;
+	}
+	.mainlineMore:hover .linegdImg2{
+		display: block;
+	}
 </style>

pages/pc/list.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="content">
 		<pcNav :itemName="topName"></pcNav>
-		<view style="height: 72rpx;"></view>
+		<view style="height: 72px;"></view>
 	
 		
 		<view class="gotop" @click="gotoTop">
@@ -53,7 +53,7 @@
 		
 		<!-- -->
 		<view class="pageView" v-show="TotalSize">
-			<page-pagination :pageSize="pageSize" :total="TotalSize" :numAround="true" @change="pageChange"></page-pagination>
+			<page-pagination :pageSize="pageSize" :size="'small'" :total="TotalSize" :numAround="true" @change="pageChange"></page-pagination>
 		</view>
 		<!-- <view>
 			<a class="table-btn" href="http://phone.66km.cn:8088/marketing/training/940C4BF0A2E04542A1A1AD244EAFB6E2.xlsx" target='_blank'>下载入口</a>
@@ -157,52 +157,52 @@
 		margin: 0;
 	}
 	.gotopImg{
-		width: 60rpx;
-		height: 60rpx;
+		width: 60px;
+		height: 60px;
 	}
 	.gotop{
 		position: fixed;
 		right:15vh ;
-		bottom: 100rpx;
+		bottom: 100px;
 		cursor: pointer;
 	}
 	.topName{
 		text-align: center;
-		font-size: 20rpx;
+		font-size: 20px;
 		font-weight: 500;
 		color: #3C3C3C;
-		line-height: 33rpx;
-		padding-top: 30rpx;
+		line-height: 33px;
+		padding-top: 30px;
 	}
 	.comment{
 		text-align: center;
-		font-size: 14rpx;
+		font-size: 14px;
 		font-weight: 400;
 		color: #999999;
-		line-height: 20rpx;
-		width: 500rpx;
-		padding-top: 10rpx;
+		line-height: 20px;
+		width: 500px;
+		padding-top: 10px;
 		margin: 0 auto;
 	}
 	.main{
-		width: 1200rpx;
+		width: 1200px;
 		margin: 0 auto;
-		padding-top: 30rpx;
+		padding-top: 30px;
 	}
 	.dynamicColLeft{
 		display: flex;
 	}
 	.dynamicColLIne{
-		padding-right: 44rpx;
-		font-size: 16rpx;
+		padding-right: 44px;
+		font-size: 16px;
 		color: #3C3C3C;
 		cursor: pointer;
-		line-height: 28rpx;
+		line-height: 28px;
 	}
 	.qhImg{
-		width: 28rpx;
-		height: 28rpx;
-		margin-left: 8rpx;
+		width: 28px;
+		height: 28px;
+		margin-left: 8px;
 		cursor: pointer;
 	}
 	.dynamicCol{
@@ -213,39 +213,40 @@
 		color: #FF4F00;
 	}
 	.mainwzImg{
-		width: 276rpx;
-		height: 184rpx;
+		width: 276px;
+		height: 184px;
 	}
 	.mainwzImgBox{
-		border-radius: 15rpx;
+		border-radius: 15px;
 	    overflow: hidden;
-		height: 184rpx;
-			border: 1rpx solid #eeeeee;
+		height: 184px;
+			border: 1px solid #eeeeee;
 	}
 	.contf{
 		display: flex;
 		flex-wrap: wrap;
 	}
 	.mainwzline{
-		width: 276rpx;
-		height: 260rpx;
+		width: 276px;
+		height: 260px;
 		background: #FFFFFF;
-		margin-right: 32rpx;	
-		margin-top: 20rpx;
+		margin-right: 32px;	
+		margin-top: 20px;
 		cursor: pointer;
+		border-radius: 15px;
 	}
 	.mainwzline:hover{
-		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(153, 153, 153, 0.2);
+		box-shadow: 0px 0px 16px 0px rgba(153, 153, 153, 0.2);
 	}
 	.mainwzlineR{
-	  margin-right: 0rpx;	
+	  margin-right: 0px;	
 	}
 	.wztitle{
-		width: 250rpx;
-		font-size: 15rpx;
+		width: 250px;
+		font-size: 15px;
 		color: #333333;
-		line-height: 22rpx;
-		height: 44rpx;
+		line-height: 22px;
+		height: 44px;
 		text-overflow: -o-ellipsis-lastline;
 		 overflow: hidden;
 		 text-overflow: ellipsis;
@@ -253,44 +254,44 @@
 		 -webkit-line-clamp: 2;
 		 line-clamp: 2;
 		 -webkit-box-orient: vertical;
-		 padding:0 13rpx ;
-		 padding-top: 16rpx;
+		 padding:0 13px ;
+		 padding-top: 16px;
 		  font-weight: 600;
 	}
 	.wzLeftIMg{
-		width: 200rpx;
-		height: 132rpx;
+		width: 200px;
+		height: 132px;
 	}
 	.wxLine{
 		display: flex;
-		padding: 20rpx 0;
+		padding: 20px 0;
 		cursor: pointer;
-		border-bottom: 1rpx solid #EEEEEE;
+		border-bottom: 1px solid #EEEEEE;
 	}
 	.wzLineLeft{
-		border-radius: 10rpx;
+		border-radius: 10px;
 		overflow: hidden;
-		width: 200rpx;
-		height: 132rpx;
+		width: 200px;
+		height: 132px;
 	}
 	.wzLineRight{
-		padding-left: 16rpx;
-		width: 950rpx;
+		padding-left: 16px;
+		width: 950px;
 	}
 	.wzTitle{
-		font-size: 16rpx;
+		font-size: 16px;
 		font-weight: 500;
 		color: #3C3C3C;
 	}
 	.wzComment{
-		font-size: 12rpx;
+		font-size: 12px;
 		font-family: PingFangSC-Regular, PingFang SC;
 		font-weight: 400;
 		color: #999999;
-		line-height: 17rpx;
-		padding-top: 10rpx;
-		width: 980rpx;
-		height: 100rpx;
+		line-height: 17px;
+		padding-top: 10px;
+		width: 980px;
+		height: 100px;
 		text-overflow: -o-ellipsis-lastline;
 		 overflow: hidden;
 		 text-overflow: ellipsis;
@@ -300,20 +301,21 @@
 		 -webkit-box-orient: vertical;
 	}
 	.pageView{
-		margin-top: 20rpx;
+		margin-top: 20px;
 		cursor: pointer;
-		padding-bottom: 20rpx;
+		padding-bottom: 20px;
 	}
 	.nodataImg{
-		width: 300rpx;
-		height: 203rpx;
+		width: 300px;
+		height: 203px;
 	}
 	.nodata{
 		text-align: center;
+		padding-top: 100px;
 	}
 	.nodataTitle{
-		font-size: 16rpx;
-		padding-top: 16rpx;
+		font-size: 16px;
+		padding-top: 16px;
 		font-weight: 400;
 		color: #999999;
 	}

pages/pc/searchlist.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="content">
 		<pcNav></pcNav>
-		<view style="height: 72rpx;"></view>
+		<view style="height: 72px;"></view>
 	
 		
 		<view class="gotop" @click="gotoTop">
@@ -41,7 +41,7 @@
 		
 		<!-- -->
 		<view class="pageView" v-show="TotalSize">
-			<page-pagination :pageSize="pageSize" :total="TotalSize" :numAround="true" @change="pageChange"></page-pagination>
+			<page-pagination :pageSize="pageSize" :size="'small'" :total="TotalSize" :numAround="true" @change="pageChange"></page-pagination>
 		</view>
 		<!-- <view>
 			<a class="table-btn" href="http://phone.66km.cn:8088/marketing/training/940C4BF0A2E04542A1A1AD244EAFB6E2.xlsx" target='_blank'>下载入口</a>
@@ -152,28 +152,28 @@
 
 <style scoped>
 	.searchTitle{
-		font-size: 20rpx;
+		font-size: 20px;
 		font-weight: 500;
 		color: #3C3C3C;
-		padding-bottom: 30rpx;
+		padding-bottom: 30px;
 	}
 	.ssjg{
-		font-size: 16rpx;
+		font-size: 16px;
 		color: #999999;
-		padding-top: 20rpx;
+		padding-top: 20px;
 	}
 	.searchInput{
-		width: 1060rpx;
-		padding-left: 20rpx;
-		line-height: 50rpx;
-		border: 2rpx solid #EEEEEE;
-		height: 50rpx;
-		border-radius: 6rpx;
+		width: 1060px;
+		padding-left: 20px;
+		line-height: 50px;
+		border: 2px solid #EEEEEE;
+		height: 50px;
+		border-radius: 6px;
 	}
 	.searchBtn{
-		width: 120rpx;
-		height: 54rpx;
-		margin-left: -2rpx;
+		width: 120px;
+		height: 54px;
+		margin-left: -2px;
 	}
 	.searchBox{
 		display: flex;
@@ -183,52 +183,52 @@
 		margin: 0;
 	}
 	.gotopImg{
-		width: 60rpx;
-		height: 60rpx;
+		width: 60px;
+		height: 60px;
 	}
 	.gotop{
 		position: fixed;
 		right:15vh ;
-		bottom: 100rpx;
+		bottom: 100px;
 		cursor: pointer;
 	}
 	.topName{
 		text-align: center;
-		font-size: 24rpx;
+		font-size: 24px;
 		font-weight: 500;
 		color: #3C3C3C;
-		line-height: 33rpx;
-		padding-top: 30rpx;
+		line-height: 33px;
+		padding-top: 30px;
 	}
 	.comment{
 		text-align: center;
-		font-size: 14rpx;
+		font-size: 14px;
 		font-weight: 400;
 		color: #999999;
-		line-height: 20rpx;
-		width: 500rpx;
-		padding-top: 10rpx;
+		line-height: 20px;
+		width: 500px;
+		padding-top: 10px;
 		margin: 0 auto;
 	}
 	
 	.main{
-		width: 1200rpx;
+		width: 1200px;
 		margin: 0 auto;
-		padding-top: 30rpx;
+		padding-top: 30px;
 	}
 	.dynamicColLeft{
 		display: flex;
 	}
 	.dynamicColLIne{
-		padding-right: 44rpx;
-		font-size: 16rpx;
+		padding-right: 44px;
+		font-size: 16px;
 		color: #3C3C3C;
 		cursor: pointer;
 	}
 	.qhImg{
-		width: 28rpx;
-		height: 28rpx;
-		margin-left: 8rpx;
+		width: 28px;
+		height: 28px;
+		margin-left: 8px;
 		cursor: pointer;
 	}
 	.dynamicCol{
@@ -239,11 +239,11 @@
 		color: #FF4F00;
 	}
 	.mainwzImg{
-		width: 276rpx;
-		height: 184rpx;
+		width: 276px;
+		height: 184px;
 	}
 	.mainwzImgBox{
-		border-radius: 15rpx;
+		border-radius: 15px;
 	    overflow: hidden;
 	}
 	.contf{
@@ -251,22 +251,22 @@
 		flex-wrap: wrap;
 	}
 	.mainwzline{
-		width: 276rpx;
-		height: 260rpx;
+		width: 276px;
+		height: 260px;
 		background: #FFFFFF;
-		margin-right: 32rpx;	
-		padding-top: 33rpx;
+		margin-right: 32px;	
+		padding-top: 33px;
 		cursor: pointer;
 	}
 	.mainwzlineR{
-	  margin-right: 0rpx;	
+	  margin-right: 0px;	
 	}
 	.wztitle{
-		width: 250rpx;
-		font-size: 16rpx;
+		width: 250px;
+		font-size: 16px;
 		color: #333333;
-		line-height: 22rpx;
-		height: 44rpx;
+		line-height: 22px;
+		height: 44px;
 		text-overflow: -o-ellipsis-lastline;
 		 overflow: hidden;
 		 text-overflow: ellipsis;
@@ -274,44 +274,44 @@
 		 -webkit-line-clamp: 2;
 		 line-clamp: 2;
 		 -webkit-box-orient: vertical;
-		 padding-top: 16rpx;
-		 padding:0 13rpx ;
+		 padding-top: 16px;
+		 padding:0 13px ;
 	}
 	.wzLeftIMg{
-		width: 200rpx;
-		height: 132rpx;
+		width: 200px;
+		height: 132px;
 	}
 	.wxLine{
 		display: flex;
-		padding: 20rpx 0;
+		padding: 20px 0;
 		cursor: pointer;
-		border-bottom: 1rpx solid #EEEEEE;
+		border-bottom: 1px solid #EEEEEE;
 		
 	}
 	.wzLineLeft{
-		border-radius: 10rpx;
+		border-radius: 10px;
 		overflow: hidden;
-		width: 200rpx;
-		height: 132rpx;
+		width: 200px;
+		height: 132px;
 	}
 	.wzLineRight{
-		padding-left: 16rpx;
-		width: 900rpx;
+		padding-left: 16px;
+		width: 900px;
 	}
 	.wzTitle{
-		font-size: 16rpx;
+		font-size: 16px;
 		font-weight: 500;
 		color: #3C3C3C;
 	}
 	.wzComment{
-		font-size: 12rpx;
+		font-size: 12px;
 		font-family: PingFangSC-Regular, PingFang SC;
 		font-weight: 400;
 		color: #999999;
-		line-height: 17rpx;
-		padding-top: 10rpx;
-		width: 960rpx;
-		height: 100rpx;
+		line-height: 17px;
+		padding-top: 10px;
+		width: 960px;
+		height: 100px;
 		text-overflow: -o-ellipsis-lastline;
 		 overflow: hidden;
 		 text-overflow: ellipsis;
@@ -321,20 +321,21 @@
 		 -webkit-box-orient: vertical;
 	}
 	.pageView{
-		margin-top: 20rpx;
+		margin-top: 20px;
 		cursor: pointer;
-		padding-bottom: 20rpx;
+		padding-bottom: 20px;
 	}
 	.nodataImg{
-		width: 300rpx;
-		height: 203rpx;
+		width: 300px;
+		height: 203px;
 	}
 	.nodata{
 		text-align: center;
+		padding-top: 100px;
 	}
 	.nodataTitle{
-		font-size: 16rpx;
-		padding-top: 16rpx;
+		font-size: 16px;
+		padding-top: 16px;
 		font-weight: 400;
 		color: #999999;
 	}