数据智管布局调整 logo替换

pages/gallery/gallery.vue

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