flat: style修改

pages.json

@@ -5,7 +5,10 @@
             "path" : "pages/index/index",
             "style" : {
                 "enablePullDownRefresh" : true,
-				"navigationBarBackgroundColor" : "#FFFFFF"
+				"navigationBarBackgroundColor" : "#FFFFFF",
+                "navigationBarShadow": {
+                    "colorType": "none"
+                }
             }
         },
 		{

pages/index/index.vue

@@ -1,47 +1,51 @@
 <template>
 	<view class="home-body">
-		<uni-nav-bar :shadow="false" >
-			<view class="headd" @click="goSeach">
-				<!-- <image  src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx; color: blue;" mode=""></image> -->
-                <view class="headd_left">
-                    <u-icon name="search" color="#2297fa" size="24"></u-icon>
-                    <input placeholder-class="search_style" type="text" confirm-type="搜索"  v-model="keywords" placeholder="搜任务/搜岗位/搜政策/搜资讯" />
-                </view>
-                <view class="headd_right">
-                    搜索
-                </view>
-			</view>
-		</uni-nav-bar>
-		<view class="homeHead">
-			<view class="headSwiper">
-				<swiper :indicator-dots="true" indicator-active-color="#fff" indicator-color="rgba(255,255,255,0.80)" :autoplay="true"
-				 :interval="3000" :duration="1000" class="yswiper" :circular="true">
-					<swiper-item v-for="(item,index) in swiperList" :key="index" v-if="item.isShow !== '2'">
-						<view class="swiper-item">
-							<image :src="item.image" mode="" class="swiperImg"></image>
-						</view>
-					</swiper-item>
-				</swiper>
-			</view>
-			<view class="newPolicy" v-if="policyContentList.length!=0">
-				<view class="policyContent">
-					<view class="policyImgIndex">
-						<image src="../../static/img/index/newPolicy.png"></image>
-					</view>
-					<swiper style="width: 100%;height: 100rpx; line-height: 100rpx;margin-left: 164rpx;" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :vertical="true" :circular="true">
-						<swiper-item v-for="(item,index) in policyContentList" :key="index"  @click="goPolicyInfo(item.id)">
-							<view class="swiper-item">
-								<view class="policyText">
-									<view class="textTitle">{{item.articleTitle}}</view>
-									<view class="textDate">{{dateFormat(item.createTime)}}</view>
-									<image src="../../static/img/right.svg" mode="" style="width: 18rpx;height: 32rpx;position:absolute;top: 12rpx;right:0;"></image>
-								</view>
-							</view>
-						</swiper-item>
-					</swiper>
-				</view>
-			</view>
-		</view>
+        <view class="body_header">
+            <view class="home_logo"> </view>
+            <uni-nav-bar :shadow="false" backgroundColor="transparent">
+            	<view class="headd" @click="goSeach">
+            		<!-- <image  src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx; color: blue;" mode=""></image> -->
+                    <view class="headd_left">
+                        <u-icon name="search" color="#2297fa" size="24"></u-icon>
+                        <input placeholder-class="search_style" type="text" confirm-type="搜索"  v-model="keywords" placeholder="搜任务/搜岗位/搜政策/搜资讯" />
+                    </view>
+                    <view class="headd_right">
+                        搜索
+                    </view>
+            	</view>
+            </uni-nav-bar>
+            <!-- <view class="homeHead"> -->
+            	<view class="headSwiper">
+            		<swiper :indicator-dots="true" indicator-active-color="#fff" indicator-color="rgba(255,255,255,0.80)" :autoplay="true"
+            		 :interval="3000" :duration="1000" class="yswiper" :circular="true">
+            			<swiper-item v-for="(item,index) in swiperList" :key="index" v-if="item.isShow !== '2'">
+            				<view class="swiper-item">
+            					<image :src="item.image" mode="" class="swiperImg"></image>
+            				</view>
+            			</swiper-item>
+            		</swiper>
+            	</view>
+            	<view class="newPolicy" v-if="policyContentList.length!=0">
+            		<view class="policyContent">
+            			<view class="policyImgIndex">
+            				<image src="../../static/img/index/newPolicy.png"></image>
+            			</view>
+            			<swiper style="width: 100%;height: 100rpx; line-height: 100rpx;margin-left: 164rpx;" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :vertical="true" :circular="true">
+            				<swiper-item v-for="(item,index) in policyContentList" :key="index"  @click="goPolicyInfo(item.id)">
+            					<view class="swiper-item">
+            						<view class="policyText">
+            							<view class="textTitle">{{item.articleTitle}}</view>
+            							<view class="textDate">{{dateFormat(item.createTime)}}</view>
+            							<image src="../../static/img/right.svg" mode="" style="width: 18rpx;height: 32rpx;position:absolute;top: 12rpx;right:0;"></image>
+            						</view>
+            					</view>
+            				</swiper-item>
+            			</swiper>
+            		</view>
+            	</view>
+            <!-- </view> -->
+        </view>
+		
 
 		<view class="jobService">
 			<view class="cardTips">就业服务</view>
@@ -496,6 +500,18 @@
 </script>
 
 <style lang="scss">
+    .home_logo{
+         background: url(@/static/img/index/inLogo.png) no-repeat center center;
+         background-size: cover;
+         height: 60rpx;
+         width: 400rpx;
+         margin: 24rpx 24rpx 24rpx 24rpx;
+    }
+    .body_header{
+        background: url(@/static/img/index/bannerBg.png) no-repeat center center;
+        background-size: 100% 100%;
+        padding-top: 24rpx;
+    }
     .search_style{
         color: #2297fa;
     }
@@ -518,7 +534,7 @@
 	}
 
 	.headd {
-		background-color: #f6f6f6;
+		// background-color: #f6f6f6;
 		border-radius: 200rpx;
         border: 2rpx solid #2297fa;
 		display: flex;
@@ -565,6 +581,7 @@
 		width: 690rpx;
 		height: 260rpx;
 		margin: 20rpx auto;
+        border-radius: 30rpx;
 	}
 
 	.yswiper {