From 601e5b0bf67a428a59f9ad65800c9bf5fb496d64 Mon Sep 17 00:00:00 2001 From: Lee <342694918@qq.com> Date: Wed, 21 Sep 2022 11:31:10 +0800 Subject: [PATCH] =?UTF-8?q?=E5=95=86=E6=88=B7=E6=90=9C=E7=B4=A2=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 47 +++++++++++++++++++++++++++++++++---- images/icon/icon-arrow.png | Bin 0 -> 1241 bytes user/business.html | 24 +++++++++++++++---- 3 files changed, 63 insertions(+), 8 deletions(-) create mode 100644 images/icon/icon-arrow.png diff --git a/css/style.css b/css/style.css index 695ec88..1cd26af 100644 --- a/css/style.css +++ b/css/style.css @@ -297,18 +297,48 @@ width: calc(100% - .5rem); height: .86rem; margin: .3rem auto 0; - padding: 0 .3rem 0 .4rem; - border: .02rem solid #868686; } .search-form{ - width: calc(100% - .6rem); + justify-content: space-between; + width: 100%; +} + +.search-select-bg{ + width: 1.94rem; + border: .02rem solid #868686; + position: relative; +} +.search-select{ + width: 100%; + height: 100%; + padding: 0 .3rem; + color: #868686; +} +.search-select-bg>img{ + display: block; + width: .14rem; + height: .3rem; + position: absolute; + top: 50%; + right: .15rem; + transform: translateY(-50%); +} + +.search-input-bg{ + align-items: center; + width: calc(100% - 2.1rem); } .search-input { width: 100%; line-height: .8rem; + border-radius: .25rem 0 0 .25rem; + border: .02rem solid #868686; + border-right: 0; + padding: 0 .3rem; -webkit-appearance: none; + color: #868686; } .search-input::-webkit-input-placeholder { @@ -319,9 +349,18 @@ -webkit-appearance: none; } -.search img { +.search-btn{ + justify-content: center; + align-items: center; + width: .96rem; + height: 100%; + border-radius: 0 .25rem .25rem 0; +} + +.search-btn>img { width: .4rem; height: .4rem; + filter: grayscale(100%) brightness(100); } /* 商户列表 */ diff --git a/images/icon/icon-arrow.png b/images/icon/icon-arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..fbd644a032895a3e6d54e78261e53b5d8eab7377 GIT binary patch literal 1241 zcmaJ>ZD<>19KSR%cCodob45kQag}LZbC-8>M`Dxa8k@S5mMnOrn`Cr-Ji?6SOi23d%mrd>E@J;&WZo`N4Q__q_1? z{r+!1?pS*Gxpv264h+NElY?vqtq-DiZ>t@BA3sG6q2*D1Ag7POalOo`0E-DQ5AdYK zO@IvGgz3qvAdF$wePTAJ=TZk49!ex5V$Br zh|xgGol@eUAP&x`U}R=E%g+>fS|IwK#lr@J1SFtyxFMBfjWHs`mM(+#<~2p&TM)e% zA?_xXOQrERQ~@3!gD&3V58%(xq$lX}({wNHb$ddTJ4AVWE>Dp0yBV(+-+l-bO%=wO z44c@Fg-#Kopz8`lQRQ-(Ec-~PPEa12rYX0V@_Jne;nJpMoikjr*4>7$;0;!OqC@>+fKOTt1{XROtdOQOx?e32y609!~O2mS+JJ{f|ke`x(tT(vAJ#L^W z*R+GApvWvx#aDokP@#lxmCcCFbMZFS+vW<*bMZChQYab99PYn{-MB&yGPgU{MTZ^p z0~tA9Mb^IQ`t4l|vm}#jENlFbFBOaYCCkT0H=lIgy1eh|Y<%~A=N(JE0}tA2M}BoI zDTS}C`2c?1TC+~mr#sIqbR460RnN}(Phyiq*Oj44&T%}Ez)#Ix z*|U*8e(<|Tc2(bQTaSgEH%}LTw$w=bU)Y%s?|+fM&-uL1X(zAES+1|PRzGX2S{J^` zEv@v-y=r@NEV|q>q)r-(dwpZepI$02y#9@?WW-C0-HvN7cYiTIn{NB^;*H-|56!Q2 zK0JRudGXNx!8(nG;?Y*1dTA~#THu`7ig=j5QF@HA6fnj#7|KRLD@oS(G literal 0 HcmV?d00001 diff --git a/user/business.html b/user/business.html index bb4d8e7..d711057 100644 --- a/user/business.html +++ b/user/business.html @@ -17,11 +17,27 @@ -
-
- +
+ +
+ + 区域选择 +
+ +
+ +
+ 搜索 +
+
- 搜索