首页
This commit is contained in:
@@ -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"/>
|
||||
|
||||
Reference in New Issue
Block a user