You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.2 KiB
36 lines
1.2 KiB
<template>
|
|
<uni-shadow-root class="vant-goods-action-index"><view :class="'custom-class '+(utils.bem('goods-action', { safe: safeAreaInsetBottom }))">
|
|
<slot></slot>
|
|
</view></uni-shadow-root>
|
|
</template>
|
|
<wxs src="../wxs/utils.wxs" module="utils"></wxs>
|
|
<script>
|
|
|
|
global['__wxRoute'] = 'vant/goods-action/index'
|
|
import { VantComponent } from '../common/component';
|
|
VantComponent({
|
|
relation: {
|
|
type: 'descendant',
|
|
name: 'goods-action-button',
|
|
linked(child) {
|
|
this.children.push(child);
|
|
},
|
|
unlinked(child) {
|
|
this.children = this.children.filter((item) => item !== child);
|
|
}
|
|
},
|
|
beforeCreate() {
|
|
this.children = [];
|
|
},
|
|
props: {
|
|
safeAreaInsetBottom: {
|
|
type: Boolean,
|
|
value: true
|
|
}
|
|
}
|
|
});
|
|
export default global['__wxComponents']['vant/goods-action/index']
|
|
</script>
|
|
<style platform="mp-weixin">
|
|
@import '../common/index.css';.van-goods-action{position:fixed;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:#fff;background-color:var(--goods-action-background-color,#fff)}.van-goods-action--safe{padding-bottom:env(safe-area-inset-bottom)}
|
|
</style>
|