vue 自己制作的刻度尺方便简洁好用

秒速五厘米 2023-01-21 03:27 5阅读 0赞

<template>
    	<view class="scan">
    		<block v-for="(item,index) in section" :key="index" class="">
    			<text >{ { (section-index)*(numbers/section)}}  —</text>
    			<text v-for="(item,l) in 10" :key="l">-</text>
    		</block>
    		<text>0 —</text>
    	</view>
    </template>
    
    <script>
    	export default{ 
    		data(){ 
    			return{ }
    		},
    		props:{ 
    			numbers:{ 
    				type: Number,
    				default: 100
    			},
    			section:{ 
    				type: Number,
    				default: 2
    			}
    		
    		}
    		
    	}
    </script>
    
    <style>
    scan{ 
    	display: flex;
        flex-direction: column;
        justify-content: space-between;
        height:400px
        width:100px
        color:#333,
        text-align:right
        line-height:0px
    }
    
    </style>

![在这里插入图片描述][20210514114122430.png]

## 看面试题 wx 搜索 【MST题库】 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk4MTU2MA_size_16_color_FFFFFF_t_70_pic_center]

[20210514114122430.png]: /images/20221021/f22e1904b4b3467faad656d381b2b084.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk4MTU2MA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221021/c5f7a5bb9b654524af1ee24965239dad.png

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关方便好用！这个方法快速构造测试数据！

本文主要介绍在pycharm集成开发坏境中，使用python语言，利用psycopg2第三方库，向postgre数据库中插入数据，为测试环境构造模拟数据的过程。包括psy...

男娘i/ 2024年05月06日 10:01/ 0 赞/ 73 阅读

相关不得不提的，前端利器CodePen，超级方便好用！！！

![format_png][] 整理：迷妹大家好，我是为前端娱乐圈操碎了心的小迷妹，每天推荐一个小工具/源码/知识点，装满你的收藏夹，每天分享一个小技巧，让你轻松节

╰半夏微凉°/ 2023年02月27日 05:42/ 0 赞/ 70 阅读

相关 vue 自己制作的刻度尺方便简洁好用

<template> <view class="scan"> <block v-for="(item,index) in section" :ke

秒速五厘米/ 2023年01月21日 03:27/ 0 赞/ 6 阅读

相关安卓开发自己写的刻度尺测量，精确到mm.

我也是刚学安卓不久，只不过去实习有个项目需要这样的功能就写了，有些也是参考前人的。今天发出来希望对各位朋友有所启发。源码已经注释很清楚。效果如下图：显示 ![Cente

ゝ一纸荒年。/ 2022年08月04日 10:51/ 0 赞/ 37 阅读

相关推荐 | 方便好用的浏览器插件

作为一名苦逼的码农，平时需要经常和计算机打交道，相应的，我们基本天天都会使用浏览器。为了提高工作效率和折腾点好玩的（比如听收费歌曲、下载会员视频等等…），我们多少都会安装一些浏

﹏ヽ暗。殇╰゛Y/ 2022年06月06日 05:52/ 0 赞/ 316 阅读

相关用Hexo制作自己的静态博客

博客是一个老东西了，如果我们想写博客的话，有两种选择，第一种是在博客网站上，例如QQ空间、新浪博客、简书等网站上申请账号，然后编写博客；第二种就是自己找服务器搭一个博客。搭建博

拼搏现实的明天。/ 2022年06月05日 01:16/ 0 赞/ 253 阅读

相关 grpc使用,方便自己复习

grpc是一个rpc调用框架,使用与thrift相同的设计,通过工具生成响应必要的代码,实现其生成代码的接口,配置grpc服务端与客户端机型工作. 这里就不说proto文件的

蔚落/ 2022年05月27日 23:35/ 0 赞/ 171 阅读

相关最简洁好用的文档构建工具Gitbook的使用

GitBook 是一个基于 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 来制作精美的电子书，目前gitbook可以支持生成静态html和p

浅浅的花香味﹌/ 2022年05月15日 14:51/ 0 赞/ 145 阅读

相关基于uniapp的一个方便、好用的简单组件库

好的今天是可以写博客的一天呀同事 louis最近写了一个基于uniapp的样式库内容包含字体色彩布局盒模型以及图标让编写uniapp前端样式的时候更方便

怼烎@/ 2021年09月01日 03:18/ 0 赞/ 682 阅读

相关简洁方便的集合处理 —— java8 stream流

java8已经发行了好几年，前段时间java12也已经问世，但平时的工作中，很多项目的环境还停留在java1.7中。但是java8的很多新特性都是革命性的，各种集合的优...

小灰灰/ 2021年01月12日 01:41/ 0 赞/ 744 阅读