组件完善
parent
072adeaa9a
commit
17e688b683
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<view class="container" :style="{padding: linePadding}">
|
||||
<!-- 带文字的分割线 -->
|
||||
<view class="divider" :style="{margin: lineMargin}">
|
||||
<view class="divider" :style="{margin: lineMargin,width: width}">
|
||||
<view class="line" :style="{height: lineHeight,backgroundColor: lineColor}"></view>
|
||||
<text :style="{padding: textPadding,fontSize: fontSize,color: fontColor,fontWeight: fontWeight}">{{ lineText }}</text>
|
||||
<view class="line" :style="{height: lineHeight,backgroundColor: lineColor,}"></view>
|
||||
|
|
@ -60,15 +60,24 @@ export default {
|
|||
type: String,
|
||||
default: '',
|
||||
required: true
|
||||
},
|
||||
width: {
|
||||
type: String,
|
||||
default: '100%'
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.divider {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.line {
|
||||
|
|
|
|||
Loading…
Reference in New Issue