flat: style修改

This commit is contained in:
Apcallover
2024-02-19 16:17:21 +08:00
parent c0882a2c82
commit 67c73d9fc7

View File

@@ -1,13 +1,15 @@
<template>
<view class="home-body">
<!-- <view class="home_top">
</view> -->
<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> -->
<u-icon name="search" color="#2979ff" size="28"></u-icon>
<input placeholder-class="search_style" type="text" confirm-type="搜索" v-model="keywords" placeholder="请搜索任务名称或公司名称" />
<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">
@@ -477,7 +479,7 @@
<style>
.search_style{
color: blue;
color: #2297fa;
}
.home-body {
overflow-x: hidden;
@@ -500,19 +502,44 @@
.headd {
background-color: #f6f6f6;
border-radius: 200rpx;
border: 2rpx solid blue;
border: 2rpx solid #2297fa;
display: flex;
justify-content: center;
justify-content: space-between;
align-items: center;
margin: 0 auto;
width: 690rpx;
margin-right: auto;
height: 60rpx;
.headd_left{
padding-left: 15rpx;
display: flex;
align-items: center;
flex: 1;
}
.headd_right{
padding: 0 30rpx;
color: #2297fa;
font-size: 28rpx;
display: flex;
align-content: center;
justify-content: center;
position: relative;
font-weight: bold;
}
.headd_right::before{
position: absolute;
content: '';
left: 0;
top: calc(50% - 15rpx);
width: 2rpx;
height: 30rpx;
background-color: #2297fa;
}
}
.headd input {
width: 312rpx;
width: 100%;
font-size: 26rpx;
}