879.cc
<style>
.message > .fieldset {
margin-top: 20px;
}
.attachlist {
padding: 0;
}
.attachlist li {
list-style-type: none;
font-size: 15px;
margin-bottom: 8px;
}
.attachlist li:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.attachlist li .haya-post-attach-lite-info-4f8a95d65e84fe0037c43f008a1510fd {
display: inline-block;
position: relative;
max-width: 50%;
cursor: pointer;
transition: all 0.5s linear;
}
.attachlist li .haya-post-attach-lite-info-4f8a95d65e84fe0037c43f008a1510fd.open {
max-width: 100%;
transition: all 0.5s linear;
}
.attachlist li .haya-post-attach-lite-info-4f8a95d65e84fe0037c43f008a1510fd .haya-post-attach-lite-img {
width: 100%;
margin-bottom: 0 !important;
}
.attachlist li .haya-post-attach-lite-info-4f8a95d65e84fe0037c43f008a1510fd .haya-post-attach-lite-search {
position: absolute;
right: 0;
bottom: 0;
text-decoration: none;
border-radius: 4px;
padding: 0 5px;
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.3);
}
.attachlist li .haya-post-attach-lite-info-4f8a95d65e84fe0037c43f008a1510fd .haya-post-attach-lite-search:hover {
border: 1px solid rgba(255, 255, 255, 0.5);
background: rgba(255, 255, 255, 0.5);
}
<script>
function haya_post_attach_lite_open_4f8a95d65e84fe0037c43f008a1510fd(id) {
var thiz = $(id).parent();
if (thiz.hasClass("open")) {
thiz.removeClass("open");
} else {
thiz.addClass("open");
}
}
</script>
<fieldset class="fieldset">
<legend>上传的附件：</legend>
<ul class="attachlist">
<li aid="19107">
<a href="attach-download-19107.htm" target="_blank">
<i class="icon filetype image"></i>
IMG_0312.png
</a>
(大小：325.40K，下载次数：4) <div class="col-md-12">
<i class="icon-search"></i> </li>
<li aid="19106">
<a href="attach-download-19106.htm" target="_blank">
<i class="icon filetype image"></i>
IMG_0311.png
</a>
(大小：1.27M，下载次数：4) <div class="col-md-12">  <i class="icon-search"></i> </li>
</ul>
</fieldset>
|
|
