|
|
@@ -138,6 +138,7 @@
|
|
|
<!-- </van-popup> -->
|
|
|
</div>
|
|
|
<div class="page_listone_bg" v-if="show" @click="showStatus"></div>
|
|
|
+ <img src="../../assets/icon_zhiding.png" @click="goTop" class="goTop" v-if="bodyScroll > 100" alt="" />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -145,7 +146,7 @@
|
|
|
import ProductInfo from '../../components/product/productInfo.vue';
|
|
|
export default {
|
|
|
name: 'metaDomain',
|
|
|
- inject: ['setKeeps', 'scrollWrapper', 'changeScroll'],
|
|
|
+ inject: ['setKeeps', 'scrollWrapper', 'changeScroll','bodyScroll'],
|
|
|
data() {
|
|
|
return {
|
|
|
domainWidth: '0px',
|
|
|
@@ -224,6 +225,9 @@ export default {
|
|
|
this.$refs.fieldRef.blur();
|
|
|
}
|
|
|
},
|
|
|
+ goTop() {
|
|
|
+ this.changeScroll(0, true);
|
|
|
+ },
|
|
|
priceOrder() {
|
|
|
this.source = !this.source;
|
|
|
this.getList(true);
|
|
|
@@ -917,4 +921,15 @@ export default {
|
|
|
z-index: 2001;
|
|
|
background: rgba(0, 0, 0, 0.2);
|
|
|
}
|
|
|
+
|
|
|
+.goTop {
|
|
|
+ position: fixed;
|
|
|
+ right: 16px;
|
|
|
+ bottom: 70px;
|
|
|
+ bottom: calc(env(safe-area-inset-bottom) + 70px);
|
|
|
+ width: 44px;
|
|
|
+ height: 44px;
|
|
|
+ display: block;
|
|
|
+ z-index: 20;
|
|
|
+}
|
|
|
</style>
|