diff --git a/index/searchbar.wxss b/index/searchbar.wxss index c91ae47..e8c476f 100644 --- a/index/searchbar.wxss +++ b/index/searchbar.wxss @@ -1,191 +1,209 @@ @import "../iconfont.wxss"; -.searchicon{ - margin-right: 5rpx; -} -.map{ - position: fixed; - right: 0; - top: 740rpx; - height: 100rpx; - width: 100rpx; - /* background-color: chartreuse; */ -} -.search{ - z-index:5000; - left:0; - right: 0; - margin: auto; - width: 700rpx; - height: 68rpx; - line-height: 68rpx; - border:1px solid #ccc; - background: #F4F5F9; - border-radius:10rpx; - text-align: center; - color: #999; - font-size:30rpx; -} -.under_line{ - width: 100%; -} -.scrollY { - width: 134rpx; - position: fixed; - left: 0; - background:#F4F5F9; - /* top:240rpx; */ - margin-top: 40rpx; - overflow: scroll; -} - - -.text-style { - position: relative; - width: 139rpx; - height: 100rpx; - line-height: 100rpx; - text-align: center; - font-size: 30rpx; - font-family: PingFangSC-Semibold; - color: #3C3C3C; - background: #FFFFFF; - font-weight:500; -} -.text-styleHover{ - position: relative; - width: 139rpx; - height: 100rpx; - line-height: 100rpx; - text-align: center; - font-size: 26rpx; - font-family: PingFangSC-Semibold; - color: #A6A6A6; -} -.text-style text{ - font-size: 26rpx; -} -.active1 { - font-size: 26rpx!important; -} -.active { - position: absolute; - left: 4rpx; - bottom: 0rpx; - top:0; - margin: auto; - width:12rpx; - height:24rpx; - background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); - border-radius:7rpx; -} - -.posi { - position: relative; - width: 616rpx; - float: right; - margin-top: 20rpx; -} - -.posi>view:nth-child(2) { - width: 100%; - display: flex; - justify-content: space-between; - box-sizing: border-box; -} - -.posi>view:nth-child(2) text:nth-child(1) { - font-size: 30rpx; - color: #a9a9a9; -} - -.posi>view:nth-child(2) text:nth-child(2) { - font-size: 30rpx; - color: #a9a9a9; -} - -.posi_logo { - position: relative; - width:576rpx!important; - height:176rpx; - background:rgba(255,255,255,1); - box-shadow:0px 4rpx 8rpx 0px rgba(0,0,0,0.04); - border-radius:16rpx; - margin: 20rpx; - overflow: hidden; -} -.tel { - position: absolute; - right: 3%; - top: 0; - bottom: 0; - margin: auto; - width: 50rpx; - height: 50rpx; -} -.merchants{ + + .searchicon { + margin-right: 5rpx; + } + + .map { + position: fixed; + right: 0; + top: 740rpx; + height: 100rpx; + width: 100rpx; + /* background-color: chartreuse; */ + } + + .search { + z-index: 5000; + left: 0; + right: 0; + margin: auto; + width: 700rpx; + height: 68rpx; + line-height: 68rpx; + border: 1px solid #ccc; + background: #F4F5F9; + border-radius: 10rpx; + text-align: center; + color: #999; + font-size: 30rpx; + } + + .under_line { + width: 100%; + } + + .scrollY { + width: 134rpx; + position: fixed; + left: 0; + background: #F4F5F9; + /* top:240rpx; */ + margin-top: 40rpx; + overflow: scroll; + } + + + .text-style { + position: relative; + width: 139rpx; + height: 100rpx; + line-height: 100rpx; + text-align: center; + font-size: 30rpx; + font-family: PingFangSC-Semibold; + color: #3C3C3C; + background: #FFFFFF; + font-weight: 500; + } + + .text-styleHover { + position: relative; + width: 139rpx; + height: 100rpx; + line-height: 100rpx; + text-align: center; + font-size: 26rpx; + font-family: PingFangSC-Semibold; + color: #A6A6A6; + } + + .text-style text { + font-size: 26rpx; + } + + .active1 { + font-size: 26rpx !important; + } + + .active { + position: absolute; + left: 4rpx; + bottom: 0rpx; + top: 0; + margin: auto; + width: 12rpx; + height: 24rpx; + background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); + border-radius: 7rpx; + } + + .posi { + position: relative; + width: 616rpx; + float: right; + margin-top: 20rpx; + padding-bottom: 200rpx; + } + + .posi>view:nth-child(2) { + width: 100%; + display: flex; + justify-content: space-between; + box-sizing: border-box; + } + + .posi>view:nth-child(2) text:nth-child(1) { + font-size: 30rpx; + color: #a9a9a9; + } + + .posi>view:nth-child(2) text:nth-child(2) { + font-size: 30rpx; + color: #a9a9a9; + } + + .posi_logo { + position: relative; + width: 576rpx !important; + height: 176rpx; + background: rgba(255, 255, 255, 1); + box-shadow: 0px 4rpx 8rpx 0px rgba(0, 0, 0, 0.04); + border-radius: 16rpx; + margin: 20rpx; + overflow: hidden; + } + + .tel { + position: absolute; + right: 3%; + top: 0; + bottom: 0; + margin: auto; + width: 50rpx; + height: 50rpx; + } + + .merchants { width: 90%; display: flex; background: #fff; - padding-right:5%; + padding-right: 5%; + overflow: hidden; + } + + .merchants view:nth-child(1) image { + display: block; + width: 120rpx; + height: 120rpx; + border-radius: 16rpx; + } + + .position { + text-align: center; + margin-top: 100rpx; + color: #999; + } + + .leftBox { + padding: 20rpx 0; + } + + .shopVo { + margin-left: 20rpx; + } + + .merchantName { + color: #3C3C3C; + font-size: 32rpx; + margin-left: 20rpx; + width: 60%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-top: 10rpx; + } + + .shopVo text { + float: left; + } + + page { + padding: 0 0 30rpx; + } + + .text { + display: block; + width: 25%; + text-align: center; + } + + .view view:nth-of-type(1) { + font-size: 28rpx; + color: #888; + } + + .shopVoList { + padding-left: 0 !important; + display: inline-block !important; + width: 345rpx; + white-space: nowrap; + text-overflow: ellipsis; overflow: hidden; -} -.merchants view:nth-child(1) image { - display: block; - width: 120rpx; - height: 120rpx; - border-radius: 16rpx; -} -.position{ - text-align: center; - margin-top: 100rpx; - color: #999; -} -.leftBox{ - padding: 20rpx 0; -} - -.shopVo{ - margin-left: 20rpx; -} - -.merchantName{ - color: #3C3C3C; - font-size: 32rpx; - margin-left: 20rpx; - width: 60%; - overflow: hidden; - text-overflow:ellipsis; - white-space: nowrap; - margin-top: 10rpx; -} -.shopVo text{ - float: left; -} -page { - padding: 0 0 30rpx; -} - -.text{ - display: block; - width: 25%; - text-align: center; -} - -.view view:nth-of-type(1) { - font-size: 28rpx; - color: #888; -} - -.shopVoList{ - padding-left: 0!important; - display: inline-block!important; - width: 345rpx; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} -.shopVoList text{ - font-size: 20rpx!important; - color: #b8b8b8!important; - margin-right: 10rpx; -} \ No newline at end of file + } + + .shopVoList text { + font-size: 20rpx !important; + color: #b8b8b8 !important; + margin-right: 10rpx; + } \ No newline at end of file