数据智管布局调整 logo替换

pages/gallery/gallery.vue

@@ -26,11 +26,15 @@
 			</view>
 			</view>
 		</view>
 		</view>
 		<view class="popularity-content" :style="{'top':statusBarHeight+200+'px'}">
 		<view class="popularity-content" :style="{'top':statusBarHeight+200+'px'}">
+			<view class="sjzg-content">
 				<image src="../../static/ic-sjzg.png" class="image" @click="linkToData"></image>
 				<image src="../../static/ic-sjzg.png" class="image" @click="linkToData"></image>
 				<text class="text" @click="linkToData">数据智管</text>
 				<text class="text" @click="linkToData">数据智管</text>
-			<image src="../../static/ic-rqyy.png" class="rq-image"></image>
+			</view>
+			<view class="rqzj-content">
+				<image src="../../static/ic-rqyy.png" class="image"></image>
 				<text class="text">本周人气最佳：{{mostUsed.app_name||"暂无"}}</text>
 				<text class="text">本周人气最佳：{{mostUsed.app_name||"暂无"}}</text>
 			</view>
 			</view>
+		</view>
 		<view class="app-content" :style="{'top':statusBarHeight+250+'px'}">
 		<view class="app-content" :style="{'top':statusBarHeight+250+'px'}">
 			<v-tabs :tabs="tabs" :scroll="true" :value="current" @change="tabChange"></v-tabs>
 			<v-tabs :tabs="tabs" :scroll="true" :value="current" @change="tabChange"></v-tabs>
 			<view class="app-group-content">
 			<view class="app-group-content">
@@ -527,33 +531,63 @@
 			position: absolute;
 			position: absolute;
 			width: 690rpx;
 			width: 690rpx;
 			height: 40px;
 			height: 40px;
-			border-radius: 40rpx;
-			background: #fff;
 			display: flex;
 			display: flex;
 			margin: 0 30rpx;
 			margin: 0 30rpx;
 			flex-direction: row;
 			flex-direction: row;
 			align-items: center;
 			align-items: center;
 
 
+			.sjzg-content {
+				height: 40px;
+				width: 184rpx;
+				background-color: #FFFFFF;
+				border-radius: 40rpx;
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				padding: 0 24rpx;
+
 				image {
 				image {
-				width: 50rpx;
-				margin: 0 20rpx;
-				height: 22px;
+					width: 24rpx;
+					height: 24rpx;
 				}
 				}
 
 
 				text {
 				text {
 					font-weight: 400;
 					font-weight: 400;
 					font-size: 24rpx;
 					font-size: 24rpx;
+					margin-left: 12rpx;
 					text-align: center;
 					text-align: center;
 					color: #333;
 					color: #333;
 				}
 				}
+			}
+
+			.rqzj-content {
+				height: 40px;
+				margin-left: 8rpx;
+				width: 496rpx;
+				background-color: #FFFFFF;
+				border-radius: 40rpx;
+				display: flex;
+				justify-content: center;
+				flex-direction: row;
+				align-items: center;
+				padding: 0 24rpx;
 
 
-			.rq-image {
+				image {
 					width: 24rpx;
 					width: 24rpx;
-				height: 16px;
-				margin: 0 20rpx;
+					height: 24rpx;
+				}
+
+				text {
+					font-weight: 400;
+					font-size: 24rpx;
+					margin-left: 12rpx;
+					text-align: center;
+					color: #333;
 				}
 				}
 			}
 			}
 
 
+		}
+
 		.app-content {
 		.app-content {
 			position: absolute;
 			position: absolute;
 			display: flex;
 			display: flex;