Showing
6 changed files
with
15 additions
and
9 deletions
@@ -9,12 +9,12 @@ export default { | @@ -9,12 +9,12 @@ export default { | ||
9 | }, | 9 | }, |
10 | methods: { | 10 | methods: { |
11 | async onClick(e) { | 11 | async onClick(e) { |
12 | + | ||
12 | if (e.timeStamp - this._lastTime < 800) { | 13 | if (e.timeStamp - this._lastTime < 800) { |
13 | return; | 14 | return; |
14 | } | 15 | } |
15 | 16 | ||
16 | this._lastTime = e.timeStamp; | 17 | this._lastTime = e.timeStamp; |
17 | - | ||
18 | if (this.requiredAuth) { | 18 | if (this.requiredAuth) { |
19 | const user = await this.$sdk.getUser(); | 19 | const user = await this.$sdk.getUser(); |
20 | 20 |
@@ -140,7 +140,7 @@ export default { | @@ -140,7 +140,7 @@ export default { | ||
140 | 140 | ||
141 | .iconfont { | 141 | .iconfont { |
142 | height: 100%; | 142 | height: 100%; |
143 | - font-size: 20PX; | 143 | + font-size: 28px; |
144 | display: flex; | 144 | display: flex; |
145 | align-items: center; | 145 | align-items: center; |
146 | justify-content: center; | 146 | justify-content: center; |
1 | <template> | 1 | <template> |
2 | <div class="icon-btn" :class="{'btn-selected': viewOption.selected}" :style="btnStyle"> | 2 | <div class="icon-btn" :class="{'btn-selected': viewOption.selected}" :style="btnStyle"> |
3 | - <AuthComponent :requiredAuth="isAuth" class="click-wrap" @click="onClick"></AuthComponent> | 3 | + <AuthComponent :requiredAuth="isAuth" :class="['click-wrap', isAuth ? 'auth' : '']" @click="onClick"></AuthComponent> |
4 | <!--为推荐阅读的点赞按钮增加了个fav_gray的相关样式--> | 4 | <!--为推荐阅读的点赞按钮增加了个fav_gray的相关样式--> |
5 | <i class="iconfont" :class="iconClass" :style="iconStyle"> | 5 | <i class="iconfont" :class="iconClass" :style="iconStyle"> |
6 | <div v-if="type === 'fav' || type === 'fav_gray'" class="praise-lottie"> | 6 | <div v-if="type === 'fav' || type === 'fav_gray'" class="praise-lottie"> |
@@ -361,6 +361,7 @@ export default { | @@ -361,6 +361,7 @@ export default { | ||
361 | 361 | ||
362 | .icon-ke_weixuanzhong_gray { | 362 | .icon-ke_weixuanzhong_gray { |
363 | color: #878787; | 363 | color: #878787; |
364 | + font-size: 36px !important; | ||
364 | } | 365 | } |
365 | 366 | ||
366 | .click-wrap { | 367 | .click-wrap { |
@@ -369,7 +370,7 @@ export default { | @@ -369,7 +370,7 @@ export default { | ||
369 | position: absolute; | 370 | position: absolute; |
370 | left: -25%; | 371 | left: -25%; |
371 | top: -15px; | 372 | top: -15px; |
372 | - z-index: 2; | 373 | + z-index: 9; |
373 | } | 374 | } |
374 | 375 | ||
375 | .icon-btn-text { | 376 | .icon-btn-text { |
@@ -379,7 +380,7 @@ export default { | @@ -379,7 +380,7 @@ export default { | ||
379 | position: absolute; | 380 | position: absolute; |
380 | font-weight: bold; | 381 | font-weight: bold; |
381 | top: -5px; | 382 | top: -5px; |
382 | - left: -3px; | 383 | + left: -5px; |
383 | } | 384 | } |
384 | 385 | ||
385 | .view-text.change { | 386 | .view-text.change { |
@@ -397,6 +398,11 @@ export default { | @@ -397,6 +398,11 @@ export default { | ||
397 | z-index: 0; | 398 | z-index: 0; |
398 | } | 399 | } |
399 | 400 | ||
401 | + .icon-gouwuchex { | ||
402 | + font-size: 36px !important; | ||
403 | + margin-left: -24px; | ||
404 | + } | ||
405 | + | ||
400 | .imgfont { | 406 | .imgfont { |
401 | &:before { | 407 | &:before { |
402 | opacity: 0; | 408 | opacity: 0; |
@@ -40,7 +40,7 @@ export default { | @@ -40,7 +40,7 @@ export default { | ||
40 | 40 | ||
41 | .topic-icon { | 41 | .topic-icon { |
42 | position: absolute; | 42 | position: absolute; |
43 | - top: 16px; | 43 | + top: 12px; |
44 | left: 14px; | 44 | left: 14px; |
45 | width: 24px; | 45 | width: 24px; |
46 | height: 24px; | 46 | height: 24px; |
@@ -59,7 +59,7 @@ export default { | @@ -59,7 +59,7 @@ export default { | ||
59 | /* margin-right: 16px; */ | 59 | /* margin-right: 16px; */ |
60 | max-width: 310px; | 60 | max-width: 310px; |
61 | overflow: hidden; | 61 | overflow: hidden; |
62 | - padding: 12px 12px 12px 36px; | 62 | + padding: 8px 12px 8px 36px; |
63 | text-overflow: ellipsis; | 63 | text-overflow: ellipsis; |
64 | white-space: nowrap; | 64 | white-space: nowrap; |
65 | } | 65 | } |
@@ -72,7 +72,7 @@ | @@ -72,7 +72,7 @@ | ||
72 | :option="{textSelectedColor: 'white', textAutoChange: false, emitName: 'onClick'}" | 72 | :option="{textSelectedColor: 'white', textAutoChange: false, emitName: 'onClick'}" |
73 | @onClick="onProductListActionView"> | 73 | @onClick="onProductListActionView"> |
74 | <template v-slot:label> | 74 | <template v-slot:label> |
75 | - <span>商品</span> | 75 | + <span style="font-weight: bold;">商品</span> |
76 | </template> | 76 | </template> |
77 | </WidgetIconBtn> | 77 | </WidgetIconBtn> |
78 | </div> | 78 | </div> |
@@ -118,7 +118,7 @@ export default { | @@ -118,7 +118,7 @@ export default { | ||
118 | position: relative; | 118 | position: relative; |
119 | 119 | ||
120 | .wf-item-mid { | 120 | .wf-item-mid { |
121 | - border-radius: 2PX; | 121 | + /* border-radius: 2PX; */ |
122 | position: relative; | 122 | position: relative; |
123 | overflow: hidden; | 123 | overflow: hidden; |
124 | background-color: #fff; | 124 | background-color: #fff; |
-
Please register or login to post a comment