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

fix: 添加icon

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