|
|
<template>
|
|
|
<div class="icon-btn" :class="{'btn-selected': viewOption.selected}" :style="btnStyle">
|
|
|
<AuthComponent :requiredAuth="isAuth" class="click-wrap" @click="onClick"></AuthComponent>
|
|
|
<AuthComponent :requiredAuth="isAuth" :class="['click-wrap', isAuth ? 'auth' : '']" @click="onClick"></AuthComponent>
|
|
|
<!--为推荐阅读的点赞按钮增加了个fav_gray的相关样式-->
|
|
|
<i class="iconfont" :class="iconClass" :style="iconStyle">
|
|
|
<div v-if="type === 'fav' || type === 'fav_gray'" class="praise-lottie">
|
...
|
...
|
@@ -361,6 +361,7 @@ export default { |
|
|
|
|
|
.icon-ke_weixuanzhong_gray {
|
|
|
color: #878787;
|
|
|
font-size: 36px !important;
|
|
|
}
|
|
|
|
|
|
.click-wrap {
|
...
|
...
|
@@ -369,7 +370,7 @@ export default { |
|
|
position: absolute;
|
|
|
left: -25%;
|
|
|
top: -15px;
|
|
|
z-index: 2;
|
|
|
z-index: 9;
|
|
|
}
|
|
|
|
|
|
.icon-btn-text {
|
...
|
...
|
@@ -379,7 +380,7 @@ export default { |
|
|
position: absolute;
|
|
|
font-weight: bold;
|
|
|
top: -5px;
|
|
|
left: -3px;
|
|
|
left: -5px;
|
|
|
}
|
|
|
|
|
|
.view-text.change {
|
...
|
...
|
@@ -397,6 +398,11 @@ export default { |
|
|
z-index: 0;
|
|
|
}
|
|
|
|
|
|
.icon-gouwuchex {
|
|
|
font-size: 36px !important;
|
|
|
margin-left: -24px;
|
|
|
}
|
|
|
|
|
|
.imgfont {
|
|
|
&:before {
|
|
|
opacity: 0;
|
...
|
...
|
|