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.
77 lines
2.0 KiB
77 lines
2.0 KiB
<template>
|
|
<view :class="'custom-class ' + utils.bem('divider', [{ dashed, hairline }, contentPosition])" :style="computed.rootStyle({ borderColor, textColor, fontSize, customStyle })">
|
|
<slot />
|
|
</view>
|
|
</template>
|
|
<script module="utils" lang="wxs" src="@/miniprogram_npm/@vant/weapp/wxs/utils.wxs"></script>
|
|
<script module="computed" lang="wxs" src="@/miniprogram_npm/@vant/weapp/divider/index.wxs"></script>
|
|
<script>
|
|
'use strict';
|
|
Object.defineProperty(exports, '__esModule', {
|
|
value: true
|
|
});
|
|
var component_1 = require('../common/component');
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
props: {
|
|
dashed: Boolean,
|
|
hairline: Boolean,
|
|
contentPosition: String,
|
|
fontSize: String,
|
|
borderColor: String,
|
|
textColor: String,
|
|
customStyle: String
|
|
}
|
|
};
|
|
</script>
|
|
<style>
|
|
@import '../common/index.css';
|
|
.van-divider {
|
|
align-items: center;
|
|
border: 0 solid var(--divider-border-color, #ebedf0);
|
|
color: var(--divider-text-color, #969799);
|
|
display: flex;
|
|
font-size: var(--divider-font-size, 14px);
|
|
line-height: var(--divider-line-height, 24px);
|
|
margin: var(--divider-margin, 16px 0);
|
|
}
|
|
.van-divider:after,
|
|
.van-divider:before {
|
|
border-color: inherit;
|
|
border-style: inherit;
|
|
border-width: 1px 0 0;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
flex: 1;
|
|
height: 1px;
|
|
}
|
|
.van-divider:before {
|
|
content: '';
|
|
}
|
|
.van-divider--hairline:after,
|
|
.van-divider--hairline:before {
|
|
transform: scaleY(0.5);
|
|
}
|
|
.van-divider--dashed {
|
|
border-style: dashed;
|
|
}
|
|
.van-divider--center:before,
|
|
.van-divider--left:before,
|
|
.van-divider--right:before {
|
|
margin-right: var(--divider-content-padding, 16px);
|
|
}
|
|
.van-divider--center:after,
|
|
.van-divider--left:after,
|
|
.van-divider--right:after {
|
|
content: '';
|
|
margin-left: var(--divider-content-padding, 16px);
|
|
}
|
|
.van-divider--left:before {
|
|
max-width: var(--divider-content-left-width, 10%);
|
|
}
|
|
.van-divider--right:after {
|
|
max-width: var(--divider-content-right-width, 10%);
|
|
}
|
|
</style>
|
|
|