44 lines
884 B
Vue
44 lines
884 B
Vue
<template>
|
|
<view class="more-title flex-row align-c" @tap="comment_more_event">
|
|
{{ propText }}
|
|
<view class="ml-3">
|
|
<iconfont :name="propIconName" color="#999" size="20rpx" />
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
propId: {
|
|
type: [String, Number],
|
|
default: '',
|
|
},
|
|
propText: {
|
|
type: String,
|
|
default: '展开'
|
|
},
|
|
propIconName: {
|
|
type: String,
|
|
default: 'icon-arrow-down'
|
|
},
|
|
},
|
|
methods: {
|
|
comment_more_event() {
|
|
this.$emit('comment_more_event', this.propId);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.ml-3 {
|
|
margin-left: 6rpx;
|
|
}
|
|
.more-title {
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
white-space: nowrap;
|
|
}
|
|
</style> |