myxiaowei
/
fanruan-edu-cas
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity
Browse Source

导航链接、学习路径内容修改

pull/5/head
Wangwei 1 year ago
parent
f75384e9ad
commit
d319454cb4
5 changed files with 216 additions and 111 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      public/index.html
  2. 35
      src/components/Footer.vue
  3. 195
      src/components/Header.vue
  4. 26
      src/main.js
  5. 63
      src/views/studypath/fineDataLink.vue

8
public/index.html
Unescape View File

@ -265,7 +265,7 @@
</li> </li>
</ul> </ul>
<!-- <script> <script>
var _hmt = _hmt || []; var _hmt = _hmt || [];
(function() { (function() {
var hm = document.createElement("script"); var hm = document.createElement("script");
@ -273,9 +273,9 @@
var s = document.getElementsByTagName("script")[0]; var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
})(); })();
</script> --> </script>
<script> <!-- <script>
var _hmt = _hmt || []; var _hmt = _hmt || [];
(function(c, l, a, r, i, t, y) { (function(c, l, a, r, i, t, y) {
c[a] = c[a] =
@ -289,6 +289,6 @@
y = l.getElementsByTagName(r)[0]; y = l.getElementsByTagName(r)[0];
y.parentNode.insertBefore(t, y); y.parentNode.insertBefore(t, y);
})(window, document, "clarity", "script", "h6euw7u8lp"); })(window, document, "clarity", "script", "h6euw7u8lp");
</script> </script> -->
</body> </body>
</html> </html>

35
src/components/Footer.vue
Unescape View File

@ -52,7 +52,7 @@
<el-popover placement="left" trigger="hover" width="392px" popper-class="new-popper"> <el-popover placement="left" trigger="hover" width="392px" popper-class="new-popper">
<div class="tel_txt_box dr-feedback-popover-wrapper"> <div class="tel_txt_box dr-feedback-popover-wrapper">
<div class="dr-feedback-popover"> <div class="dr-feedback-popover">
<div class="dr-feedback-popover-item-click dr-feedback-popover-item"> <div class="dr-feedback-popover-item-click dr-feedback-popover-item" onclick="window.open('https://service.fanruan.com/support')">
<div class="dr-feedback-popover-item-logo"> <div class="dr-feedback-popover-item-logo">
<img src="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/ui/digit-fe/feedback/support.png" /> <img src="https://fanruanbbs.obs.cn-east-2.myhuaweicloud.com/ui/digit-fe/feedback/support.png" />
</div> </div>
@ -63,7 +63,7 @@
</div> </div>
<div class="ant-space-item"> <div class="ant-space-item">
<span role="img" aria-label="arrow-right" class="anticon anticon-arrow-right icon"> <span role="img" aria-label="arrow-right" class="anticon anticon-arrow-right icon">
<svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-right" width="1em" height="1em" fill="currentColor" aria-hidden="true"> <svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-right" width="12" height="12" fill="currentColor" aria-hidden="true">
<path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z"></path> <path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z"></path>
</svg> </svg>
</span> </span>
@ -101,10 +101,10 @@
<img alt="feedback" src="https://hwobs.fanruan.com/ui/digit-fe/feedback/feedback.png" /> <img alt="feedback" src="https://hwobs.fanruan.com/ui/digit-fe/feedback/feedback.png" />
</div> </div>
<div> <div>
<div class="dr-feedback-popover-item-title-wrapper"> <div class="dr-feedback-popover-item-title-wrapper" style="gap: 8px;">
<span class="title">页面反馈</span> <span class="title">页面反馈</span>
<span role="img" aria-label="arrow-right" class="anticon anticon-arrow-right icon"> <span class="anticon anticon-arrow-right icon">
<svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-right" width="1em" height="1em" fill="currentColor" aria-hidden="true"> <svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-right" width="12" height="12" fill="currentColor" aria-hidden="true">
<path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z"></path> <path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z"></path>
</svg> </svg>
</span> </span>
@ -239,7 +239,7 @@ export default {
state.showFeedback = true; state.showFeedback = true;
setTimeout(function() { setTimeout(function() {
const iframe = document.createElement("iframe"); const iframe = document.createElement("iframe");
iframe.src = `https://pe9qbh7c.shuzhiniao.com/web/#/ticket/a2555f84970f418a98960adb4029aed1/form?embedded=true&hiddenFields=${encodeURIComponent("页面URL,反馈人UID,处理人回复")}&ticketToken=${state.ticketToken}`; iframe.src = `https://pe9qbh7c.shuzhiniao.com/web/#/ticket/a2555f84970f418a98960adb4029aed1/form?embedded=true&hiddenFields=${encodeURIComponent("类型,页面URL,反馈人UID,处理人回复")}&ticketToken=${state.ticketToken}`;
iframe.style = "width: 100%; height: 100%; border:none;"; iframe.style = "width: 100%; height: 100%; border:none;";
iframe.id = "iframe_shuzhiniao"; iframe.id = "iframe_shuzhiniao";
let makediv = document.getElementById("feedbackIframe"); let makediv = document.getElementById("feedbackIframe");
@ -294,6 +294,7 @@ export default {
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
right: 10px; right: 10px;
z-index: 5;
} }
.dr-feedback { .dr-feedback {
@ -370,7 +371,26 @@ export default {
.dr-feedback-popover-item-title-wrapper { .dr-feedback-popover-item-title-wrapper {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
.anticon-arrow-right {
color: #1f1f1f;
}
.title {
color: #1f1f1f;
}
} }
.dr-feedback-popover-item-click {
cursor: pointer;
&:hover .dr-feedback-popover-item-title-wrapper {
.anticon-arrow-right {
color: #0082fc;
}
.title {
color: #0082fc;
}
}
}
.dr-feedback-popover-wrapper .dr-feedback-popover-item-title-wrapper .title { .dr-feedback-popover-wrapper .dr-feedback-popover-item-title-wrapper .title {
font-family: PingFangSC, PingFangSC-Semibold; font-family: PingFangSC, PingFangSC-Semibold;
font-size: 14px; font-size: 14px;
@ -407,6 +427,9 @@ export default {
.el-dialog__body { .el-dialog__body {
padding: 0 !important; padding: 0 !important;
} }
.el-dialog__header {
text-align: left !important;
}
} }
.footer { .footer {

195
src/components/Header.vue
Unescape View File

@ -2,41 +2,57 @@
<header class="header" id="myheader"> <header class="header" id="myheader">
<div class="wrapper"> <div class="wrapper">
<!-- left --> <!-- left -->
<div class="nav-lf flex-1"> <div class="nav-lf flex-1">
<div class="nav-logo"> <div class="navlf_item">
<a href="https://home.fanruan.com/"><img src="@/assets/fine_logo_dynamic.gif" class="logo-img"/></a> <div class="nav-logo">
<a href="https://home.fanruan.com/"><img src="@/assets/fine_logo_dynamic.gif" class="logo-img"/></a>
</div>
<div class="nav-line"></div>
<a href="https://home.fanruan.com/" class="nav-title">帆软社区</a>
</div>
<div class="navlf_item navlf-item-box">
<a href="https://home.fanruan.com/" class="nav-item">首页</a>
<a href="https://service.fanuan.com" class="nav-item">服务平台</a>
<a href="https://help.fanruan.com/" class="nav-item">文档</a>
<a href="https://edu.fanruan.com/" class="nav-item active">学院</a>
<a href="https://bbs.fanruan.com/wenda" class="nav-item">问答</a>
<a href="https://bbs.fanruan.com/topic" class="nav-item">论坛</a>
<a href="https://cert.fanruan.com/" class="nav-item">认证</a>
<a href="https://bbs.fanruan.com/jobs" class="nav-item">招聘</a>
<a href="https://bbs.fanruan.com/task" class="nav-item">任务</a>
<a href="https://market.fanruan.com/" class="nav-item">市场</a>
</div> </div>
<div class="nav-line"></div>
<router-link to="/" class="nav-title">帆软学院</router-link>
</div> </div>
<!-- rigt --> <!-- search -->
<div class="nav-rt"> <div class="search-box flex-1">
<!-- search --> <form class="searchform" method="get" autocomplete="off" action="https://search.fanruan.com/?q=" target="_blank" v-if="is_search">
<div class="search-box flex-1"> <div class="el-input el-input--small el-input--suffix topsearch flex-1">
<form class="searchform" method="get" autocomplete="off" action="https://search.fanruan.com/?q=" target="_blank" v-if="is_search"> <input class="el-input__inner" name="q" type="text" autocomplete="off" tabindex="" aria-label="" placeholder="请输入关键词" @focus="isfocus('focus')" @blur="isfocus('blur')" v-on:input="isinput" />
<div class="el-input el-input--small el-input--suffix topsearch flex-1"> <button class="el-input__suffix search_sub" type="submit" :class="{ active_btn: kwbtn }">
<input class="el-input__inner" name="q" type="text" autocomplete="off" tabindex="" aria-label="" placeholder="请输入关键词" @focus="isfocus('focus')" @blur="isfocus('blur')" v-on:input="isinput" /> <span class="el-input__suffix-inner search_btn">
<button class="el-input__suffix search_sub" type="submit" :class="{ active_btn: kwbtn }"> <i class="iconfont icon-icon_icon-53 icon-ss" :class="{ active: kwfocus }"></i>
<span class="el-input__suffix-inner search_btn"> </span>
<i class="iconfont icon-icon_icon-53 icon-ss" :class="{ active: kwfocus }"></i> </button>
</span> </div>
</button> </form>
</div>
</form> <div class="searchform" v-else>
<div class="el-input el-input--small el-input--suffix topsearch flex-1">
<div class="searchform" v-else> <div class="el-input__inner" style="color: #B5C1D0; line-height: 30px;">登录后方可搜索</div>
<div class="el-input el-input--small el-input--suffix topsearch flex-1"> <button class="el-input__suffix search_sub" type="submit" :class="{ active_btn: kwbtn }">
<div class="el-input__inner" style="color: #B5C1D0; line-height: 30px;">登录后方可搜索</div> <span class="el-input__suffix-inner search_btn">
<button class="el-input__suffix search_sub" type="submit" :class="{ active_btn: kwbtn }"> <i class="iconfont icon-icon_icon-53 icon-ss" :class="{ active: kwfocus }"></i>
<span class="el-input__suffix-inner search_btn"> </span>
<i class="iconfont icon-icon_icon-53 icon-ss" :class="{ active: kwfocus }"></i> </button>
</span>
</button>
</div>
</div> </div>
</div> </div>
</div>
<!-- rigt -->
<div class="nav-rt">
<nav class="infomation"> <nav class="infomation">
<el-dropdown v-if="com_user_token" class="personal" placement="bottom-end" popper-class="new-dropdown" :show-timeout="0"> <el-dropdown v-if="com_user_token" class="personal" placement="bottom-end" popper-class="new-dropdown" :show-timeout="0">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
@ -90,7 +106,7 @@
<div class="mainbox"> <div class="mainbox">
<div class="edu-head"> <div class="edu-head">
<div class="edu-nav"> <div class="edu-nav">
<router-link class="item" to="/">首页</router-link> <router-link class="item" to="/">学院首页</router-link>
<router-link class="item" to="/studypath/finereport" :class="$route.meta.active == 'studypath' ? 'active' : ''">学习路径 </router-link> <router-link class="item" to="/studypath/finereport" :class="$route.meta.active == 'studypath' ? 'active' : ''">学习路径 </router-link>
<router-link class="item" to="/video" :class="$route.meta.active == 'video' ? 'active' : ''">视频课</router-link> <router-link class="item" to="/video" :class="$route.meta.active == 'video' ? 'active' : ''">视频课</router-link>
<router-link class="item" to="/class" :class="$route.meta.active == 'class' ? 'active' : ''">学习班</router-link> <router-link class="item" to="/class" :class="$route.meta.active == 'class' ? 'active' : ''">学习班</router-link>
@ -368,9 +384,9 @@ export default defineComponent({
z-index: 201; z-index: 201;
.wrapper { .wrapper {
width: 1200px; width: 100%;
background: #fff; background: #fff;
margin: 0 auto; padding: 0 20px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -380,7 +396,7 @@ export default defineComponent({
width: 1px; width: 1px;
height: 24px; height: 24px;
background-color: #dbe3ea; background-color: #dbe3ea;
margin: 0 20px; margin: 0 8px;
} }
.nav-logo { .nav-logo {
width: 128px; width: 128px;
@ -398,65 +414,88 @@ export default defineComponent({
text-decoration: none !important; text-decoration: none !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
}
.nav-rt {
display: inline-flex;
align-items: center;
.search-box {
height: 48px;
margin: 0 auto;
width: 460px;
transition: all 0.2s;
.searchform { .navlf_item {
width: 100%; display: flex;
align-items: center;
}
.navlf-item-box {
margin-left: 32px;
.nav-item {
&:hover {
color: #0082fc;
}
margin-right: 20px;
font-size: 16px;
color: #17243e;
transition: all 0.3s;
} }
.active {
.search_sub { color: #0082fc;
border-radius: 0px 20px 20px 0px;
height: 32px;
cursor: pointer;
background: none;
border: none;
right: 0;
} }
}
}
.search_btn { .search-box {
display: inline-block; height: 48px;
color: #617288; flex: 1 1;
width: 48px; max-width: 500px;
margin: 0 0 0 4px;
transition: all 0.2s;
.active { .searchform {
color: #0082fc; width: 100%;
} }
}
.active_btn { .search_sub {
background-color: #0082fc; border-radius: 0px 20px 20px 0px;
height: 32px;
cursor: pointer;
background: none;
border: none;
right: 0;
}
.icon-ss { .search_btn {
color: #fff; display: inline-block;
} color: #617288;
} width: 48px;
.el-input__inner { .active {
border: none; color: #0082fc;
border: 1px solid #eef3fa;
background-color: #eef3fa;
border-radius: 100px;
font-size: 14px;
} }
}
.el-input__inner:focus { .active_btn {
border: 1px solid #0082fc; background-color: #0082fc;
background-color: #fff;
}
::placeholder { .icon-ss {
color: #8496ab !important; color: #fff;
} }
} }
.el-input__inner {
border: none;
border: 1px solid #eef3fa;
background-color: #eef3fa;
border-radius: 100px;
font-size: 14px;
}
.el-input__inner:focus {
border: 1px solid #0082fc;
background-color: #fff;
}
::placeholder {
color: #8496ab !important;
}
}
.nav-rt {
display: inline-flex;
align-items: center;
.infomation { .infomation {
position: relative; position: relative;
height: 100%; height: 100%;
@ -581,7 +620,7 @@ export default defineComponent({
} }
.avatar_down { .avatar_down {
width: 340px; width: 300px;
padding: 0 20px; padding: 0 20px;
background-color: #ffffff; background-color: #ffffff;
background-clip: padding-box; background-clip: padding-box;

26
src/main.js
Unescape View File

@ -33,17 +33,17 @@ app.use(VueWechatTitle)
app.use(jsSeamlessScroll) app.use(jsSeamlessScroll)
app.mount('#app') app.mount('#app')
router.afterEach(() => { router.afterEach(() => {
// setTimeout(() => { setTimeout(() => {
// //百度统计 //百度统计
// var _hmt = _hmt || []; var _hmt = _hmt || [];
// (function () { (function () {
// //每次执行前，先移除上次插入的代码 //每次执行前，先移除上次插入的代码
// document.getElementById('baidu_tj') && document.getElementById('baidu_tj').remove(); document.getElementById('baidu_tj') && document.getElementById('baidu_tj').remove();
// var hm = document.createElement("script"); var hm = document.createElement("script");
// hm.src = "https://hm.baidu.com/hm.js?f4d7d83c565e698bd7cedfe9c6297055"; hm.src = "https://hm.baidu.com/hm.js?f4d7d83c565e698bd7cedfe9c6297055";
// hm.id = "baidu_tj" hm.id = "baidu_tj"
// var s = document.getElementsByTagName("script")[0]; var s = document.getElementsByTagName("script")[0];
// s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
// })(); })();
// }, 0); }, 0);
}); });

63
src/views/studypath/fineDataLink.vue
Unescape View File

@ -18,7 +18,7 @@
<div class="w1200 pdb50"> <div class="w1200 pdb50">
<div class="boxtil flex-1"> <div class="boxtil flex-1">
<div class="yinhao"></div> <div class="yinhao"></div>
<div class="txt">学习路线图</div> <div class="txt">知识结构</div>
</div> </div>
<div class="subbox1" style="display: flex;" id="knowledgeStructure"> <div class="subbox1" style="display: flex;" id="knowledgeStructure">
@ -114,15 +114,19 @@
</a> </a>
<div class="f14" style="padding: 20px 0 10px; line-height: 22px;"> <div class="f14" style="padding: 20px 0 10px; line-height: 22px;">
完成快速入门学习即可抽取 完成快速入门学习即可抽取：
</div> </div>
<div class="flex-6" style="line-height: 24px;">
<div class="flex-1"> <div class="coupon_bg flex-1">
<span class="f14 flex-1"> <i class="iconfont icon-youhuiquan colb3c f20 lf_c"></i>
<i class="iconfont icon-book colb3c f20"></i> <div class="lineBox">
<span class="col333" style="margin-left: 10px;">全套学习资料</span> <i class="arrow el-icon-caret-bottom line_bottom"></i>
</span> <div class="line_l"></div>
<span class="f12 col7e8" style="padding-left: 10px">价值200元</span> <i class="arrow el-icon-caret-top line_top"></i>
</div>
<div>
<a href="https://www.jiandaoyun.com/l/645608ecf1bf6800081e9a5c/d/64560942257222000873d3fe" target="_blank" class="col008" style="margin:0 10px;">学习资料下载</a>
<span class="f12 col7e8">价值200元</span>
</div> </div>
</div> </div>
</div> </div>
@ -260,6 +264,45 @@
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.coupon_bg {
background-color: #fef7f2;
border-radius: 6px;
height: 42px;
.lf_c {
margin: 0 14px;
}
.lineBox {
position: relative;
width: 15px;
height: 100%;
.line_bottom,
.line_top {
left: 0;
position: absolute;
font-size: 18px;
color: #fff;
}
.line_bottom {
top: -7px;
}
.line_top {
bottom: -7px;
}
.line_l {
position: absolute;
width: 1px;
height: 100%;
border: 1px #fff dashed;
left: 50%;
}
}
}
.subbox4 { .subbox4 {
width: 590px; width: 590px;
} }
@ -375,7 +418,7 @@
.itembox { .itembox {
width: 356px; width: 356px;
height: 725px; height: 735px;
position: relative; position: relative;
background-color: #fff; background-color: #fff;
border-radius: 6px; border-radius: 6px;

Write Preview
Loading…
Cancel
Save