专题页面开发

common/styles/global/components.scss

@@ -65,7 +65,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	width: 100%;height: 150rpx;position: fixed;left: 0;right: 0;
 	bottom: var(--window-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: border-box;z-index: 9;
 	.tabbar-item-box{display: flex;flex-wrap: nowrap;justify-content: space-evenly;
-	box-sizing: border-box;padding: 0 96rpx;
+	box-sizing: border-box;padding: 0 64rpx;
 	}	
 	.tabbar-item{width: 135rpx;height: 144rpx;@include ezy-no-repeat-cover;z-index: 2;}
 }

components/custom-tabbar/custom-tabbar.vue

@@ -41,8 +41,8 @@
 						path: `/pages/study/index`
 					},
 					{
-						iconPath: 'static/images/tabbar/unselect/plan-sj.png',
-						activePath: 'static/images/tabbar/select/plan-sj.png',
+						iconPath: 'static/images/tabbar/unselect/xinqing-sj.png',
+						activePath: 'static/images/tabbar/select/xinqing-sj.png',
 						path: `/pages/zhuanti/index`
 					},
 					{

pages/zhuanti/index.vue

@@ -1,13 +1,13 @@
 <template>
-	<view>
-		<view>
-			{{yhName}}
+	<view class="ezy-zhuanti-page">
+		<view class="zt-qipao-box">
+			<!-- wgy看这↓ 如果是游客的话不显示text标签内容-->
+			<view>寻觅者<text>"{{yhName}}同学"</text></view>
+			<view>形容一下你的心情吧？</view>
 		</view>
-		<view v-for="(item,index) in biaoqingList" :key="index" >
-			<view @click="goZhuantiInfo(item)">{{item.name}}</view>
-			<view >{{item.icon}}</view>
+		<view class="zt-biaoqing-box">
+			<view v-for="(item,index) in biaoqingList" :key="index"  @click="goZhuantiInfo(item)" class="biaoqing-item-box"></view>
 		</view>
-
 		<CustomTabBar :currentTabNumber="1"></CustomTabBar>
 	</view>
 
@@ -35,42 +35,34 @@
 	const yhName = ref(null);
 	const biaoqingList = ref(
 		[{
-				icon: '',
 				name: '开心',
 				type: 'kaixin'
 			},
 			{
-				icon: '',
 				name: '愤怒',
 				type: 'fennu'
 			},
 			{
-				icon: '',
 				name: '悲伤',
 				type: 'beishang'
 			},
 			{
-				icon: '',
 				name: '害怕',
 				type: 'haipa'
 			},
 			{
-				icon: '',
 				name: '得意',
 				type: 'deyi'
 			},
 			{
-				icon: '',
 				name: '嫉妒',
 				type: 'jidu'
 			},
 			{
-				icon: '',
 				name: '压抑',
 				type: 'yayi'
 			},
 			{
-				icon: '',
 				name: '抱怨',
 				type: 'baoyuan'
 			}