dev
liuyongli 3 years ago
parent 37b0843454
commit 1a0665eb62

@ -1 +1,63 @@
@import '../common/index.wxss';.van-dropdown-menu{background-color:var(--dropdown-menu-background-color,#fff);box-shadow:var(--dropdown-menu-box-shadow,0 2px 12px hsla(210,1%,40%,.12));display:flex;height:var(--dropdown-menu-height,50px);-webkit-user-select:none;user-select:none}.van-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,#969799)}.van-dropdown-menu__title{box-sizing:border-box;color:var(--dropdown-menu-title-text-color,#323233);font-size:var(--dropdown-menu-title-font-size,12px);line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 8px);position:relative}.van-dropdown-menu__title:after{border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:3px;content:"";margin-top:-5px;opacity:.8;position:absolute;right:-4px;top:50%;transform:rotate(-45deg)}.van-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,#ee0a24)}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
@import '../common/index.wxss';
.van-dropdown-menu {
background-color: var(--dropdown-menu-background-color, #fff);
box-shadow: var(--dropdown-menu-box-shadow, 0 2px 12px hsla(210, 1%, 40%, .12));
display: flex;
height: var(--dropdown-menu-height, 35px);
-webkit-user-select: none;
user-select: none;
padding-right: 10px;
}
.van-dropdown-menu__item {
align-items: center;
display: flex;
flex: 1;
justify-content: center;
min-width: 0
}
.van-dropdown-menu__item:active {
opacity: .7
}
.van-dropdown-menu__item--disabled:active {
opacity: 1
}
.van-dropdown-menu__item--disabled .van-dropdown-menu__title {
color: var(--dropdown-menu-title-disabled-text-color, #969799)
}
.van-dropdown-menu__title {
box-sizing: border-box;
color: var(--dropdown-menu-title-text-color, #323233);
font-size: var(--dropdown-menu-title-font-size, 12px);
line-height: var(--dropdown-menu-title-line-height, 18px);
max-width: 100%;
padding: var(--dropdown-menu-title-padding, 0 10px);
position: relative
}
.van-dropdown-menu__title:after {
border-color: transparent transparent currentcolor currentcolor;
border-style: solid;
border-width: 2.5px;
content: "";
margin-top: -5px;
opacity: .8;
position: absolute;
right: -2px;
top: 50%;
transform: rotate(-45deg)
}
.van-dropdown-menu__title--active {
color: var(--dropdown-menu-title-active-text-color, #ee0a24)
}
.van-dropdown-menu__title--down:after {
margin-top: -1px;
transform: rotate(135deg)
}

@ -27,19 +27,19 @@
</view>
<view class="top">
<!-- 下拉框 -->
<van-dropdown-menu>
<van-dropdown-menu custom-class="dropdown-menu" active-color="#027AFF;">
<van-dropdown-item value="{{ grade_value2 }}" options="{{ grades2 }}" bind:change="mySelect2"/>
</van-dropdown-menu>
</view>
<view class="top">
<!-- 下拉框 -->
<van-dropdown-menu>
<van-dropdown-menu custom-class="dropdown-menu" active-color="#027AFF;">
<van-dropdown-item value="{{ grade_value3 }}" options="{{ grades3}}" bind:change="mySelect3"/>
</van-dropdown-menu>
</view>
<view class="top">
<!-- 下拉框 -->
<van-dropdown-menu>
<van-dropdown-menu custom-class="dropdown-menu" active-color="#027AFF;">
<van-dropdown-item value="{{ grade_value4 }}" options="{{ grades4 }}" bind:change="mySelect4"/>
</van-dropdown-menu>
</view>

@ -1,10 +1,8 @@
/* pages/index/Salesranking/Salesranking.wxss */
.dropdown-menu {
box-shadow: 0 0 0 !important;
border: 1px solid #F9F9F9;
}
.menu-tabs .van-tabs__nav {
background-color: #ffffff;
/* 标签背景颜色 */
@ -244,12 +242,10 @@
.top {
height: 60rpx;
/* line-height: 60rpx; */
font-size: 24rpx;
display: inline-block;
margin: 0 16rpx;
align-items: baseline;
border: 1px solid #f9f9f9;
}

Loading…
Cancel
Save