适配

components/pcNav/pcNav.vue

@@ -83,9 +83,9 @@
 <style scoped>
 	.nav{
 		width: 100%;
-		height: 72px;
+		height: 72rpx;
 		background: #FFFFFF;
-		box-shadow: 0px 4px 10px 0px rgba(153, 153, 153, 0.12);
+		box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(153, 153, 153, 0.12);
 		display: flex;
 		justify-content: center;
 		position: fixed;
@@ -94,28 +94,28 @@
 		z-index: 11;
 	}
 	.navCont{
-		width: 1200px;
+		width: 1200rpx;
 		display: flex;
 		position: relative;
 	}
 	.logoImg{
-		width: 77px;
-		height: 36px;
-		margin-top: 19px;
+		width: 77rpx;
+		height: 36rpx;
+		margin-top: 19rpx;
 	}
 	.navTitle{
-		line-height: 72px;
+		line-height: 72rpx;
 		font-weight: 500;
 		color: #3C3C3C;
-		font-size: 22px;
-		padding-left: 24px;
+		font-size: 22rpx;
+		padding-left: 24rpx;
 	}
 	.indexNav{
-		line-height: 72px;
+		line-height: 72rpx;
 		font-weight: 500;
 		color: #3C3C3C;
-		font-size: 20px;
-		padding-left: 54px;
+		font-size: 20rpx;
+		padding-left: 54rpx;
 		cursor: pointer;
 	}
 	.indexActive{
@@ -123,56 +123,56 @@
 	}
 	.allCategory{
 		display: flex;
-		line-height: 72px;
+		line-height: 72rpx;
 	}
 	.allCategoryLine{
-		padding-left: 44px;
+		padding-left: 44rpx;
 		color: #3C3C3C;
-		font-size: 18px;
+		font-size: 18rpx;
 		cursor: pointer;
 	}
 	.allCategoryMore{
-		padding-left: 44px;
+		padding-left: 44rpx;
 		color: #3C3C3C;
-		font-size: 18px;
+		font-size: 18rpx;
 		display: flex;
 		cursor: pointer;
 		position: relative;
 	}
 	.navMoret{
 		position: absolute;
-		width: 130px;
+		width: 130rpx;
 		background: #FFFFFF;
-		box-shadow: 0px 4px 10px 0px rgba(153, 153, 153, 0.12);
-		border-radius: 6px;
-		top: 72px;
+		box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(153, 153, 153, 0.12);
+		border-radius: 6rpx;
+		top: 72rpx;
 		left:0 ;
-		font-size: 18px;
+		font-size: 18rpx;
 		 display: none; 
 	}
 	.allCategoryMore:hover .navMoret{
 		display: block;
 	}
 	.navMoreTline{
-		width: 130px;
+		width: 130rpx;
 		text-align: center;
-		font-size: 20px;
-		line-height: 60px;
+		font-size: 20rpx;
+		line-height: 60rpx;
 	}
 	.navmoreImg{
-		width: 12px;
-		height: 8px;
-		margin-top: 32px;
-		margin-left: 10px;
+		width: 12rpx;
+		height: 8rpx;
+		margin-top: 32rpx;
+		margin-left: 10rpx;
 	}
 	.navSsimg{
-		width: 24px;
-		height: 24px;
+		width: 24rpx;
+		height: 24rpx;
 	}
 	.navSs{
 		position: absolute;
 		cursor: pointer;
-		top:24px;
+		top:24rpx;
 		right: 0;
 	}
 </style>

pages/pc/detail.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="content">
         <pcNav></pcNav>
-        <view style="height: 72px;"></view>
+        <view style="height: 72rpx;"></view>
 		<view class="top">
 			<view class="topline" @click="goIndex">首页</view>
 			<view class="topjt">></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:500px;" $1');
+					    this.detailData.contents=this.detailData.contents.replace(/<embed([\s\w"-=\/\.:;]+)/ig, '<embed style="width: 100%;height:500rpx;" $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: 15px; line-height: 25px;">')
+							.replace(/<p>/ig, '<p style="font-size: 15rpx; line-height: 25rpx;">')
 							.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: 1200px;
+		width: 1200rpx;
 		margin: 0 auto;
 		display: flex;
-		padding: 30px 0;
-		font-size: 14px;
+		padding: 30rpx 0;
+		font-size: 14rpx;
 	}
 	.htmlBox{
-		width: 720px;
+		width: 720rpx;
 		margin: 0 auto;
 	}
 	.topline{
-		padding-right: 10px;
+		padding-right: 10rpx;
 		cursor: pointer;
 		color: #3C3C3C;
 	}
 	.topjt{
 		color: #AAAAAA;
-		padding-right: 10px;
+		padding-right: 10rpx;
 	}
 	.htmlTitle{
-		font-size: 24px;
+		font-size: 24rpx;
 		font-weight: 500;
 		color: #3C3C3C;
-		line-height: 33px;
+		line-height: 33rpx;
 	}
 	.time{
-		font-size: 14px;
-		padding-top: 16px;
+		font-size: 14rpx;
+		padding-top: 16rpx;
 		color: #999999;
-		line-height: 20px;
-		border-bottom: 1px solid #EEEEEE;
-		padding-bottom: 19px;
+		line-height: 20rpx;
+		border-bottom: 1rpx solid #EEEEEE;
+		padding-bottom: 19rpx;
 	}
 	.html{
-		padding-top: 18px;
+		padding-top: 18rpx;
 	}
 	.fileIcon{
-		width: 14px;
-		height: 14px;
-		margin-top: 4px;
-		margin-right: 4px;
+		width: 14rpx;
+		height: 14rpx;
+		margin-top: 4rpx;
+		margin-right: 4rpx;
 	}
 	.itemArrLeft{
 		display: flex;
@@ -174,48 +174,48 @@
 	.itemArrLine{
 		display: flex;
 		justify-content: space-between;
-		padding: 16px 0;
-		border-bottom: 1px solid #EEEEEE;
+		padding: 16rpx 0;
+		border-bottom: 1rpx solid #EEEEEE;
 		color: #333333;
-		line-height: 22px;
-		font-size: 16px;
-		width: 720px;
+		line-height: 22rpx;
+		font-size: 16rpx;
+		width: 720rpx;
 	}
 	.itemArr{
-		width: 720px;
+		width: 720rpx;
 		margin: 0 auto;
-		margin-top: 30px;
-		border-radius: 6px;
-		border: 1px solid #EEEEEE;
-		padding: 0 16px;
+		margin-top: 30rpx;
+		border-radius: 6rpx;
+		border: 1rpx solid #EEEEEE;
+		padding: 0 16rpx;
 		
 	}
 	.dloadbtn{
 		display: block;
-		width: 68px;
-		height: 28px;
+		width: 68rpx;
+		height: 28rpx;
 		background: #3F90F7;
-		border-radius: 6px;
+		border-radius: 6rpx;
 		color: #FFFFFF;
 		text-align: center;
-		line-height:28px ;
-		font-size: 14px;
+		line-height:28rpx ;
+		font-size: 14rpx;
 		text-decoration:none;
 	}
 	.lbel{
-		width: 720px;
+		width: 720rpx;
 		margin: 0 auto;
-		margin-top: 30px;
-		padding-bottom: 30px;
+		margin-top: 30rpx;
+		padding-bottom: 30rpx;
 	}
 	.topName{
-		width: 84px;
-		height: 24px;
+		width: 84rpx;
+		height: 24rpx;
 		background: rgba(63, 144, 247, 0.1);
-		border-radius: 14px;
-		font-size: 12px;
+		border-radius: 14rpx;
+		font-size: 12rpx;
 		color: #3F90F7;
-		line-height: 24px;
+		line-height: 24rpx;
 		text-align: center;
 	}
 	.fileName{

pages/pc/groupingList.vue

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

pages/pc/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="content">
 		<pcNav :data="'index'"></pcNav>
-		<view style="height: 72px;"></view>
+		<view style="height: 72rpx;"></view>
 		<view class="swiperBox">
 			<view class="swiperCont">
 				<view class="tuijbox">
@@ -170,101 +170,101 @@
 <style scoped>
 	
 	.swiperBox{
-		height: 356px;
+		height: 356rpx;
 		background: #F3F8FF;
 		width: 100%;
 	}
 	.swiperCont{
-		width: 1200px;
+		width: 1200rpx;
 		margin: 0 auto;
 		position: relative;
 	}
 	.tuijImg{
-		width: 24px;height: 24px;
+		width: 24rpx;height: 24rpx;
 	}
 	.tuijbox{
-		display: flex;padding-top: 44px;padding-bottom: 30px;
+		display: flex;padding-top: 44rpx;padding-bottom: 30rpx;
 	}
 	.tuijTitle{
-		font-size: 24px;
+		font-size: 24rpx;
 		font-family: PingFangSC-Medium, PingFang SC;
 		font-weight: 500;
 		color: #111111;
-		padding-left: 7px;
-		line-height: 24px;
+		padding-left: 7rpx;
+		line-height: 24rpx;
 	}
 	.swpImgleft{
-		width: 44px;
-		height: 44px;
+		width: 44rpx;
+		height: 44rpx;
 		position: absolute;
-		top: 175px;
-		left: -60px;
+		top: 175rpx;
+		left: -60rpx;
 		cursor: pointer;
 	}
 	.swpImgright{
-		width: 44px;
-		height: 44px;
+		width: 44rpx;
+		height: 44rpx;
 		position: absolute;
-		top: 175px;
-		right: -60px;
+		top: 175rpx;
+		right: -60rpx;
 		cursor: pointer;
 	}
 	.swiper-item{
-		width: 576px;
-		height: 183px;
+		width: 576rpx;
+		height: 183rpx;
 		background: #FFFFFF;
-		box-shadow: 0px 0px 16px 0px rgba(153, 153, 153, 0.25);
-		border-radius: 9px;
-		margin-top: 14px;
+		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(153, 153, 153, 0.25);
+		border-radius: 9rpx;
+		margin-top: 14rpx;
 		position: relative;
 		cursor: pointer;
 	}
 	.swiper-item:hover{
-		box-shadow: 0px 0px 16px 0px rgba(153, 153, 153, 0.25);
+		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(153, 153, 153, 0.25);
 	}
 	.swpCont{
 		display: flex;
-		height: 210px;
+		height: 210rpx;
 		justify-content: space-between;
 	}
 	.swpimg{
-		width: 276px;
-		height: 184px;
+		width: 276rpx;
+		height: 184rpx;
 	}
 	.swpimgBox{
-		width: 276px;
-		height: 184px;
+		width: 276rpx;
+		height: 184rpx;
 		position: absolute;
 		left: 0;
-		top: -14px;
+		top: -14rpx;
 		
 	}
 	.swpBr{
-		width: 276px;
-		height: 184px;
-		border-radius: 10px;
+		width: 276rpx;
+		height: 184rpx;
+		border-radius: 10rpx;
 		overflow: hidden;
 	}
 	.swiper{
-		height: 200px;
+		height: 200rpx;
 	}
 	.swpTitleBox{
-		padding-left: 296px;
+		padding-left: 296rpx;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-between;
-		height: 160px;
-		padding-top: 10px;
+		height: 160rpx;
+		padding-top: 10rpx;
 		
 	}
 	
 	.swpTitle{
-		width: 260px;
-		height: 44px;
-		font-size: 16px;
+		width: 260rpx;
+		height: 44rpx;
+		font-size: 16rpx;
 		font-weight: 500;
 		color: #3C3C3C;
-		line-height: 22px;
+		line-height: 22rpx;
 		 text-overflow: -o-ellipsis-lastline;
 		  overflow: hidden;
 		  text-overflow: ellipsis;
@@ -277,12 +277,12 @@
 		color: #FF4F00;
 	}
 	.categoryName{
-		line-height: 24px;
-		width: 84px;
-		height: 24px;
+		line-height: 24rpx;
+		width: 84rpx;
+		height: 24rpx;
 		background: rgba(63, 144, 247, 0.1);
-		border-radius: 14px;
-		font-size: 12px;
+		border-radius: 14rpx;
+		font-size: 12rpx;
 		color: #3F90F7;
 		text-align: center;
 		white-space: nowrap; 
@@ -290,11 +290,11 @@
 		text-overflow: ellipsis; 
 	}
 	.mainCont{
-		width: 1200px;
+		width: 1200rpx;
 		margin: 0 auto;
 	}
 	.mainline{
-		padding-top: 48px;
+		padding-top: 48rpx;
 	}
 	.mainlineTop{
 		display: flex;
@@ -304,52 +304,52 @@
 		display: flex;
 	}
 	.mainlineTitle{
-		font-size: 20px;
+		font-size: 20rpx;
 		font-weight: 500;
 		color: #111111;
-		line-height: 33px;
+		line-height: 33rpx;
 	}
 	.mainlinecount{
-		font-size: 14px;
+		font-size: 14rpx;
 		font-weight: 400;
 		color: #999999;
-        line-height: 33px;
-		padding-left: 16px;
+        line-height: 33rpx;
+		padding-left: 16rpx;
 	}
 	.mainlineMore{
-		font-size: 14px;
+		font-size: 14rpx;
 		color: #333333;
 	}
 	.mainwzbox{
 		display: flex;
-		padding-top: 30px;
+		padding-top: 30rpx;
 		
 	}
 	.mainwzImg{
-		width: 276px;
-		height: 184px;
+		width: 276rpx;
+		height: 184rpx;
 	}
 	.mainwzImgBox{
-		border-radius: 8px;
+		border-radius: 8rpx;
 	    overflow: hidden;
-		height: 184px;
-		border: 1px solid #eeeeee;
+		height: 184rpx;
+		border: 1rpx solid #eeeeee;
 	}
 	.mainwzline{
-		width: 276px;
-		height: 260px;
+		width: 276rpx;
+		height: 260rpx;
 		background: #FFFFFF;
 		
 	}
 	.mainwzlineR{
-	  margin-right: 32px;	
+	  margin-right: 32rpx;	
 	}
 	.wztitle{
-		width: 250px;
-		font-size: 15px;
+		width: 250rpx;
+		font-size: 15rpx;
 		color: #333333;
-		line-height: 22px;
-		height: 44px;
+		line-height: 22rpx;
+		height: 44rpx;
 		text-overflow: -o-ellipsis-lastline;
 		 overflow: hidden;
 		 text-overflow: ellipsis;
@@ -357,15 +357,15 @@
 		 -webkit-line-clamp: 2;
 		 line-clamp: 2;
 		 -webkit-box-orient: vertical;
-		 padding:0 13px ;
-		 padding-top: 16px;
+		 padding:0 13rpx ;
+		 padding-top: 16rpx;
 		 font-weight: 600;
 		
 	}
 	.mainwzline:hover{
 		background: #FFFFFF;
-		box-shadow: 0px 0px 16px 0px rgba(153, 153, 153, 0.2);
-		border-radius: 6px;
+		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(153, 153, 153, 0.2);
+		border-radius: 6rpx;
 		cursor: pointer;
 	}
 	.mainwzline:hover .wztitle{
@@ -376,13 +376,13 @@
 		cursor: pointer;
 	}
 	.gotopImg{
-		width: 60px;
-		height: 60px;
+		width: 60rpx;
+		height: 60rpx;
 	}
 	.gotop{
 		position: fixed;
 		right:15vh ;
-		bottom: 100px;
+		bottom: 100rpx;
 		cursor: pointer;
 	}
 </style>

pages/pc/list.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="content">
 		<pcNav :itemName="topName"></pcNav>
-		<view style="height: 72px;"></view>
+		<view style="height: 72rpx;"></view>
 	
 		
 		<view class="gotop" @click="gotoTop">
@@ -157,52 +157,52 @@
 		margin: 0;
 	}
 	.gotopImg{
-		width: 60px;
-		height: 60px;
+		width: 60rpx;
+		height: 60rpx;
 	}
 	.gotop{
 		position: fixed;
 		right:15vh ;
-		bottom: 100px;
+		bottom: 100rpx;
 		cursor: pointer;
 	}
 	.topName{
 		text-align: center;
-		font-size: 20px;
+		font-size: 20rpx;
 		font-weight: 500;
 		color: #3C3C3C;
-		line-height: 33px;
-		padding-top: 30px;
+		line-height: 33rpx;
+		padding-top: 30rpx;
 	}
 	.comment{
 		text-align: center;
-		font-size: 14px;
+		font-size: 14rpx;
 		font-weight: 400;
 		color: #999999;
-		line-height: 20px;
-		width: 500px;
-		padding-top: 10px;
+		line-height: 20rpx;
+		width: 500rpx;
+		padding-top: 10rpx;
 		margin: 0 auto;
 	}
 	.main{
-		width: 1200px;
+		width: 1200rpx;
 		margin: 0 auto;
-		padding-top: 30px;
+		padding-top: 30rpx;
 	}
 	.dynamicColLeft{
 		display: flex;
 	}
 	.dynamicColLIne{
-		padding-right: 44px;
-		font-size: 16px;
+		padding-right: 44rpx;
+		font-size: 16rpx;
 		color: #3C3C3C;
 		cursor: pointer;
-		line-height: 28px;
+		line-height: 28rpx;
 	}
 	.qhImg{
-		width: 28px;
-		height: 28px;
-		margin-left: 8px;
+		width: 28rpx;
+		height: 28rpx;
+		margin-left: 8rpx;
 		cursor: pointer;
 	}
 	.dynamicCol{
@@ -213,39 +213,39 @@
 		color: #FF4F00;
 	}
 	.mainwzImg{
-		width: 276px;
-		height: 184px;
+		width: 276rpx;
+		height: 184rpx;
 	}
 	.mainwzImgBox{
-		border-radius: 15px;
+		border-radius: 15rpx;
 	    overflow: hidden;
-		height: 184px;
-			border: 1px solid #eeeeee;
+		height: 184rpx;
+			border: 1rpx solid #eeeeee;
 	}
 	.contf{
 		display: flex;
 		flex-wrap: wrap;
 	}
 	.mainwzline{
-		width: 276px;
-		height: 260px;
+		width: 276rpx;
+		height: 260rpx;
 		background: #FFFFFF;
-		margin-right: 32px;	
-		margin-top: 20px;
+		margin-right: 32rpx;	
+		margin-top: 20rpx;
 		cursor: pointer;
 	}
 	.mainwzline:hover{
-		box-shadow: 0px 0px 16px 0px rgba(153, 153, 153, 0.2);
+		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(153, 153, 153, 0.2);
 	}
 	.mainwzlineR{
-	  margin-right: 0px;	
+	  margin-right: 0rpx;	
 	}
 	.wztitle{
-		width: 250px;
-		font-size: 15px;
+		width: 250rpx;
+		font-size: 15rpx;
 		color: #333333;
-		line-height: 22px;
-		height: 44px;
+		line-height: 22rpx;
+		height: 44rpx;
 		text-overflow: -o-ellipsis-lastline;
 		 overflow: hidden;
 		 text-overflow: ellipsis;
@@ -253,44 +253,44 @@
 		 -webkit-line-clamp: 2;
 		 line-clamp: 2;
 		 -webkit-box-orient: vertical;
-		 padding:0 13px ;
-		 padding-top: 16px;
+		 padding:0 13rpx ;
+		 padding-top: 16rpx;
 		  font-weight: 600;
 	}
 	.wzLeftIMg{
-		width: 200px;
-		height: 132px;
+		width: 200rpx;
+		height: 132rpx;
 	}
 	.wxLine{
 		display: flex;
-		padding: 20px 0;
+		padding: 20rpx 0;
 		cursor: pointer;
-		border-bottom: 1px solid #EEEEEE;
+		border-bottom: 1rpx solid #EEEEEE;
 	}
 	.wzLineLeft{
-		border-radius: 10px;
+		border-radius: 10rpx;
 		overflow: hidden;
-		width: 200px;
-		height: 132px;
+		width: 200rpx;
+		height: 132rpx;
 	}
 	.wzLineRight{
-		padding-left: 16px;
-		width: 950px;
+		padding-left: 16rpx;
+		width: 950rpx;
 	}
 	.wzTitle{
-		font-size: 16px;
+		font-size: 16rpx;
 		font-weight: 500;
 		color: #3C3C3C;
 	}
 	.wzComment{
-		font-size: 12px;
+		font-size: 12rpx;
 		font-family: PingFangSC-Regular, PingFang SC;
 		font-weight: 400;
 		color: #999999;
-		line-height: 17px;
-		padding-top: 10px;
-		width: 980px;
-		height: 100px;
+		line-height: 17rpx;
+		padding-top: 10rpx;
+		width: 980rpx;
+		height: 100rpx;
 		text-overflow: -o-ellipsis-lastline;
 		 overflow: hidden;
 		 text-overflow: ellipsis;
@@ -300,20 +300,20 @@
 		 -webkit-box-orient: vertical;
 	}
 	.pageView{
-		margin-top: 20px;
+		margin-top: 20rpx;
 		cursor: pointer;
-		padding-bottom: 20px;
+		padding-bottom: 20rpx;
 	}
 	.nodataImg{
-		width: 300px;
-		height: 203px;
+		width: 300rpx;
+		height: 203rpx;
 	}
 	.nodata{
 		text-align: center;
 	}
 	.nodataTitle{
-		font-size: 16px;
-		padding-top: 16px;
+		font-size: 16rpx;
+		padding-top: 16rpx;
 		font-weight: 400;
 		color: #999999;
 	}

pages/pc/searchlist.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="content">
 		<pcNav></pcNav>
-		<view style="height: 72px;"></view>
+		<view style="height: 72rpx;"></view>
 	
 		
 		<view class="gotop" @click="gotoTop">
@@ -152,28 +152,28 @@
 
 <style scoped>
 	.searchTitle{
-		font-size: 20px;
+		font-size: 20rpx;
 		font-weight: 500;
 		color: #3C3C3C;
-		padding-bottom: 30px;
+		padding-bottom: 30rpx;
 	}
 	.ssjg{
-		font-size: 16px;
+		font-size: 16rpx;
 		color: #999999;
-		padding-top: 20px;
+		padding-top: 20rpx;
 	}
 	.searchInput{
-		width: 1060px;
-		padding-left: 20px;
-		line-height: 50px;
-		border: 2px solid #EEEEEE;
-		height: 50px;
-		border-radius: 6px;
+		width: 1060rpx;
+		padding-left: 20rpx;
+		line-height: 50rpx;
+		border: 2rpx solid #EEEEEE;
+		height: 50rpx;
+		border-radius: 6rpx;
 	}
 	.searchBtn{
-		width: 120px;
-		height: 54px;
-		margin-left: -2px;
+		width: 120rpx;
+		height: 54rpx;
+		margin-left: -2rpx;
 	}
 	.searchBox{
 		display: flex;
@@ -183,52 +183,52 @@
 		margin: 0;
 	}
 	.gotopImg{
-		width: 60px;
-		height: 60px;
+		width: 60rpx;
+		height: 60rpx;
 	}
 	.gotop{
 		position: fixed;
 		right:15vh ;
-		bottom: 100px;
+		bottom: 100rpx;
 		cursor: pointer;
 	}
 	.topName{
 		text-align: center;
-		font-size: 24px;
+		font-size: 24rpx;
 		font-weight: 500;
 		color: #3C3C3C;
-		line-height: 33px;
-		padding-top: 30px;
+		line-height: 33rpx;
+		padding-top: 30rpx;
 	}
 	.comment{
 		text-align: center;
-		font-size: 14px;
+		font-size: 14rpx;
 		font-weight: 400;
 		color: #999999;
-		line-height: 20px;
-		width: 500px;
-		padding-top: 10px;
+		line-height: 20rpx;
+		width: 500rpx;
+		padding-top: 10rpx;
 		margin: 0 auto;
 	}
 	
 	.main{
-		width: 1200px;
+		width: 1200rpx;
 		margin: 0 auto;
-		padding-top: 30px;
+		padding-top: 30rpx;
 	}
 	.dynamicColLeft{
 		display: flex;
 	}
 	.dynamicColLIne{
-		padding-right: 44px;
-		font-size: 16px;
+		padding-right: 44rpx;
+		font-size: 16rpx;
 		color: #3C3C3C;
 		cursor: pointer;
 	}
 	.qhImg{
-		width: 28px;
-		height: 28px;
-		margin-left: 8px;
+		width: 28rpx;
+		height: 28rpx;
+		margin-left: 8rpx;
 		cursor: pointer;
 	}
 	.dynamicCol{
@@ -239,11 +239,11 @@
 		color: #FF4F00;
 	}
 	.mainwzImg{
-		width: 276px;
-		height: 184px;
+		width: 276rpx;
+		height: 184rpx;
 	}
 	.mainwzImgBox{
-		border-radius: 15px;
+		border-radius: 15rpx;
 	    overflow: hidden;
 	}
 	.contf{
@@ -251,22 +251,22 @@
 		flex-wrap: wrap;
 	}
 	.mainwzline{
-		width: 276px;
-		height: 260px;
+		width: 276rpx;
+		height: 260rpx;
 		background: #FFFFFF;
-		margin-right: 32px;	
-		padding-top: 33px;
+		margin-right: 32rpx;	
+		padding-top: 33rpx;
 		cursor: pointer;
 	}
 	.mainwzlineR{
-	  margin-right: 0px;	
+	  margin-right: 0rpx;	
 	}
 	.wztitle{
-		width: 250px;
-		font-size: 16px;
+		width: 250rpx;
+		font-size: 16rpx;
 		color: #333333;
-		line-height: 22px;
-		height: 44px;
+		line-height: 22rpx;
+		height: 44rpx;
 		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: 16px;
-		 padding:0 13px ;
+		 padding-top: 16rpx;
+		 padding:0 13rpx ;
 	}
 	.wzLeftIMg{
-		width: 200px;
-		height: 132px;
+		width: 200rpx;
+		height: 132rpx;
 	}
 	.wxLine{
 		display: flex;
-		padding: 20px 0;
+		padding: 20rpx 0;
 		cursor: pointer;
-		border-bottom: 1px solid #EEEEEE;
+		border-bottom: 1rpx solid #EEEEEE;
 		
 	}
 	.wzLineLeft{
-		border-radius: 10px;
+		border-radius: 10rpx;
 		overflow: hidden;
-		width: 200px;
-		height: 132px;
+		width: 200rpx;
+		height: 132rpx;
 	}
 	.wzLineRight{
-		padding-left: 16px;
-		width: 900px;
+		padding-left: 16rpx;
+		width: 900rpx;
 	}
 	.wzTitle{
-		font-size: 16px;
+		font-size: 16rpx;
 		font-weight: 500;
 		color: #3C3C3C;
 	}
 	.wzComment{
-		font-size: 12px;
+		font-size: 12rpx;
 		font-family: PingFangSC-Regular, PingFang SC;
 		font-weight: 400;
 		color: #999999;
-		line-height: 17px;
-		padding-top: 10px;
-		width: 960px;
-		height: 100px;
+		line-height: 17rpx;
+		padding-top: 10rpx;
+		width: 960rpx;
+		height: 100rpx;
 		text-overflow: -o-ellipsis-lastline;
 		 overflow: hidden;
 		 text-overflow: ellipsis;
@@ -321,20 +321,20 @@
 		 -webkit-box-orient: vertical;
 	}
 	.pageView{
-		margin-top: 20px;
+		margin-top: 20rpx;
 		cursor: pointer;
-		padding-bottom: 20px;
+		padding-bottom: 20rpx;
 	}
 	.nodataImg{
-		width: 300px;
-		height: 203px;
+		width: 300rpx;
+		height: 203rpx;
 	}
 	.nodata{
 		text-align: center;
 	}
 	.nodataTitle{
-		font-size: 16px;
-		padding-top: 16px;
+		font-size: 16rpx;
+		padding-top: 16rpx;
 		font-weight: 400;
 		color: #999999;
 	}