瀏覽代碼

样式优化

tanxue 2 月之前
父節點
當前提交
ff90c6ff30

+ 4 - 3
common/styles/global/components.scss

@@ -439,15 +439,16 @@ margin-right: 18rpx;display: inline-block;vertical-align: middle;}
 
 /***** admin上传  *****/
 .admin-upload-btn-box,.sfz-upload-box{
-	width: 200rpx;height: 200rpx;border: 1rpx dashed #ccc;margin: 0 auto;
-	display: flex;align-items: center;justify-content: center;border-radius: 8rpx;
+	width: 200rpx;height: 200rpx;border: 1rpx dashed #ccc;margin: 0 auto;box-sizing: border-box;
+	display: flex;align-items: center;justify-content: center;border-radius: 8rpx;overflow: hidden;
 	text{font-size: 42rpx;color:#d7d7d7;}
+	.other-image{width: 200rpx;max-height: 200rpx;border-radius: 8rpx;}
+	.sfz-image{width: 360rpx;max-height: 220rpx;border-radius: 8rpx;}
 }
 .sfz-upload-box{
 	width: 360rpx;height: 220rpx;
 	text{color:#888;}
 	.sfz-content{font-size: 32rpx;color:#888;}
-	.sfz-image{width: 360rpx;max-height: 220rpx;}
 }
 .upload-bottom-text {font-size: 24rpx;color: #666;text-align: center;margin-top: 10rpx;}
 

+ 10 - 1
common/styles/global/pages.scss

@@ -622,7 +622,16 @@
 	}
 	// 照片资料
 	.ziliao-upload-box{
-		background-color: #fff;display: flex;padding: 32rpx;
+		background-color: #fff;display: flex;flex-wrap: wrap;padding: 32rpx;
+		.ziliao-image-box{position: relative;}
+		.ziliao-image{width: 200rpx;max-height: 200rpx;}
+		.ziliao-image-box{margin-right: 24rpx;}
+		.ziliao-image-close{
+			width: 36rpx;height: 36rpx;@include ezy-no-repeat-cover();
+			background-image: url("@/static/images/common/img-close-icon.svg");
+			position: absolute;top: 0;right: 0;z-index: 2;
+		}
+		.admin-upload-btn-box{margin: 0;}
 		.upload-item-box + .upload-item-box{margin-left: 16rpx;}
 	}
 	.zpzl-tip-box{

+ 1 - 1
pages/admin/Jiazheng/common/jiazhengUpload.vue

@@ -9,7 +9,7 @@
 	</view>
 	<view v-else class="admin-upload-btn-box" @click="showActionSheet">
 	<text v-if="!imageUrl">+</text>
-	<image v-else style="width: 100rpx;height: 100rpx;"   :src="imageUrl" mode=""></image>
+	<image v-else class="other-image"   :src="imageUrl" mode=""></image>
 	</view>
 	<view v-if="bottomText" class="upload-bottom-text">
 		{{bottomText}}

+ 12 - 24
pages/admin/Jiazheng/zhaopianZiliao.vue

@@ -21,15 +21,11 @@
 		</view>
 		<view class="zhaopianZiliao-shenfenzhengImg">
 			<view class="ziliao-upload-box">
-				<view v-if="tijianbaogaoList.length>0">
-					<view v-for="(item, index) in tijianbaogaoList" :key="index">
-						<img style="width: 100rpx;height: 100rpx;" :src="item" alt="">
-						<view @click="deleteTijianbaogao(item,index)">删除</view>
-					</view>
-				</view>
-				<view>
-					<jiazhengUpload changjingType="more" @getFileUrl="getTijianbaogao"></jiazhengUpload>
+				<view v-for="(item, index) in tijianbaogaoList" :key="index" v-if="tijianbaogaoList.length>0" class="ziliao-image-box">
+					<img class="ziliao-image" :src="item" alt="">
+					<view @click="deleteTijianbaogao(item,index)" class="ziliao-image-close"></view>
 				</view>
+				<jiazhengUpload changjingType="more" @getFileUrl="getTijianbaogao"></jiazhengUpload>
 			</view>
 		</view>
 
@@ -39,15 +35,11 @@
 		</view>
 		<view class="zhaopianZiliao-shenfenzhengImg">
 			<view class="ziliao-upload-box">
-				<view v-if="shenghuizhaoList.length>0">
-					<view v-for="(item, index) in shenghuizhaoList" :key="index">
-						<img style="width: 100rpx;height: 100rpx;" :src="item" alt="">
-						<view @click="deleteShenghuoZhao(item,index)">删除</view>
-					</view>
-				</view>
-				<view>
-					<jiazhengUpload changjingType="more" @getFileUrl="getGzShenghuozhao"></jiazhengUpload>
+				<view v-for="(item, index) in shenghuizhaoList" :key="index" v-if="shenghuizhaoList.length>0" class="ziliao-image-box">
+					<img class="ziliao-image" :src="item" alt="">
+					<view @click="deleteShenghuoZhao(item,index)" class="ziliao-image-close"></view>
 				</view>
+				<jiazhengUpload changjingType="more" @getFileUrl="getGzShenghuozhao"></jiazhengUpload>
 			</view>
 		</view>
 		<view class="form-label-switch form-top-margin">
@@ -56,15 +48,11 @@
 		</view>
 		<view class="zhaopianZiliao-shenfenzhengImg">
 			<view class="ziliao-upload-box">
-				<view v-if="zigezhaoList.length>0">
-					<view v-for="(item, index) in zigezhaoList" :key="index">
-						<img style="width: 100rpx;height: 100rpx;" :src="item" alt="">
-						<view @click="deleteZigeZhao(item,index)">删除</view>
-					</view>
-				</view>
-				<view>
-					<jiazhengUpload changjingType="more" @getFileUrl="getZigezhao"></jiazhengUpload>
+				<view v-for="(item, index) in zigezhaoList" :key="index" v-if="zigezhaoList.length>0" class="ziliao-image-box">
+					<img class="ziliao-image" :src="item" alt="">
+					<view @click="deleteZigeZhao(item,index)" class="ziliao-image-close"></view>
 				</view>
+				<jiazhengUpload changjingType="more" @getFileUrl="getZigezhao"></jiazhengUpload>
 			</view>
 		</view>
 		<view class="form-label-select">