Ver código fonte

商户底部栏目

newCard
HolyKnightIX 2 anos atrás
pai
commit
73eb8f779b
1 arquivos alterados com 204 adições e 186 exclusões
  1. +204
    -186
      index/searchbar.wxss

+ 204
- 186
index/searchbar.wxss Ver arquivo

@@ -1,191 +1,209 @@
@import "../iconfont.wxss"; @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%; width: 90%;
display: flex; display: flex;
background: #fff; 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; 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;
}
}

.shopVoList text {
font-size: 20rpx !important;
color: #b8b8b8 !important;
margin-right: 10rpx;
}

Carregando…
Cancelar
Salvar