This commit is contained in:
@jyuhsin
2025-10-16 16:55:32 +08:00
parent 6f3e1ae47c
commit 45ee9b7285
8 changed files with 264 additions and 14 deletions
@@ -177,9 +177,9 @@ const apps = {
// 如果是"推荐应用"分类
if (this.currentCategoryId === "recommended") {
this.$axios.post("/platform/v4/apps/recommended").then((result) => {
this.$axios.post("/platform/home/listRecommendApp", { platform: "H5" }).then((result) => {
if (result.code === 0) {
this.applications = result.data.list || []
this.applications = result.data || []
} else {
console.error("获取推荐应用失败:", result.msg)
}
@@ -16,7 +16,7 @@ const home = {
<!--快捷入口-->
<div class="quick-grid">
<div class="section-title">快速入口</div>
<div class="section-title">推荐服务</div>
<van-grid :column-num="4" icon-size="46" square clickable :border="false">
<van-grid-item v-for="item in quickEntries"
@click="menuClick(item)"
@@ -38,9 +38,14 @@ const home = {
已结束
</van-tag>
<van-tag class="act-item-wrapper-tag" type="success" v-else-if="$moment().unix() < $moment(item.endDate).unix()">
<van-tag class="act-item-wrapper-tag" type="success"
v-else-if="$moment().unix() > $moment(item.startDate).unix() && $moment().unix() < $moment(item.endDate).unix()">
进行中
</van-tag>
<van-tag class="act-item-wrapper-tag" type="success" v-else-if="$moment().unix() < $moment(item.startDate).unix()">
即将开始
</van-tag>
<div class="act-item-cover">
<van-image v-if="item.cover" width="120" height="84" :src="item.cover"></van-image>
@@ -68,7 +73,7 @@ const home = {
},
methods: {
listRecommendApp() {
this.$axios.post("/platform/home/listRecommendApp", { platform: "H5" }).then((res) => {
this.$axios.post("/platform/home/listRecommendService", { platform: "H5" }).then((res) => {
if (res.code === 0) {
this.quickEntries = res.data
}
@@ -178,8 +183,17 @@ const home = {
}
.section-title{
padding: 10px 0 5px 10px;
padding: 0 0 5px 5px;
font-size: 15px;
}
/deep/ .home__swipe img {
width: 100%;
height: 100%;
}
/deep/ .act-item-cover img {
border-radius: 8px;
}
`
}
@@ -23,10 +23,10 @@ layout("/layouts/platform_h5.html"){
<div id="page-tarbar" class="page-tarbar">
<van-tabbar v-model="homeTabbarActive" @change="homeTabbarChange">
<van-tabbar-item name="home" icon="wap-home-o">首页</van-tabbar-item>
<van-tabbar-item name="apps" icon="gem">应用</van-tabbar-item>
<van-tabbar-item name="apps" icon="apps-o">应用</van-tabbar-item>
<!-- <van-tabbar-item name="work" icon="gem">工作台</van-tabbar-item>-->
<van-tabbar-item name="todo" icon="gem">待办</van-tabbar-item>
<van-tabbar-item name="msg" icon="gem">消息</van-tabbar-item>
<van-tabbar-item name="todo" icon="records-o">待办</van-tabbar-item>
<van-tabbar-item name="msg" icon="envelop-o">消息</van-tabbar-item>
<van-tabbar-item name="mine" icon="user-o">我的</van-tabbar-item>
</van-tabbar>
</div>
@@ -116,7 +116,7 @@ const mine = {
}
.profile-card {
margin: 16px;
margin: 10px;
padding: 20px;
background: white;
border-radius: 12px;
@@ -224,7 +224,7 @@ const mine = {
border-top: 1px solid #f5f5f5;
display: flex;
flex-direction: column;
gap: 16px;
gap: 0;
}
.info-item {
@@ -259,7 +259,7 @@ const mine = {
}
.action-cards {
margin: 16px;
margin: 10px;
animation: slideUp 0.3s ease-out;
}
@@ -56,6 +56,7 @@ const msg= {
<!-- 消息列表 -->
<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
<van-list
style="padding: 10px"
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@@ -335,7 +336,7 @@ const msg= {
/* 自定义消息列表项样式 */
/deep/ .custom-message-item {
background-color: #fff;
padding: 20px;
padding: 10px;
margin-bottom: 8px;
cursor: pointer;
transition: all 0.2s ease;
@@ -219,7 +219,7 @@ const todo = {
}
/deep/ .filter-section {
margin-bottom: 16px;
/*margin-bottom: 16px;*/
}
.search-form {