Selaa lähdekoodia

小按钮调整

zhengkaixin 3 vuotta sitten
vanhempi
commit
43571b0395

BIN
assets/img/img_edit.png


BIN
assets/img/img_like.png


+ 34 - 2
html/company/company_main.html

@@ -168,19 +168,51 @@
 		<script src="../../js/bootstrap.min.js"></script>
 		<script src="../../assets/js/company_main.js"></script>
 		<script src="../../assets/plugin/template-web.js"></script>
+		<style>
+			.imgoption {
+				height:  0px;
+				background-color: #e5e8ec;
+				    top: -95px;
+				    left: 60%;
+				    width: 80px;
+				position: relative;
+				
+				display: none;
+			}
+			.imgoption img {
+				    background: #d1d3d5;
+					    border-radius: 5px;
+				    opacity: 0.9;
+				padding: 3px;
+				margin: 3px;
+				
+				    float: right;
+			}
+			.thumbnaila:hover .imgoption{
+				
+				display: flex;
+			}
+		</style>
 		<script id="flow-photos" type="text/html">
 			{{each  photos  photo index}}
 				<div class="col-md-2">
-				    <div class="thumbnail">
-				        <a href="javascript:void(0);">
+				    <div class="thumbnail thumbnaila">
+				        <a href="javascript:void(0);" class="">
 							<img src="{{photo.url}}" class="img-responsive img-rounded">
+						
 				        </a>
+					
 				        <div class="caption">
 				            
 				            <p>
 				                <small>{{photo.note}}</small>
 				            </p>
 				        </div> 
+						<span class="imgoption ">
+							<img style="width: 20px;height: 20px;" src="../../assets/img/img_like.png">
+							<img style="width: 20px;height: 20px;" src="/lanhu-bootstrap/assets/img/img_edit.png">
+							<img style="width: 20px;height: 20px;" src="/lanhu-bootstrap/assets/img/img_del.png">
+						</span>
 				    </div>
 				</div>
 			{{ /each }}

+ 8 - 2
html/company/postproject.html

@@ -99,11 +99,17 @@
 									style="display:none" />
 								<style>
 									.imgdel {
-										opacity: 0.5;
+										
 										background-color: #e5e8ec;
 										top: -40%;
 										left: 40%;
-										position: relative;
+										position: relative;
+										  border-radius: 5px;
+									}
+									.imgdel  img{
+										opacity: 0.7;
+										padding: 3px;
+									
 									}
 								</style>
 								<dd class="imguploadlist">

+ 12 - 6
html/moments/postmoment.html

@@ -96,12 +96,18 @@
 									accept=".bmp,.jpg,.png,.jpeg,image/bmp,image/jpg,image/png,image/jpeg"
 									style="display:none" />
 								<style>
-									.imgdel {
-										opacity: 0.5;
-										background-color: #e5e8ec;
-										top: -40%;
-										left: 40%;
-										position: relative;
+									.imgdel {
+										
+										background-color: #e5e8ec;
+										top: -40%;
+										left: 40%;
+										position: relative;
+										  border-radius: 5px;
+									}
+									.imgdel  img{
+										opacity: 0.7;
+										padding: 3px;
+									
 									}
 								</style>
 								<dd class="imguploadlist">