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.
75 lines
1.6 KiB
75 lines
1.6 KiB
<template>
|
|
<view v-show="!isSortType">
|
|
<view v-if="titleConfig" :style="'margin:0 '+prConfig*2+'rpx;'">
|
|
<view @click="goLink" class='title'
|
|
:class="[(textPosition==0?'left':textPosition==2?'right':''),(textStyle==1?'italics':textStyle==2?'blod':''), (bgStyle===0?'':'borderRadius15')]"
|
|
:style="'font-size:'+fontSize+'rpx;margin-top:'+mbConfig*2+'rpx;background-color:'+titleColor+';color:'+themeColor+';'">
|
|
<div>{{titleConfig}}</div>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'titles',
|
|
props: {
|
|
dataConfig: {
|
|
type: Object,
|
|
default: () => {}
|
|
},
|
|
isSortType: {
|
|
type: String | Number,
|
|
default: 0
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
fontSize: this.dataConfig.fontSize.val * 2,
|
|
linkConfig: this.dataConfig.linkConfig.value,
|
|
mbConfig: this.dataConfig.mbConfig.val,
|
|
textPosition: this.dataConfig.textPosition.type,
|
|
textStyle: this.dataConfig.textStyle.type,
|
|
titleColor: this.dataConfig.titleColor.color[0].item,
|
|
titleConfig: this.dataConfig.titleConfig.value,
|
|
themeColor: this.dataConfig.themeColor.color[0].item,
|
|
prConfig: this.dataConfig.prConfig.val,
|
|
bgStyle: this.dataConfig.bgStyle.type
|
|
};
|
|
},
|
|
created() {},
|
|
methods: {
|
|
goLink() {
|
|
this.$util.JumpPath(this.linkConfig);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.title {
|
|
font-size: 40rpx;
|
|
color: #282828;
|
|
text-align: center;
|
|
width: 100%;
|
|
padding: 20rpx 20rpx 0 20rpx;
|
|
box-sizing: border-box;
|
|
|
|
&.left {
|
|
text-align: left;
|
|
}
|
|
|
|
&.right {
|
|
text-align: right;
|
|
}
|
|
|
|
&.blod {
|
|
font-weight: bold;
|
|
}
|
|
|
|
&.italics {
|
|
font-style: italic;
|
|
}
|
|
}
|
|
</style>
|
|
|