小程序
小游戏
企业微信
微信支付
扫描小程序码分享
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以修改,需要修改indicator-class中的:after与:before,由于框架是taro-react所以直接贴代码了
// jsx or wxml or template <PickerView indicatorClass={styles.indicator}> <PickerViewColumn>...</PickerViewColumn> </PickerView> // scss .indicator { width: 100%; height: 40px; &::after{ content:''; height: 1px; width: 100%; border-color: rgba($color: #fff, $alpha: 0.1); // 这里设置上需要的颜色即可 } &::before{ content: ''; height: 1px; width: 100%; border-color: rgba($color: #fff, $alpha: 0.1); // 这里设置上需要的颜色即可 } }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段
可以用这段代码先把默认的两条线去掉
.选择器中间选中框的类名::before { display: none; } .选择器中间选中框的类名::after { display: none; }
再重新写上下边框
.选择器中间选中框的类名 { border-top: 2rpx solid #333333; border-bottom: 2rpx solid #333333; }
<picker-view mask-style="background: transparent;z-index: 0;" indicator-class="indicator-class" :indicator-style="indicatorStyle" :value="[current]" @change="handlePickerChange" class="picker-view">
<picker-view-column>
<view class="item" v-for="(item,index) in 6" :key="index">{{item}}月</view>
</picker-view-column>
</picker-view>
.indicator-class::after{
display: none;
}
.indicator-class::before{
.indicator-class{
border-top: 2rpx solid #333333;
border-bottom: 2rpx solid #333333;
改不了
picker 源生组件 无法配置颜色哦
要自定义的颜色的化,只能自己写模拟
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
可以修改,需要修改indicator-class中的:after与:before,由于框架是taro-react所以直接贴代码了
// jsx or wxml or template <PickerView indicatorClass={styles.indicator}> <PickerViewColumn>...</PickerViewColumn> </PickerView> // scss .indicator { width: 100%; height: 40px; &::after{ content:''; height: 1px; width: 100%; border-color: rgba($color: #fff, $alpha: 0.1); // 这里设置上需要的颜色即可 } &::before{ content: ''; height: 1px; width: 100%; border-color: rgba($color: #fff, $alpha: 0.1); // 这里设置上需要的颜色即可 } }
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段
可以用这段代码先把默认的两条线去掉
.选择器中间选中框的类名::before { display: none; } .选择器中间选中框的类名::after { display: none; }
再重新写上下边框
.选择器中间选中框的类名 { border-top: 2rpx solid #333333; border-bottom: 2rpx solid #333333; }
<picker-view mask-style="background: transparent;z-index: 0;" indicator-class="indicator-class" :indicator-style="indicatorStyle" :value="[current]" @change="handlePickerChange" class="picker-view">
<picker-view-column>
<view class="item" v-for="(item,index) in 6" :key="index">{{item}}月</view>
</picker-view-column>
</picker-view>
.indicator-class::after{
display: none;
}
.indicator-class::before{
display: none;
}
.indicator-class{
border-top: 2rpx solid #333333;
border-bottom: 2rpx solid #333333;
}
改不了
picker 源生组件 无法配置颜色哦
要自定义的颜色的化,只能自己写模拟