uniapp爬坑之旅_开发一个自己的app_day45_任务左滑不太好搞

一、项目进度

接着上一次的进度,接下来要完成主页面任务左滑,出现删除按钮,接着删除任务的功能,但是不是很顺利

二、遇到的问题

在测试页面里,使用scroll-view标签,是可以实现左右滑动的效果,但是把标签应用到组件里,就实现不了了

这是在测试界面的效果:

附上测试页面的代码:

<template>
	<view class="outside">
		<scroll-view class="inside" scroll-x="true">1231313132321321313213133231213123213213123123132321312aa</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.outside {
		border: solid blue 1px;
		height: 45px;
		.inside {
			background-color: yellow;
			height: 45px;
		}
	}
	// 隐藏滚动条
	/deep/.uni-scroll-view::-webkit-scrollbar {
		display: none
	}
</style>

三、明天的计划

明天继续尝试一下,代码没有报错应该是样式的问题

原文地址:https://www.cnblogs.com/huangch/p/14454174.html