odjbin/city-store-transfer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

罗世杰：临时提交

Browse Source
This commit is contained in:
LuoShijie
2023-11-10 21:19:38 +08:00
parent 5c391aae6e
commit f97c558fa0
12 changed files with 242 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
pages/index/NavBarPages/zrxx/zrxx.vue
View File

@@ -1,17 +1,21 @@
<template>
<view>
<view class="search-box">
<view class="search-box-input">
<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 24px;color: #909399;" border="true">
</u-input>
<view class="search-box-bg">
<view class="bug-fix"></view>
<view class="search-box">
<view class="search-box-input">
<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 24px;color: #909399;" border="true">
</u-input>
</view>
</view>
</view>
<view>
<DropDown></DropDown>
</view>
<view>
<ShowShopList :showStyle="1"></ShowShopList>
<view class="marginLR10">
<ShowShopList :showStyle="1"/>
</view>
</view>
</template>
@@ -33,32 +37,45 @@
page{
background-color: #F8F8F8;
}
.search-box {
.marginLR10{
margin: 0 10px;
}
.search-box-bg{
width: 100%;
position: relative;
z-index: 1;
left: 50%;
width: 84.6%;
transform: translateX(-50%);
.search-box-input {
border-radius: 12rpx;
margin-top: 20rpx;
background-color: #fff;
opacity: 0.85;
.u-border {
border: none;
.u-input__content {
height: 62rpx;
border-radius: 12rpx;
background-color: #fff;
.u-input__content__field-wrapper__field {
font-size: 26rpx !important;
z-index: 3;
background-color: #F8F8F8;
.bug-fix {
transform: translateY(-20rpx);
width: 100%;
height: 20rpx;
}
.search-box {
position: relative;
z-index: 2;
left: 50%;
width: 84.6%;
transform: translateX(-50%);
.search-box-input {
border-radius: 12rpx;
background-color: #fff;
opacity: 0.85;
.u-border {
border: none;
.u-input__content {
height: 62rpx;
border-radius: 12rpx;
background-color: #fff;
.u-input__content__field-wrapper__field {
font-size: 26rpx !important;
}
}
}
}
}
}
</style>