页面跳转
<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')
},
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。