671732d277
refactor: 重构组件模板，统一使用相对路径和内部路由 style: 调整CSS样式，修复布局和间距问题 fix: 修复投票和offer组件链接错误问题 chore: 添加新图片资源并更新相关引用路径 perf: 移除调试日志，优化页面加载性能 docs: 更新组件注释和文档说明 test: 更新测试用例以适配新功能 ci: 调整构建配置以支持新资源文件 build: 更新依赖项以兼容新功能
228 lines
14 KiB
HTML
228 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>版块首页</title>
|
||
<link rel="stylesheet" href="./css/public.css" />
|
||
<link rel="stylesheet" href="./css/section.css" />
|
||
<script src="./js/vue.global.js"></script>
|
||
<style scoped>
|
||
[v-cloak] {
|
||
display: none;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="container" id="sectionIndex" v-cloak>
|
||
<div class="head-top flexacenter">
|
||
<img class="logo" src="https://oss.gter.net/logo" alt="" />
|
||
<div class="flex1"></div>
|
||
<div class="input-box flexacenter">
|
||
<input class="input flex1" type="text" placeholder="大家都在搜：屯特" />
|
||
<img class="icon" />
|
||
</div>
|
||
|
||
<div class="sign-in sign-in-already flexcenter" v-if="signInAlreadyState" v-cloak onclick="showWindow('dsu_paulsign', 'https://bbs.gter.net/plugin.php?id=dsu_paulsign:sign&show=sign')">
|
||
<img class="sign-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-icon.png" />
|
||
<span>已签到，明天再来</span>
|
||
</div>
|
||
<div class="sign-in sign-in-no flexacenter" v-else onclick="showWindow('dsu_paulsign', 'https://bbs.gter.net/plugin.php?id=dsu_paulsign:sign&show=sign')" v-cloak>
|
||
<img class="sign-in-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-in-bj.svg" />
|
||
<img class="coin-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-bj.svg" />
|
||
<img class="coin-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-icon.png" />
|
||
<span class="text flex1">签到领寄托币</span>
|
||
<div class="sign-go flexcenter">
|
||
<img class="sign-go-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-go.svg" />
|
||
GO
|
||
</div>
|
||
<img class="petal1" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal1.png" />
|
||
<img class="petal2" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal2.png" />
|
||
<img class="petal3" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal3.png" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="head-navigation flexacenter">
|
||
<img class="icon" src="./img/index-icon.png" />
|
||
<a class="text textA" target="_blank" href="./">首页</a>
|
||
<img class="arrows" src="./img/arrows-gray.svg" />
|
||
<div class="text">{{ info.name }}</div>
|
||
</div>
|
||
|
||
<div class="matter flexflex">
|
||
<div class="sidebar">
|
||
<div class="title">论坛版块</div>
|
||
<div class="list">
|
||
<template v-for="(item, index) in sectionList" :key="index">
|
||
<div v-if="item.key == 'line'" class="line"></div>
|
||
<div v-else class="item flexacenter" :class="{'pitch' : item.uniqid == section}" @click="changeSection(item.uniqid)">
|
||
<span class="text">{{ item.name }}</span>
|
||
</div>
|
||
</template>
|
||
</div>
|
||
</div>
|
||
<div class="matter-content flex1">
|
||
<div class="info-box flexflex">
|
||
<img v-if="info.icon" class="img" :src="info.icon" />
|
||
<div class="right flex1">
|
||
<div class="title">{{ info.name }}</div>
|
||
<div class="link flexacenter">
|
||
<div class="item flexacenter" v-for="item in 4" :key="item">
|
||
<div class="text">申港超强资料包</div>
|
||
<img class="icon" src="./img/arrows-circle-red.svg" />
|
||
</div>
|
||
</div>
|
||
<div class="bottom flexacenter">
|
||
<div class="data flexacenter">
|
||
共
|
||
<div class="sum">{{ count }}</div>
|
||
个帖子
|
||
</div>
|
||
<div class="btn flexcenter">
|
||
<img class="icon" src="./img/pen-icon.png" />
|
||
<div class="text">发帖</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="details-box flexflex">
|
||
<div class="content-box flex1">
|
||
<div class="selectives-box" v-if="handpickList.length > 0">
|
||
<div class="head-top flexcenter">
|
||
<img class="icon" src="https://app.gter.net/image/miniApp/offer/handpick-icon.png" />
|
||
<div class="text">精选</div>
|
||
</div>
|
||
<div class="list flexflex">
|
||
<a class="item flexacenter" v-for="(item, index) in handpickList" :key="index" :href="'http://14.22.79.19:9551/?tpl=forum/details&uniqid=' + item.uniqid" target="_blank">
|
||
<div class="dot"></div>
|
||
<div class="text one-line-display">{{ item.title }}</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="red-tag" v-if="tagsList.length > 0">
|
||
<div class="title">
|
||
热门标签
|
||
<img class="icon" src="./img/triangle-red.svg" />
|
||
</div>
|
||
<div class="list">
|
||
<div class="item flexacenter" v-for="(item, index) in tagsList" :key="index">{{ item.tagname }}</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="list-box">
|
||
<item-forum v-for="(item, index) in list" :key="index" :itemdata="item"></item-forum>
|
||
</div>
|
||
</div>
|
||
<div >
|
||
<a class="adv" href="" target="_blank">
|
||
<img class="adv-icon" src="https://o.x-php.com/bbs/common/cf/1709075xdbbbvjd8cbxvdd.jpg" alt="26Fall祈福，求offer得offer！" />
|
||
</a>
|
||
<a class="adv" href="" target="_blank">
|
||
<img class="adv-icon" src="https://o.x-php.com/bbs/common/cf/1709075xdbbbvjd8cbxvdd.jpg" alt="26Fall祈福，求offer得offer！" />
|
||
</a>
|
||
|
||
<!-- offer -->
|
||
<div class="offer-side-box side-box" v-if="offer.length != 0">
|
||
<div class="side-header flexacenter">
|
||
<div class="left flexacenter">
|
||
<img class="header-icon" src="./img/offer-index-icon.png" />
|
||
<div class="title">Offer</div>
|
||
</div>
|
||
<a class="more flexacenter" href="https://offer.gter.net" target="_blank">
|
||
<span>more</span>
|
||
<img class="more-icon" src="./img/right-arrow-black.svg" />
|
||
</a>
|
||
</div>
|
||
<div class="box">
|
||
<a class="item flexflex" v-cloak v-for="item in offer" :key="item" :href="'/details/' + item['uniqid']" target="_blank">
|
||
<img class="school-img" :src="item.data['schoollogo']" />
|
||
<div class="school-detail flex1 flexflex">
|
||
<div class="school-name one-line-display">{{ item.data['schoolname'] }}</div>
|
||
<div class="school-brief one-line-display">{{ item.data['professional'] }}</div>
|
||
<div class="school-offer flexacenter">
|
||
<span>{{ item.data['degree'] }}</span>
|
||
<span class="long-string">|</span>
|
||
<span>{{ item.data['semester'] }}</span>
|
||
<span class="long-string">|</span>
|
||
<span>{{ item.data['apply_results_text'] }}</span>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<a class="add-btn flexcenter" style="position: relative" href="https://offer.gter.net/post" target="_blank" v-cloak>
|
||
<img class="add-icon" src="./img/add-btn-black.svg" />
|
||
<div>报Offer</div>
|
||
<div v-if="realname == 0 && userInfo.uin > 0" class="open-attest-btn" @click.prevent="openAttest"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- vote -->
|
||
<div class="vote-side-box side-box" v-if="vote.length != 0">
|
||
<div class="side-header flexacenter">
|
||
<div class="left flexacenter">
|
||
<img class="header-icon" src="./img/vote-index-icon.png" />
|
||
<div class="title">投票</div>
|
||
</div>
|
||
<a class="more flexacenter" target="_blank" href="https://vote.gter.net">
|
||
<span>more</span>
|
||
<img class="more-icon" src="./img/right-arrow-black.svg" />
|
||
</a>
|
||
</div>
|
||
<div class="box">
|
||
<a class="item flexflex" v-cloak v-for="item in vote" :key="item" target="_blank" :href="'https://vote.gter.net/details/' + item['uniqid']">
|
||
<div class="name one-line-display">{{item['title']}}</div>
|
||
<div class="brief">{{ item['message'] }}</div>
|
||
</a>
|
||
<a class="add-btn flexcenter" style="position: relative" v-cloak target="_blank" href="https://vote.gter.net/publish">
|
||
<img class="add-icon" src="./img/add-btn-black.svg" />
|
||
<div>发起投票</div>
|
||
<div v-if="realname == 0 && userInfo.uin > 0" class="open-attest-btn" @click.prevent="openAttest"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- mj -->
|
||
<div class="interviewexperience-side-box side-box" v-if="interviewexperience.length != 0">
|
||
<div class="side-header flexacenter">
|
||
<div class="left flexacenter">
|
||
<img class="header-icon" src="./img/mj-index-icon.png" />
|
||
<div class="title">面经</div>
|
||
</div>
|
||
<a class="more flexacenter" href="https://interviewexperience.gter.net/" target="_blank">
|
||
<span>more</span>
|
||
<img class="more-icon" src="./img/right-arrow-black.svg" />
|
||
</a>
|
||
</div>
|
||
<div class="box">
|
||
<a class="item flexflex" v-cloak v-for="(item,index) in interviewexperience" :key="item" :href="'https://interviewexperience.gter.net/details/' + item['uniqid']" target="_blank">
|
||
<div class="school one-line-display">{{ item.data['schoolname'] }}</div>
|
||
<div class="major one-line-display" v-if="item.data['profession']">{{ item.data['profession'] }}</div>
|
||
<div class="info">
|
||
<img class="icon" :src="item.user['avatar']" />
|
||
<span class="text">{{ item['content'] }}</span>
|
||
</div>
|
||
</a>
|
||
<a class="add-btn flexcenter" style="position: relative" href="https://interviewexperience.gter.net/publish" target="_blank" v-cloak>
|
||
<img class="add-icon" src="./img/add-btn-black.svg" />
|
||
<div>写面经</div>
|
||
<div v-if="realname == 0 && userInfo.uin > 0" class="open-attest-btn" @click.prevent="openAttest"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- newest 最新 -->
|
||
<latest-list boxtype="newest"></latest-list>
|
||
<latest-list boxtype="essence"></latest-list>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="./js/axios.min.js"></script>
|
||
<script src="./js/public.js"></script>
|
||
<script type="module" src="./js/section.js"></script>
|
||
</body>
|
||
</html>
|