From 65d6a17e890a0380afc9c6b9c1098a535899c759 Mon Sep 17 00:00:00 2001 From: tanghaolin <1723298894@qq.com> Date: 星期一, 05 九月 2022 10:53:27 +0800 Subject: [PATCH] 修改品牌筛选的bug --- src/views/Detail/byParas/Index.vue | 62 ++++++++++++++++++++++-------- 1 files changed, 45 insertions(+), 17 deletions(-) diff --git a/src/views/Detail/byParas/Index.vue b/src/views/Detail/byParas/Index.vue index 0428cc7..0b79be9 100644 --- a/src/views/Detail/byParas/Index.vue +++ b/src/views/Detail/byParas/Index.vue @@ -248,19 +248,28 @@ /> </van-dialog> </div> - <div - class="compare_icon" - v-if="!isAddCompare" - @click.stop="addCompareLocalStorage" - > - <van-icon style="font-size: 28px" name="add-o" /> + <div class="icon-tool"> + <!-- 娣诲姞姣旇緝 --> + <div + class="compare_icon" + v-if="!isAddCompare" + @click.stop="addCompareLocalStorage" + > + <van-icon style="font-size: 28px" name="add-o" /> + </div> + <!-- 鍒犻櫎姣旇緝 --> + <div class="compare_icon" v-else @click.stop="deleteCompareLocalStorage"> + <van-icon style="font-size: 28px" name="delete-o" /> + </div> + <!-- 璺宠浆鍒版瘮杈冨垪琛� --> + <div v-if="compareList.length>1" class="compare_icon" @click.stop="toCompareList"> + <i class="iconfont iconplus-listview" /> + </div> + <div class="compare_icon"> + <van-icon name="chat-o" size="28" /> + </div> </div> - <div class="compare_icon" v-else @click.stop="deleteCompareLocalStorage"> - <van-icon style="font-size: 28px" name="delete-o" /> - </div> - <div v-if="compareList.length>1" class="compare_icon" style="bottom: 168px" @click.stop="toCompareList"> - <i class="iconfont iconplus-listview" /> - </div> + <!-- 鍥炲埌椤堕儴 --> <div class="backTop" v-show="backtopshow" @click="backTop"> <div class="iconfont iconfanhuidingbu3"></div> <div>{{ $t("indexPage.top.TR") }}</div> @@ -413,7 +422,7 @@ // } // } - console.log(this.$route) + // console.log(this.$route) let navType =this.$route.query.navType if(navType == "share"){ this.isVisibleBackBtn = false @@ -750,7 +759,7 @@ _this.isShowLoadingFrm = false; let resdata = res.data; - // console.log(res.data, 462); + console.log(res.data, 462); if (resdata.Code != 0) { _this.$toast.fail(resdata.Message); return; @@ -1468,10 +1477,7 @@ opacity: 0.6; } .compare_icon { - position: fixed; - right: 15px; font-size: 22px; - bottom: 215px; width: 40px; height: 40px; color: #ffffff; @@ -1481,6 +1487,28 @@ justify-content: center; align-items: center; opacity: 0.6; + margin-bottom: 5px; + } + .compare_icon:last-child{ + margin-bottom: 0px; + } + .icon-tool{ + position: fixed; + right: 15px; + font-size: 22px; + bottom: 215px; + color: #ffffff; + line-height: 50px; + display: flex; + justify-content: center; + align-items: center; + display: flex; + flex-direction: column; + background-color: #fff; + box-shadow: 0 0 6px rgb(0 0 0 / 12%); + width: 40px; + padding: 5px 2px; + border-radius: 30px; } } .DetailByParamsBox .DetailByParamsMain .van-tab__pane { -- Gitblit v1.9.3