This commit is contained in:
liuye
2023-06-14 16:24:17 +08:00
parent e5a1b35146
commit 1f6e518300

View File

@@ -71,38 +71,40 @@
<!-- <u-tabs :list="row.map(e=>({name:e.categoryName}))" font-size="40" bg-color="transparent"
inactive-color="#999999" :active-item-style="active"
:is-scroll="true" :current="index" @change="tabChange()"/> -->
<div class="tab-list">
<div class="item" :class="nameIndex == categoryIndexList[r] ? 'active' : ''" v-for="(name, nameIndex) in row" :key="nameIndex" @click="tabClick(r, nameIndex)">{{name.categoryName}}<span></span></div>
</div>
<div class="list-wrap" v-if="row[categoryIndexList[r]] && row[categoryIndexList[r]].records && row[categoryIndexList[r]].records.length>0">
<div class="list-card" v-for="(category,index) in row[categoryIndexList[r]].records" :key="index"
@click="$linkTo('/mods/AppContent/contentDetail?id='+category.id)">
<div class="header">{{ category.title }}</div>
<div class="content-wrap"
v-if="category.contentType==0 && category.files && category.files.length<3&&category.files.length>0">
<img class="img" :src="item.url" v-for="(item,index) in category.files.slice(0,1)" :key="index.id">
</div>
<div class="content-wrap" v-if="category.contentType==0 && category.files && category.files.length >= 3">
<img class="min-img" :src="item.url" v-for="(item,index) in category.files.slice(0,3)" :key="index.id">
</div>
<div class="content-wrap" v-if="category.contentType == 1">
<img class="img" :src="category.pictureUrl" alt=""/>
<img class="play-icon" :src="`${cdn}/play.png`" alt=""/>
</div>
<div class="bottom">
<div class="left">
<div class="tag">{{ category.categoryName }}</div>
{{ category.createTime }}
<div v-if="row && row.length && row[categoryIndexList[r]]">
<div class="tab-list">
<div class="item" :class="nameIndex == categoryIndexList[r] ? 'active' : ''" v-for="(name, nameIndex) in row" :key="nameIndex" @click="tabClick(r, nameIndex)">{{name.categoryName}}<span></span></div>
</div>
<div class="list-wrap" v-if="row[categoryIndexList[r]].records && row[categoryIndexList[r]].records.length>0">
<div class="list-card" v-for="(category,index) in row[categoryIndexList[r]].records" :key="index"
@click="$linkTo('/mods/AppContent/contentDetail?id='+category.id)">
<div class="header">{{ category.title }}</div>
<div class="content-wrap"
v-if="category.contentType==0 && category.files && category.files.length<3&&category.files.length>0">
<img class="img" :src="item.url" v-for="(item,index) in category.files.slice(0,1)" :key="index.id">
</div>
<div class="right">
<em>{{ category.viewCount }}</em>
人看过
<div class="content-wrap" v-if="category.contentType==0 && category.files && category.files.length >= 3">
<img class="min-img" :src="item.url" v-for="(item,index) in category.files.slice(0,3)" :key="index.id">
</div>
<div class="content-wrap" v-if="category.contentType == 1">
<img class="img" :src="category.pictureUrl" alt=""/>
<img class="play-icon" :src="`${cdn}/play.png`" alt=""/>
</div>
<div class="bottom">
<div class="left">
<div class="tag">{{ category.categoryName }}</div>
{{ category.createTime }}
</div>
<div class="right">
<em>{{ category.viewCount }}</em>
人看过
</div>
</div>
</div>
</div>
<div class="more-text" v-if="row[categoryIndexList[r]].records.length > 5" @click="$linkTo('/mods/AppContent/AppContent?names='+row[categoryIndexList[r]].categoryName)">查看更多 ></div>
<AiEmpty v-if="row[categoryIndexList[r]].records && !row[categoryIndexList[r]].records.length"/>
</div>
<div class="more-text" v-if="row[categoryIndexList[r]].records.length > 5" @click="$linkTo('/mods/AppContent/AppContent?names='+row[categoryIndexList[r]].categoryName)">查看更多 ></div>
<AiEmpty v-if="row[categoryIndexList[r]] && row[categoryIndexList[r]].records && !row[categoryIndexList[r]].records.length"/>
</div>
</template>
<AiLogin ref="login"/>