2021-07-13 16:49:21 +08:00

73 lines
1.5 KiB
Vue

<template>
<view class="index-wrapper">
<view class='titles' v-if="isIframe && !titleConfig.length">暂无标题</view>
<view class='title acea-row row-between-wrapper' v-if="isShow && titleConfig.length && !isIframe">
<view class='text'>
<view class='name line1'>{{titleConfig[0].val}}</view>
<view class='line1'>诚意推荐品质商品</view>
</view>
<navigator hover-class="none" :url="titleConfig[1].val" class='more'>
更多
<text class='iconfont icon-jiantou'></text>
</navigator>
</view>
<view class='title acea-row row-between-wrapper' v-if="isIframe && titleConfig.length">
<view class='text'>
<view class='name line1'>{{titleConfig[0].val}}</view>
<view class='line1'>诚意推荐品质商品</view>
</view>
<view class='more'>
更多
<text class='iconfont icon-jiantou'></text>
</view>
</view>
</view>
</template>
<script>
let app = getApp()
export default {
name: 'titles',
props: {
dataConfig: {
type: Object,
default: () => {}
}
},
watch: {
dataConfig: {
immediate: true,
handler(nVal, oVal) {
if(nVal){
this.titleConfig = nVal.titleInfo.list;
this.isShow = nVal.isShow.val;
}
}
}
},
data() {
return {
titleConfig:{},
name: this.$options.name,
isIframe: false,
isShow: true
};
},
created() {
this.isIframe = app.globalData.isIframe;
},
mounted() {},
methods: {
}
}
</script>
<style lang="scss">
.titles{
font-size: 35rpx;
color: #282828;
text-align: center;
width: 100%;
}
</style>