novelAD/pages/tools/shouJiCeJu.vue

<template>
	<view class="content">
		<vertical-rule style="position: absolute;right: 10rpx;" min="0" max="150" height="600" @change="change"></vertical-rule>
	</view>
</template>

<script setup>
import { ref, onMounted } from "vue";
import { onShow } from "@dcloudio/uni-app";
import verticalRule from '@/components/horizontal-rule/vertical-rule.vue'
const dfVal = ref(0)
const change = (e)=>{
	dfVal.value = Math.round(e)
}
</script>

<style lang="scss" scoped>
	.content{
		height: 100vh;
		padding: 28rpx;
		background: linear-gradient(to bottom, #a9d4ff, #cce6ff);
	}
	.calliper{
		transform: translate(90deg);
	}
</style>