flat: style修改

This commit is contained in:
Apcallover
2024-02-20 09:47:57 +08:00
parent 8b5a31c192
commit 43b666c876
4 changed files with 64 additions and 44 deletions

View File

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

View File

@@ -1,6 +1,8 @@
<template> <template>
<view class="home-body"> <view class="home-body">
<uni-nav-bar :shadow="false" > <view class="body_header">
<view class="home_logo"> </view>
<uni-nav-bar :shadow="false" backgroundColor="transparent">
<view class="headd" @click="goSeach"> <view class="headd" @click="goSeach">
<!-- <image src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx; color: blue;" mode=""></image> --> <!-- <image src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx; color: blue;" mode=""></image> -->
<view class="headd_left"> <view class="headd_left">
@@ -12,7 +14,7 @@
</view> </view>
</view> </view>
</uni-nav-bar> </uni-nav-bar>
<view class="homeHead"> <!-- <view class="homeHead"> -->
<view class="headSwiper"> <view class="headSwiper">
<swiper :indicator-dots="true" indicator-active-color="#fff" indicator-color="rgba(255,255,255,0.80)" :autoplay="true" <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"> :interval="3000" :duration="1000" class="yswiper" :circular="true">
@@ -41,8 +43,10 @@
</swiper> </swiper>
</view> </view>
</view> </view>
<!-- </view> -->
</view> </view>
<view class="jobService"> <view class="jobService">
<view class="cardTips">就业服务</view> <view class="cardTips">就业服务</view>
<view class="serviceItem" @click="goures()"> <view class="serviceItem" @click="goures()">
@@ -496,6 +500,18 @@
</script> </script>
<style lang="scss"> <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{ .search_style{
color: #2297fa; color: #2297fa;
} }
@@ -518,7 +534,7 @@
} }
.headd { .headd {
background-color: #f6f6f6; // background-color: #f6f6f6;
border-radius: 200rpx; border-radius: 200rpx;
border: 2rpx solid #2297fa; border: 2rpx solid #2297fa;
display: flex; display: flex;
@@ -565,6 +581,7 @@
width: 690rpx; width: 690rpx;
height: 260rpx; height: 260rpx;
margin: 20rpx auto; margin: 20rpx auto;
border-radius: 30rpx;
} }
.yswiper { .yswiper {

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
static/img/index/inLogo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB