页面跳转

<router-link to="shopList">
    /* 内容 */
</router-link>

HTML赋值

:style="[{height:CustomBar + 'px'}]"

for循环 控制个数

v-for="(item,key) in scenesList.slice(0,8)"

回到顶部

<template>
    <view>
        <!-- 置顶按钮 -->
        <image src="图片" class="back_yuan" mode="" v-if="back" @tap="backtop"></image>
    </view>
</template>
<script>
export default {
    data() {
        return {
            // 返回顶部按钮的隐藏
            back: false,
        }
    },
    // 页面滚动 出现返回按钮
    onPageScroll(e) {
        if (e.scrollTop >= this.windowHeight) {
            this.back = true;
        } else {
            this.back = false;
        }
    },
    methods: {
        // 点击返回顶部按钮 跳回顶部
        backtop() {
            console.log('返回顶部');
            uni.pageScrollTo({
                scrollTop: 0
            });
        },
    }
}
</script>

页面自定义颜色

mounted() {
    document.querySelector('body').setAttribute('style', 'background-color:red')
},
beforeDestroy() {
    document.querySelector('body').removeAttribute('style')
},

Tong_sunshine
62 声望10 粉丝

看看看! 再看把你眼珠子抠掉!


« 上一篇
uniapp 瀑布流
下一篇 »
uniapp swiper