提交 28f71451 authored 作者: lihuihui's avatar lihuihui

fix: 添加icon

上级 89735171
<template> <template>
<div class="app-apply-form"> <div class="app-apply-form">
<h2 class="title">报名咨询</h2> <h2 class="title">我要咨询</h2>
<div class="form"> <div class="form">
<div class="form-item"> <div class="form-item">
<input type="text" class="form-input" placeholder="请输入您的姓名" v-model="ruleForm.name" /> <input type="text" class="form-input" placeholder="请输入您的姓名" v-model="ruleForm.name" />
......
...@@ -36,7 +36,7 @@ export default { ...@@ -36,7 +36,7 @@ export default {
] ]
}, },
{ {
name: '报名申请', name: '招生信息',
children: [ children: [
{ name: '有关申请', path: '/apply/relevant' }, { name: '有关申请', path: '/apply/relevant' },
{ name: '费用资助', path: '/apply/support' }, { name: '费用资助', path: '/apply/support' },
...@@ -51,7 +51,7 @@ export default { ...@@ -51,7 +51,7 @@ export default {
] ]
}, },
{ {
name: '我要报名', name: '报名申请',
onClick: () => { onClick: () => {
window.open('/my/account') window.open('/my/account')
} }
......
...@@ -2,9 +2,15 @@ ...@@ -2,9 +2,15 @@
<div> <div>
<div class="rigth-aside"> <div class="rigth-aside">
<ul class="right-aside-btns"> <ul class="right-aside-btns">
<li @click="showApplyForm"> <a href="/my">
<li>
<img src="https://webapp-pub.ezijing.com/project/kelley/h5-icon_service.png" />
<p>报名申请</p>
</li>
</a>
<li @click="showApplyForm" style="border-top: 1px solid #999;">
<img src="https://zws-imgs-pub.ezijing.com/static/public/d434fa0ffd77892273e63e6d694cff0a.png" /> <img src="https://zws-imgs-pub.ezijing.com/static/public/d434fa0ffd77892273e63e6d694cff0a.png" />
<p>我要报名</p> <p>我要咨询</p>
</li> </li>
<li @click="showFollow"> <li @click="showFollow">
<img src="https://zws-imgs-pub.ezijing.com/static/public/5526b83d7526b2742f6eba7151c367db.png" /> <img src="https://zws-imgs-pub.ezijing.com/static/public/5526b83d7526b2742f6eba7151c367db.png" />
......
<template> <template>
<div class="right_bar"> <div class="right_bar">
<ul class="tab_btns"> <ul class="tab_btns">
<a href="/my/account">
<li
class="service"
>
<p>{{ $t('aside.apply') }}</p>
</li>
</a>
<li <li
:class="{ enroll: true, active: tabBtnActive && tabBtnTarget === 'enroll' }" :class="{ enroll: true, active: tabBtnActive && tabBtnTarget === 'enroll' }"
@mouseenter="handleMsOver('enroll')" @mouseenter="handleMsOver('enroll')"
@mouseleave="handleMsOut" @mouseleave="handleMsOut"
> >
<p>{{ $t('aside.apply') }}</p> <p>{{ $t('aside.apply2') }}</p>
</li> </li>
<li <li
:class="{ wx: true, active: tabBtnActive && tabBtnTarget === 'wx' }" :class="{ wx: true, active: tabBtnActive && tabBtnTarget === 'wx' }"
...@@ -25,8 +32,8 @@ ...@@ -25,8 +32,8 @@
id="show-enroll" id="show-enroll"
v-show="tabBtnActive" v-show="tabBtnActive"
class="tab_cont" class="tab_cont"
@mouseenter="handleMsOver('')" @mouseover="handleMsOver('')"
@mouseleave="handleMsOut" @mouseout="handleMsOut"
> >
<div class="enroll_cont" id="show-enroll-content" v-show="tabBtnTarget === 'enroll'"> <div class="enroll_cont" id="show-enroll-content" v-show="tabBtnTarget === 'enroll'">
<h5>{{ $t('aside.apply') }}</h5> <h5>{{ $t('aside.apply') }}</h5>
...@@ -242,7 +249,7 @@ export default { ...@@ -242,7 +249,7 @@ export default {
} }
li.enroll { li.enroll {
position: relative; position: relative;
background-image: url(https://zws-imgs-pub.ezijing.com/static/public/d434fa0ffd77892273e63e6d694cff0a.png); background-image: url(https://webapp-pub.ezijing.com/project/kelley/kefu22.png);
} }
li.enroll:after { li.enroll:after {
content: ''; content: '';
...@@ -255,6 +262,23 @@ export default { ...@@ -255,6 +262,23 @@ export default {
// transform: translateX(-50%) scale(0.5); // transform: translateX(-50%) scale(0.5);
} }
li.enroll.active { li.enroll.active {
background-image: url(https://webapp-pub.ezijing.com/project/kelley/kefu11.png);
}
li.service{
background-image: url(https://zws-imgs-pub.ezijing.com/static/public/d434fa0ffd77892273e63e6d694cff0a.png);
}
li.service{
border-bottom: 1px solid #b8bcbf;
cursor: pointer;
&:hover{
background-color: #af1b40;
p{
color: #fff;
}
background-image: url(https://zws-imgs-pub.ezijing.com/static/public/4cbef518113d24b392be80148e921abd.png);
}
}
li.service.acitve{
background-image: url(https://zws-imgs-pub.ezijing.com/static/public/4cbef518113d24b392be80148e921abd.png); background-image: url(https://zws-imgs-pub.ezijing.com/static/public/4cbef518113d24b392be80148e921abd.png);
} }
li.wx { li.wx {
......
...@@ -262,7 +262,8 @@ export default { ...@@ -262,7 +262,8 @@ export default {
viewMore: '查看更多+', viewMore: '查看更多+',
// 右侧弹窗 // 右侧弹窗
aside: { aside: {
apply: '报名咨询', apply: '报名申请',
apply2: '我要咨询',
follow: '关注我们', follow: '关注我们',
name: '请输入您的名字', name: '请输入您的名字',
phone: '请输入您的电话', phone: '请输入您的电话',
......
...@@ -262,7 +262,8 @@ export default { ...@@ -262,7 +262,8 @@ export default {
viewMore: '查看更多+', viewMore: '查看更多+',
// 右侧弹窗 // 右侧弹窗
aside: { aside: {
apply: '报名咨询', apply: '报名申请',
apply2: '我要咨询',
follow: '关注我们', follow: '关注我们',
name: '请输入您的名字', name: '请输入您的名字',
phone: '请输入您的电话', phone: '请输入您的电话',
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论