uview-plus组件库全面升级更新,订单结算判断支付方式是否可用代码调整,公众号关注二维码修改
This commit is contained in:
@@ -13,7 +13,7 @@ export default {
|
||||
text: '',
|
||||
color: '#606266',
|
||||
size: 14,
|
||||
bgColor: '#dedede',
|
||||
bgColor: '#f1f1f1',
|
||||
height: 32
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
<!-- #endif -->
|
||||
<view
|
||||
class="u-index-anchor u-border-bottom"
|
||||
:class="{ 'u-index-anchor--sticky': parentSticky }"
|
||||
:ref="`u-index-anchor-${text}`"
|
||||
:style="{
|
||||
height: addUnit(height),
|
||||
@@ -16,7 +17,7 @@
|
||||
fontSize: addUnit(size),
|
||||
color: color
|
||||
}"
|
||||
>{{ text }}</text>
|
||||
>{{ text.name || text }}</text>
|
||||
</view>
|
||||
<!-- #ifdef APP-NVUE -->
|
||||
</header>
|
||||
@@ -69,15 +70,24 @@
|
||||
return error('u-index-anchor必须要搭配u-index-item组件使用')
|
||||
}
|
||||
// 设置u-index-item的id为anchor的text标识符,因为非nvue下滚动列表需要依赖scroll-view滚动到元素的特性
|
||||
indexListItem.id = this.text.charCodeAt(0)
|
||||
if (typeof this.text == 'string') {
|
||||
indexListItem.id = this.text.charCodeAt(0)
|
||||
} else {
|
||||
indexListItem.id = this.text.name.charCodeAt(0)
|
||||
}
|
||||
// #endif
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
parentSticky() {
|
||||
const indexList = $parent.call(this, "u-index-list");
|
||||
return indexList ? indexList.sticky : true;
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "../../libs/css/components.scss";
|
||||
|
||||
.u-index-anchor {
|
||||
position: sticky;
|
||||
@@ -87,6 +97,11 @@
|
||||
padding-left: 15px;
|
||||
z-index: 1;
|
||||
|
||||
&--sticky {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&__text {
|
||||
@include flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user