Commit e9d3a8ff by 刘海龙

111

parent 8f22c002
...@@ -107,8 +107,10 @@ ...@@ -107,8 +107,10 @@
.smrz .list_hd { font-size: .7rem; color: #333; } .smrz .list_hd { font-size: .7rem; color: #333; }
.smrz .list_bd { width: 70%; text-align: right; font-size: .7rem; color: #999; } .smrz .list_bd { width: 70%; text-align: right; font-size: .7rem; color: #999; }
.smrz .list_bd::-webkit-input-placeholder { color: #999; } .smrz .list_bd::-webkit-input-placeholder { color: #999; }
.smrz .scimgBox { width: 100%; margin-top: .5rem; padding: 0 .7rem; display: flex; align-items: center; justify-content: space-between; } .smrz .scimgBox { width: 100%; margin-top: .5rem; padding: 0 .7rem; position: relative; height: 5.4rem; }
.smrz .imgItem { width: 5.4rem; height: 5.4rem; border-radius: .4rem; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; } .smrz .imgItemL { width: 5.4rem; height: 5.4rem; border-radius: .4rem; position: absolute;left: 0; top: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; }
.smrz .imgItemR { width: 5.4rem; height: 5.4rem; border-radius: .4rem; position: absolute;right: 0; top: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; }
.smrz .imgItemM { width: 5.4rem; height: 5.4rem; border-radius: .4rem; position: absolute;left: 50%; top: 0; transform: translate(-50%,0); display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; }
.smrz .imgItem img { width: 100%; height: 100%; } .smrz .imgItem img { width: 100%; height: 100%; }
.smrz .addTipsimg { width: 1.05rem; height: 1.05rem; } .smrz .addTipsimg { width: 1.05rem; height: 1.05rem; }
.smrz .addTips_wz { font-size: .5rem; color: #C45EFF; margin-top: .35rem; } .smrz .addTips_wz { font-size: .5rem; color: #C45EFF; margin-top: .35rem; }
......
...@@ -56,15 +56,13 @@ ...@@ -56,15 +56,13 @@
</div> </div>
<div class="scimgBox"> <div class="scimgBox">
<div class="imgItem"> <div v-if="isFile" class="imgItemL" @click="addImg('front_view')">
<div v-if="isFile" @click="addImg('front_view')"> <img :src="form.front_view ? form.front_view : upload_image">
<img :src="form.front_view ? form.front_view : upload_image">
</div>
</div> </div>
<div class="imgItem" @click="addImg('back_view')"> <div class="imgItemM" @click="addImg('back_view')">
<img :src="form.back_view ? form.back_view : upload_image2"> <img :src="form.back_view ? form.back_view : upload_image2">
</div> </div>
<div class="imgItem" @click="addImg('handset_view')"> <div class="imgItemR" @click="addImg('handset_view')">
<img :src="form.handset_view ? form.handset_view : upload_image3"> <img :src="form.handset_view ? form.handset_view : upload_image3">
</div> </div>
<!-- <input id="file" name="image" type="file" v-show="false" class="upload" accept="image/*" @change="upload"/> <!-- <input id="file" name="image" type="file" v-show="false" class="upload" accept="image/*" @change="upload"/>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment