提交 c47fbb0f 编写于 作者: hudan's avatar hudan

图标ui

上级 decdedbe
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<template v-for="item in items"> <template v-for="item in items">
<template v-if="!item.hidden"> <template v-if="!item.hidden">
<ion-tab-button :tab="item.name" :key="item.id" :selected="item.id == activeId" @click="active(item)"> <ion-tab-button :tab="item.name" :key="item.id" :selected="item.id == activeId" @click="active(item)">
<app-mob-icon :name=" item.iconcls ? item.iconcls : 'home' "></app-mob-icon> <ion-icon :name=" item.iconcls ? item.iconcls : 'home' "></ion-icon>
<ion-label v-if="item.appfunctag != 'settings'">{{$t(`app.menus.${menuName}.${item.name}`)}}</ion-label> <ion-label v-if="item.appfunctag != 'settings'">{{$t(`app.menus.${menuName}.${item.name}`)}}</ion-label>
<ion-label v-else>{{item.text}}</ion-label> <ion-label v-else>{{item.text}}</ion-label>
<ion-badge color="danger" v-if="counterServide && counterServide.counterData && counterServide.counterData[item.counterid]"><ion-label>{{counterServide.counterData[item.counterid]}}</ion-label></ion-badge> <ion-badge color="danger" v-if="counterServide && counterServide.counterData && counterServide.counterData[item.counterid]"><ion-label>{{counterServide.counterData[item.counterid]}}</ion-label></ion-badge>
......
...@@ -10,14 +10,14 @@ ...@@ -10,14 +10,14 @@
<img :src="item.icon" /> <img :src="item.icon" />
</template> </template>
<template v-else-if="item.iconcls != ''"> <template v-else-if="item.iconcls != ''">
<app-mob-icon v-if="item.iconcls.indexOf('iconfont') === -1" :name="item.iconcls"> <ion-icon v-if="item.iconcls.indexOf('iconfont') === -1" :name="item.iconcls">
</app-mob-icon> </ion-icon>
<svg v-else class="icon" aria-hidden="true"> <svg v-else class="icon" aria-hidden="true">
<use :xlink:href="'#'+item.iconcls.substring(9)"></use> <use :xlink:href="'#'+item.iconcls.substring(9)"></use>
</svg> </svg>
</template> </template>
<template v-else> <template v-else>
<app-mob-icon name="home-outline"></app-mob-icon> <ion-icon name="home-outline"></ion-icon>
</template> </template>
<!-- badge_style是为了用户在设置了图片图标时计数器会出现样式错乱, --> <!-- badge_style是为了用户在设置了图片图标时计数器会出现样式错乱, -->
<app-mob-icon v-show="false" name="badge_style" /> <app-mob-icon v-show="false" name="badge_style" />
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册