|
@@ -6,8 +6,10 @@
|
|
|
<!--v-show="roles.indexOf(item.id) >= 0"-->
|
|
|
<el-col :span="3" v-for="(item, index) of menuData" :key="item.id"
|
|
|
@click.native="secondNavClick(item,index)" style="text-align: center">
|
|
|
- <span class="lineStyle" :class="{active:index == checkindex,menu_item:true}">{{item.name}}</span>
|
|
|
-
|
|
|
+ <span class="lineStyle" :class="{active:index == checkindex,menu_item:true}">{{item.name}}</span>
|
|
|
+ <div class="box" v-if="index==1||index==3">
|
|
|
+ <span class="box-text">{{index==1?2+'项任务':3+'份作业'}}</span>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="4" class="aside-right">
|
|
@@ -151,7 +153,7 @@ export default {
|
|
|
display: inline-block;
|
|
|
}
|
|
|
.out{
|
|
|
- margin-left: 20px;
|
|
|
+ margin-left: 40px;
|
|
|
font-size: 14px;
|
|
|
color: #666666;
|
|
|
display: inline-block;
|
|
@@ -165,4 +167,42 @@ export default {
|
|
|
float: right;
|
|
|
margin-right: 0%;
|
|
|
}
|
|
|
+ .box-items{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .box-text{
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-size: 14px;
|
|
|
+ position: absolute;
|
|
|
+ top:-37px;
|
|
|
+ left: 0;
|
|
|
+ height:34px;
|
|
|
+ min-width: 75px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+.box{
|
|
|
+ position: relative;
|
|
|
+ top:0px;
|
|
|
+ left:0px;
|
|
|
+ min-width:75px;
|
|
|
+ height:34px;
|
|
|
+ background: #FF6767;
|
|
|
+ -moz-border-radius: 12px;
|
|
|
+ -webkit-border-radius: 12px;
|
|
|
+ border-radius: 17px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+.box:before{
|
|
|
+ position: absolute;
|
|
|
+ content: "";
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ right: 100%;
|
|
|
+ top: 25px;
|
|
|
+ left: -5px;
|
|
|
+ border-top: 5px solid transparent;
|
|
|
+ border-right: 18px solid #FF6767;
|
|
|
+ border-bottom: 5px solid transparent;
|
|
|
+ transform: rotate(-45deg);
|
|
|
+ }
|
|
|
</style>
|