Authored by 邱骏

修改部分样式

@@ -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;