odjbin/pupil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dengjie commit : tabbar和搜索框样式修改

Browse Source
This commit is contained in:
clay
2022-12-07 21:03:33 +08:00
parent 9db7a4db25
commit faab99a8ce
3 changed files with 40 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
pages/index/index.vue
View File

@@ -1,7 +1,13 @@
<!-- 首页 -->
<template>
<view>
首页1111
<view class="input_block">
<view class="input_block_border">
<u-input placeholder="搜索优质产品" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 22px;color: #909399;margin-left:30rpx">
</u-input>
</view>
</view>
</view>
</template>
<script>
@@ -17,6 +23,28 @@
}
</script>
<style>
<style lang="scss">
.input_block {
background: linear-gradient(135deg, #12CA64 0%, #1ACA67 100%);
.input_block_border {
width: 94.6%;
height: 124rpx;
background: linear-gradient(320deg, #36E182 0%, #26DD76 100%, #26DD76 100%);
margin: 0 auto;
box-shadow: 0 -1px 3px 0 #31B96D;
border-radius: 38rpx 38rpx 0 0;
.u-border {
border: none;
padding-top: 16px !important;
.u-input__content {
height: 64rpx;
border-radius: 32rpx;
background-color: #fff;
}
}
}
}
</style>