<!--
* @Description: 用一句话描述文件的作用
* @Author: Pancras
* @Date: 2022-10-31 12:00:36
* @LastEditors: Pancras
* @LastEditTime: 2022-10-31 12:41:49
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<div class="ruler"></div>
<body>
</body>
<style>
.ruler {
height: 600px;
width: 100%;
background-image: repeating-linear-gradient(to bottom, #000000 0, #000000 0.05em, transparent 0, transparent 4em),
repeating-linear-gradient(to bottom, #000000 0, #000000 0.05em, transparent 0, transparent 2em),
repeating-linear-gradient(to bottom, #000000 0, #000000 0.05em, transparent 0, transparent 1em);
background-size: 10px 100%, 6px 100%, 4px 100%;
background-repeat: no-repeat;
background-position: 0.05em 100%, 0.05em 100%, 0.05em 100%;
border-left: 1px solid #000000;
}
</style>
</html>
vue项目纯css图片预览组件
需积分: 0 78 浏览量
2022-11-03
10:43:25
上传
评论
收藏 5.58MB ZIP 举报
img-preview.zip （99个子文件） 
img-editor 
package.json 955B .git index 3KB hooks fsmonitor-watchman.sample 5KB post-update 1KB pre-push.sample 1KB prepare-commit-msg.sample 1KB pre-merge-commit.sample 416B pre-applypatch 1KB commit-msg 1KB post-applypatch 1KB post-checkout 1KB pre-rebase 1KB pre-push 1KB push-to-checkout 1KB applypatch-msg.sample 478B post-merge 1KB update 1KB pre-commit.sample 2KB sendemail-validate 1KB post-commit 1KB prepare-commit-msg 1KB pre-receive.sample 544B pre-applypatch.sample 424B commit-msg.sample 896B pre-rebase.sample 5KB post-rewrite 1KB update.sample 4KB post-update.sample 189B post-receive 1KB applypatch-msg 1KB pre-commit 1KB pre-auto-gc 1KB push-to-checkout.sample 3KB pre-receive 1KB config 137B description 73B refs tags heads objects 1e dd394fb7769b2cac5339b6628f422cc89c0ea8 49KB 3d c7dba4f857e2abef18ab4f67ab26446eebc0e4 85KB d5 fad32fa19400e00961d145f7a1949ee6194438 71KB 65 10c6a45035b6573151ff6196e4bdea78deb75d 53B 05 0c38fc832977f02b220cad3a0f70bfc82ee4f6 122B 71 b820d76727b999ee34f2619720defb341a8abb 93KB d0 5d0c654486cca9e3d937a535ca76bf39ba35d3 6KB 8f 7db40cdcc10e0a129a67e870101ac0aa90790c 776B 70 53c49a045c91bd8b3015c1cf3d1f6da21660d8 113B 3e 5a13962197105f2078d2a224cc57dfa09b4893 383B a6 968505193ff56772d34b2ff345334e5920a3db 84B 89 1f78f12d77fbb00560dc40b8cd5d0471eebd96 201KB c5 ab67a8e231ad9f478cc6b98c2529305a7fae45 219B 82 71e6edae66681baca04ff78f1aea70b4d6c3f0 320B 6b a0883dcafe44411437cad345ee765138477750 104KB e9 558405fdcc02f12d757acb308e02937a7444f1 82B 58 c84a7639251b82d33ba20c0eadb78abb621200 122KB 9f bc807bebd92842279c94366cfcd6433295563c 56KB 40 3adbc1e527906a4aa59558cd582c20bcd1d738 160B 21 4388fe43cdfd7ce1c29cd3e401541ded620dba 46B a4 72cd7fc4f5e932ec72e61e6355385c8badfd32 231KB info 68 96b70b65b2e133dff06cbaf459b689fb30f970 120KB 57 f210221c4961c05cc3439eaf958aa184bb598e 167KB f3 b227dc910a050078eae885b693ca3561090e99 95B d2503fc2a44b5053b0837ebea6e87a2d339a43 6KB e4 e6b75e6276c94ea95a0f70099683e14c24a158 7KB b3 125ad2e171a0971f7f522c8d9a41f5d0b39ed5 334KB pack df 3beaa98e1db8700e676badbb4c9bb423bd32c3 79KB 36fcfb72584e00488330b560ebcf34a41c64c2 979B 0f f33ec600149a384fb8d94e504b43327e07df1d 469B 11 856193de49596a90f137124c5f696f5baa94c7 96KB 8b b68955b7eb60eb809e813a8677849732cdf430 150B 56 45f359e2d152629b53d6ec583505eeb29465f7 291B 2f 2ff3c10c6dcc85befe094dab04759bb982870a 720B 1682314f7e8a9bde04b2877d392dd41ff7e4f3 71KB 22 e936569c310671ae61003eccd06ffa4bda3ff5 2.5MB 83 0a854520b93603cf3942f6e068526f606f0ec0 405B 67 44adf386626bc8aa883392aebbee5e1f48f435 104KB 73 914551ceccfea6b988caf49c0b0746d02a48ca 114KB info exclude 240B COMMIT_EDITMSG 1KB HEAD 21B package-lock.json 1.11MB .DS_Store 6KB src App.vue 2KB assets 
logo.png 7KB main.js 409B components TopLeft.vue 2KB image-cropper 
test.html 1KB index copy.vue 24KB index.vue 33KB .eslintrc.js 346B .gitignore 231B .browserslistrc 30B public images 
img1.jpg 204KB img2.jpg 194KB .DS_Store 6KB img3.jpg 240KB index.html 611B .DS_Store 6KB favicon.ico 4KB .editorconfig 121B babel.config.js 73B
评论0