fe / yoho-community-web · Commits

Go to a project

Authored by yyq
Commit 3342b903ec697400d0e5bf66810c684b607112fb 1 parent 6f4e2f11

click area

Inline Side-by-side
Showing 1 changed file with 12 additions and 1 deletions
<template>
<AuthComponent :auth="isAuth" class="icon-btn" :class="{'btn-selected': viewOption.selected}" @click="onClick" :style="btnStyle">
<AuthComponent :auth="isAuth" class="icon-btn" :class="{'btn-selected': viewOption.selected}" :style="btnStyle">
<div class="click-wrap" @click="onClick"></div>
<i class="iconfont" :class="iconClass" :style="iconStyle"></i>
<p v-if="viewText" class="icon-btn-text" :style="textStyle">
<span class="view-text">{{Number(viewText) ? viewText : ''}}</span>
... ... @@ -264,12 +265,22 @@ export default {
display: inline-block;
line-height: 1;
vertical-align: middle;
position: relative;
> * {
display: inline-block;
vertical-align: middle;
}
.click-wrap {
width: 150%;
height: calc(100% + 30px);
position: absolute;
left: -25%;
top: -15px;
z-index: 1;
}
.icon-btn-text {
position: relative;
... ...