overseas/pages/index/component/guide.vue

45 lines
1017 B
Vue

<template>
<view class="lines" :style="'padding:14rpx '+ lrEdge +'rpx;padding-top:'+ mbConfig +'rpx;'">
<view class="item" :style="'border-bottom-width:'+ heightConfig +'rpx;border-bottom-color:'+ lineColor +';border-bottom-style:'+ lineStyle +';'"></view>
</view>
</template>
<script>
export default {
name: 'guide',
props: {
dataConfig: {
type: Object,
default: () => {}
}
},
data() {
return {
heightConfig:this.dataConfig.heightConfig.val*2 || 2,
lineColor:this.dataConfig.lineColor.color[0].item,
lineStyle:this.dataConfig.lineStyle.type == 0 ? 'dashed' : this.dataConfig.lineStyle.type == 1 ? 'solid' : 'dotted',
lrEdge:this.dataConfig.lrEdge.val*2,
mbConfig:this.dataConfig.mbConfig.val*2
};
},
created() {},
methods: {
}
}
</script>
<style lang="scss" scoped>
.lines{
padding: 0 20rpx;
margin-top: 20rpx;
.item{
width: 100%;
box-sizing: border-box;
border-bottom-color: red;
border-bottom-style: dotted;
}
}
</style>