办事样式调整

pages/handleAffairs/handleAffairs.vue

@@ -2,9 +2,11 @@
 
 	<view>
 		<!-- 搜索栏 -->
-		<view class="input-view">
-			<uni-icons type="search" size="20" class="search-icon" @tap="confirm"></uni-icons>
-			<input confirm-type="search" class="nav-bar-input" type="text" placeholder="输入搜索关键词" @confirm="confirm" v-model="title"/>
+		<view class="input-view_contain">
+			<view class="input-view">
+				<uni-icons type="search" size="20" class="search-icon" @tap="confirm"></uni-icons>
+				<input confirm-type="search" class="nav-bar-input" type="text" placeholder="输入搜索内容" @confirm="confirm" v-model="title"/>
+			</view>
 		</view>
 		<!-- 网格配置列表滑动 -->
 		<view>
@@ -35,15 +37,10 @@
 		</view>
 
 		<view>
-			<uni-row class="demo-uni-row" :width="nvueWidth">
-				<uni-col :span="12">
-					<button align="center" @click="topic">主题导航</button>
-				</uni-col>
-
-				<uni-col :span="12">
-					<button align="center" @click="dept">部门导航</button>
-				</uni-col>
-			</uni-row>
+			<view class="demo-uni-row">
+				<button align="center" @click="topic">主题导航</button>
+				<button align="center" @click="dept">部门导航</button>
+			</view>
 		</view>
 
 		<!-- ------------------------------------------------------------------------------------------------------------------------------------------ -->
@@ -200,7 +197,7 @@ import { listDept,collectlist } from '@/api/handleAffairs/matter.js';
 		}
 	}
 </script>
-<style scoped>
+<style scoped lang="scss">
 	.uni-header-image {
 
 		width: 30px;
@@ -208,14 +205,48 @@ import { listDept,collectlist } from '@/api/handleAffairs/matter.js';
 		display: block;
 		margin: 0 auto;
 	}
-
+	.demo-uni-row{
+		position: relative;
+		display: flex;
+		width: 92%;
+		height: 6vh;
+		margin: auto;
+		border-radius: 10px;
+		border: 1px solid #19C56B;
+	}
+	.demo-uni-row button{
+		width: 45%;
+		color: #27C874;
+		height: 100%;
+		line-height: 200%;
+		text-indent: 9%;
+		background-color: #F1F1F1;
+		border: none !important;
+	}
+	.demo-uni-row button:after{
+		border: none;
+	}
+	.demo-uni-row::after{
+		content: '';
+		position: absolute;
+		width: 1rpx;
+		height: 90%;
+		left: 50%;
+		top: 5%;
+		margin: auto;
+		background-color: #E1E1E1;
+	}
 	/* 主导航 */
 	.mainNav {
 		width: 100%;
 		background: #fff;
 
 	}
-
+	.input-view_contain{
+		height: 6vh;
+		width: 100%;
+		background-color: #07C160;
+	}
 	.input-view {
 		/* #ifndef APP-PLUS-NVUE */
 		display: flex;
@@ -224,12 +255,16 @@ import { listDept,collectlist } from '@/api/handleAffairs/matter.js';
 		// width: 500rpx;
 		flex: 1;
 		background-color: #f8f8f8;
-		height: $nav-height;
-		border-radius: 15px;
+		height: 80%;
+		border-radius: 5px;
 		padding: 0 15px;
 		flex-wrap: nowrap;
-		margin: 7px 0;
-		line-height: $nav-height;
+		margin: auto;
+		line-height: 5vh;
+		width: 96%;
+		.nav-bar-input{
+			margin: auto 0;
+		}
 	}
 	.segmented-control {
 	    display: flex;