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.
47 lines
838 B
47 lines
838 B
<template>
|
|
<view class="u-flex jnpf-group-box">
|
|
<view class="jnpf-group" :style="{'text-align':contentPosition}" @click="cIcon()">{{content}}
|
|
<u-icon :name="helpMessage? 'question-circle-fill':''" class="u-m-l-10" color="#a0acb7"></u-icon>
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: 'jnpf-group',
|
|
props: {
|
|
content: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
helpMessage: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
contentPosition: {
|
|
type: String,
|
|
default: 'left'
|
|
},
|
|
},
|
|
methods: {
|
|
cIcon() {
|
|
if (!this.helpMessage) return
|
|
this.$emit('groupIcon')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.jnpf-group-box {
|
|
width: 100%;
|
|
|
|
.jnpf-group {
|
|
width: 100%;
|
|
color: #333333;
|
|
font-size: 32rpx;
|
|
line-height: 70rpx;
|
|
margin: 0;
|
|
padding: 0 20rpx;
|
|
}
|
|
}
|
|
</style> |