博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS实现图片的选择并预览,并且能删除
阅读量:5299 次
发布时间:2019-06-14

本文共 5820 字,大约阅读时间需要 19 分钟。

 

       
评价

湖南大枣湖南大枣湖南大枣湖南大枣湖南大枣湖南大枣湖南大枣 湖南大枣湖南大枣湖南大枣湖南大枣湖南大枣湖南大枣湖南大枣

请填写您的评价内容

0/120

上传图片

CSS文件
.tit {
width: 100%; height: 2.66667rem; padding: 0.32rem 0 0.32rem 0.32rem; background: #ffffff; } .tit .titL {
width: 2.13333rem; height: 1.86667rem; } .tit .titL img {
display: block; width: 100%; height: 100%; } .tit .titR {
width: 7.52rem; height: 1.86667rem; padding-top: 0.26667rem; padding-left: 0.26667rem; } .tit .titR p {
width: 6.82667rem; height: 0.93333rem; font-size: 0.37333rem; line-height: 0.48rem; color: #4c4c4c; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ping p.p_tit {
width: 100%; height: 1.06667rem; padding: 0.48rem 0 0.24rem 0.32rem; font-size: 0.37333rem; color: #4c4c4c; background: #f5f5f5; } .ping .ly {
font-size: 0.37333rem; color: #4c4c4c; padding: 0.42667rem 0.32rem 0 0.32rem; background: #ffffff; position: relative; } .ping .ly textarea {
border: none; width: 100%; height: 4.8rem; background: #ffffff; font-size: 0.37333rem; color: #4c4c4c; } .ping .ly textarea ::-webkit-textarea-placeholder {
color: #999999; } .ping .ly span {
font-size: 0.32rem; color: #999999; position: absolute; right: 0.32rem; bottom: 0.4rem; } .ping .img_group {
width: 100%; background: #ffffff; padding: 0.4rem 0.32rem; border-top: 1px solid #ededed; } .ping .img_group p {
font-size: 0.37333rem; color: #4c4c4c; margin-bottom: 0.48rem; } .ping .img_group .img_list {
width: 100%; height: 2rem; max-height: 4rem; background: #ffffff; } .ping .img_group .img_list .img_item {
display: block; float: left; border-radius: 0.10667rem; width: 2rem; height: 2rem; margin-right: 0.34667rem; position: relative; } .ping .img_group .img_list .img_item img {
display: block; border-radius: 0.10667rem; width: 100%; height: 100%; } .ping .img_group .img_list .img_item i {
background: url("../img/de_ete.png") no-repeat; background-size: 100%; display: block; width: 0.64rem; height: 0.64rem; position: absolute; right: -0.18667rem; top: -0.21333rem; } .ping .img_group .img_list .img_item:nth-of-type(4) {
margin-right: 0; } .ping .img_group .img_list .img_item:nth-of-type(5), .ping .img_group .img_list .img_item:nth-of-type(6), .ping .img_group .img_list .img_item:nth-of-type(7) {
margin-top: 0.42667rem; margin-bottom: 0.4rem; } .ping .btn_div {
clear: both; width: 100%; height: 2.64rem; background: #f5f5f5; padding-top: 0.66667rem; } .ping .btn_div button {
display: block; width: 9.4rem; height: 1.28rem; line-height: 1.28rem; text-align: center; color: #ffffff; margin: 0 auto; border: none; } .ping .btn_div button.btn {
background: #cccccc; } .ping .btn_div button.btn_submit {
background: #f02e34; } .mo {
position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .fot {
position: fixed; width: 100%; height: 4.10667rem; bottom: 0.13333rem; } .fot .fot_item {
display: block; width: 100%; height: 1.28rem; line-height: 1.28rem; text-align: center; font-size: 0.42667rem; color: #4c4c4c; position: relative; } .fot .fot_item button {
display: block; width: 9.09333rem; height: 100%; background: #ffffff; position: absolute; left: 50%; margin-left: -4.54667rem; border: none; } .fot .fot_item input {
display: block; width: 2.21333rem; height: 0.72rem; position: absolute; z-index: 100; left: 50%; top: 50%; margin-left: -1.10667rem; margin-top: -0.36rem; opacity: 0; } .fot button.a {
border-radius: 0.13333rem 0.13333rem 0 0; border-bottom: 1px solid #ededed; } .fot button.b {
border-radius: 0 0 0.13333rem 0.13333rem; } .fot button.c {
margin-top: 0.13333rem; border-radius: 0.13333rem; } .success {
position: fixed; top: 50%; left: 50%; text-align: center; background: rgba(0, 0, 0, 0.6); font-size: 0.37333rem; color: #ffffff; border-radius: 0.13333rem; width: 2.88rem; height: 1.2rem; line-height: 1.2rem; margin-top: -0.6rem; margin-left: -1.44rem; }
 

 

转载于:https://www.cnblogs.com/qiuchuanji/p/7736465.html

你可能感兴趣的文章
小程序-canvas在IOS手机层级最高无法展示问题
查看>>
「 Luogu P2285 」打鼹鼠
查看>>
lua语言入门之Sublime Text设置lua的Build System
查看>>
解决win8使用内置管理员不能打开应用商城、天气等问题
查看>>
vue.js基础
查看>>
电脑的自带图标的显示
查看>>
globalization与全球化
查看>>
[转载] redis 的两种持久化方式及原理
查看>>
关于在Idea 创建Maven项目时,无法在source文件下创建servlet文件问题解决!
查看>>
对 HTTP 304 的理解
查看>>
深入理解css中的margin属性
查看>>
C++ 删除字符串的两种实现方式
查看>>
电容选型
查看>>
ORA-01502: 索引'P_ABCD.PK_WEB_BASE'或这类索引的分区处于不可用状态
查看>>
Spring EL hello world实例
查看>>
百度地图API地理位置和坐标转换
查看>>
MyBatis学习总结(六)——调用存储过程
查看>>
code-代码平台服务器路径
查看>>
离线安装 Visual Studio Express 而不下载整个镜像文件的方法(转载)
查看>>
2017-2018-2偏微分方程复习题解析10
查看>>