popo-fir popo-la
UNITED STATES OF AMERICA • + Follow
Edit Project
Tools, APP Software Used etc.
|
gggttt
|
Description
Code
1
aaaaaa
ADA
// 点击其它地方关闭弹窗
$(document).click(function (e) {
var target = $(e.target)
e.stopPropagation();
if (target.closest('.js-dropdown-filter1').length === 0
&& target.closest('.js-categorize').length === 0) {
$('.js-dropdown-filter1').hide()
}
if (target.closest('.js-drop-down').length === 0 &&
target.closest('.get-fusion-val').length === 0) {
$('.js-drop-down').hide()
}
if (target.closest('.js-language-input').length === 0) {
$('.js-drop-language').hide()
}
if (target.closest('.js-drop-license').length === 0) {
$('.js-drop-license').hide()
}
});
// 图片裁切 套用删除或修改如下代码
void function () {
var uploadedImageURL = null
//上传要裁切的图片
$('.js-uploadImg,.js-va-phone-box .icon-bianji').change(function (e) {
var targetFile = e.target.files[0]
if (targetFile.size > 5242880) {
layer.msg('File exceeds the size(5M) limit!');
this.value = '';
return;
}
if (/^image\/\w+$/.test(targetFile.type)) {
// 图片固定裁切大小
var fixedWidth = 548, fixedHeight = 400;
var extension = online.get_extensionFn(targetFile.type)
uploadedImageURL = URL.createObjectURL(targetFile)
$('#wayClip-img').attr('src', uploadedImageURL)
var cropper = null;
var copperPop = layer.open({
type: 1,
title: 'Upload cover image',
skin: 'layui-layer-demo', //样式类名
closeBtn: 1, //不显示关闭按钮
area: ['60%', '70%'],
maxmin: true,
content: $('.wayClip-pop').html(),
btn: ['Submit', 'Cancel'], //按钮
shadeClose: false, //开启遮罩关闭
btn1: function () {
// 获取裁切后的图片base64对象
var baseImg = cropper.getCroppedCanvas({
width: fixedWidth,
height: fixedHeight
}).toDataURL("image/" + extension)
$('.js-targetImage').attr('src', baseImg)
$('.js-va-phone-box').addClass('active')
$('.upload-img-tips,.js-uploadImg').hide()
//加载动画
var laindex1;
if (layer) {
laindex1 = layer.msg('Upload in ...', { icon: 16, shade: 0.2, time: 0 });
}
var formData1 = new FormData();
formData1.append('file', baseImg);
formData1.append('uptype', 'webfile');
$.ajax({
url: '/OrderGroup/Common/UpBaseImg',
type: 'POST',
data: formData1,
cache: false,
processData: false,
contentType: false
}).done(function (res) {
//var delta = quill.getContents();
if (res.url && res.url.length > 0) {
$("#hidCoverPic").val(res.url);
$('#hidCoverPicName').val(targetFile.name);
}
//关闭加载动画
if (layer) {
setTimeout(function () {
layer.close(laindex1);
}, 1500)
}
}).fail(function (res) {
//关闭加载动画
if (layer) {
setTimeout(function () {
layer.close(laindex1);
}, 1500)
}
});
// to doing to server example ajax
},
btn2: function () {
layer.close(copperPop)
},
success: function () {
// 弹窗裁切图片
var image = $('.layui-layer-content').find('#wayClip-img')[0];
cropper = new Cropper(image, {
center: true,
dragMode: 'move',
minCropBoxWidth: fixedWidth,
minCropBoxHeight: fixedHeight,
cropBoxMovable: false,
cropBoxResizable: false,
ready: function () {
var parentW = $('.cropper-container').width();
var tempHeight = cropper.imageData.naturalHeight;
if (tempHeight > 1024) {
cropper.zoom(1.15);
}
cropper.setCropBoxData({
width: fixedWidth,
height: fixedHeight,
left: (parentW - fixedWidth) / 2
});
}
});
}
})
}
})
$('.js-va-phone-box .icon-shanchu').click(function () {
$('.js-targetImage').attr('src', '')
$('.js-va-phone-box').removeClass('active');
$('.upload-img-tips,.js-uploadImg').show()
$('#hidCoverPic').val('');
$('#hidCoverPicName').val('');
})
}()
//上传gerber图片
for (var i = 1; i <= 6; i++) {
online.bind_pic_uploader(i);
}
//删除图片
$('.image-uploader .icon-shanchu').click(function () {
$(this).parents('.image-uploader').removeClass('active').find('img').prop('src', '')
$(this).parents('.image-uploader').find('img').parent().css({ 'z-index': 0 });
$(this).parents('.image-uploader').find('.js-pic-btn').show()
$(this).parents('.image-uploader').find('input').val('');
});
//上传gerber文件
online.bind_gerber_uploader();
//删除gerber
$('.js-gerber-del').click(function () {
$('#GerberFileName').val('');
$('#GerberFilePath').val('');
$(this).parents('.gerber-lists').hide();
111
ActionScript
Schematic and Layout
1
2
CAD-Custom parts and enclosures
1
2
Jun 16,2021
36 views
Open Source PCB design, you can share it on
2 Layers PCB 44 x 33 mm Tg140 FR-4, 1.6 mm, 1, Immersion gold, Green Solder Mask, White silkscreen
36
0
0
7.13 (2)
Published: Jun 16,2021
BOM(Bill of materials)
Purchase
Donation Received ($)
PCBWay Donate 10% cost To Author
Only PCB
PCB+Assembly
*PCBWay community is a sharing platform. We are not responsible for any design issues and parameter issues (board thickness, surface finish, etc.) you choose.
Copy this HTML into your page to embed a link to order this shared project
Copy
Under the
Attribution (CC BY)
License.
- Comments(0)
- Likes(0)
Upload photo
You can only upload 5 files in total. Each file cannot exceed 2MB. Supports JPG, JPEG, GIF, PNG, BMP
0 / 10000
It looks like you have not written anything. Please add a comment and try again.
You can upload up to 5 images!
Image size should not exceed 2MB!
File format not supported!
View More
View More
VOTING
2 votes
- 2 USER VOTES
7.13
- YOUR VOTE 0.00 0.00
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Design
1/4
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Usability
2/4
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Creativity
3/4
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Content
4/4

-
4design
-
9usability
-
10creativity
-
10content
8.25

-
4design
-
5usability
-
7creativity
-
8content
6.00
More by popo-fir popo-la
-
audio-cnc-weather-220117 Detail Description~~what's you project about? why did you decide to make it? How does it work? Show ...
-
806-popo-iot-create01 806-popo-iot-create01~~806-popo-iot-create01~~806-popo-iot-create01~~806-popo-iot-create01~~806-popo...
-
806-popo-free -3ge zhuti click-aaa 806-popo-free -3ge zhuti click-aaa~~806-popo-free -3ge zhuti click-aaa~~806-popo-free -3ge zhuti cli...
-
rtrwatt5624525 gdasgasggasdgfgw23424
-
popo-test-3D, xmas 2024 popo-test-3D, xmas 2024 ok~~~popo-test-3D, xmas 2024 ok~~~popo-test-3D, xmas 2024 ok~~~popo-test-3D,...
-
popo-test,NewYear2025 popo-test,NewYear2025 huhui~~~popo-test,NewYear2025 huhui~~~popo-test,NewYear2025 huhui~~~popo-test,...
-
popo-test,2024xmas popo-test,2024xmas lalala~~~
-
popo-kicad-240401~~ what's you project about? why did you decide to make it? How does it work? Show us with images and v...
-
llp 231023 17:57:00 Start building what's you project about? why did you decide to make it? How does it work? Show us with images and v...
-
llp 231023 Start building your project Please input the components of your project. It will help others try to DIY your complete projects.
-
popo 221130 test sdgsdfgfsgh~~~ popo 221130 test 项目内容介绍哈哈哈~~~popo 221130 test 项目内容介绍哈哈哈~~~popo 221130 test 项目内容介绍哈哈哈~~~popo 221130 t...
-
W255755ASH3929_pcb-test what's you project about? why did you decide to make it? How does it work? Show us with images and v...
-
C-H3927W255755A_5.sheet-喷塑1,购物车钣金订单分享项目 what's you project about? why did you decide to make it? How does it work? Show us with images and v...
-
W255755ASH3924_pcb-test 单独分享pcb订单,但是上传了smt且勾选--此项目应该跳转到计价页 hat's you project about? why did you decide to make it? How does it work? Show us with images and vi...
-
W255755ASH3911_share_yellow 通过购物车pcb分享按钮,发布页上传smt相关文件,且勾选 what's you project about? why did you decide to make it? How does it work? Show us with images and v...
-
W255755ASH3911_share_yellow cide to make it? How does it work? Show us with images and videos!(Great project description will ge...
-
W255755ASH3911_share_yellow, share to smt order~~popo PCBWay Assembly capabilities: SMT Assembly, BGA Assembly, Through-Hole Assembly, Mixed Assembly, Rig...
-
C-H3907W255755A_3.sheet-导电氧化30 rewrwerwride to make it? How does it work? Show us with images and videos!(Great project description...
You may also like
-
-
-
-
Enter the title_ of your projectEnter the title_ of your projectEnter the title_ of your projectEnter the title_ of your projectEnter the title_
12 0 0 -
-
-