优化分享好友演示

This commit is contained in:
gyq 2024-11-14 09:05:44 +08:00
parent aacb9d966a
commit 7836222460
2 changed files with 26 additions and 8 deletions

View File

@ -26,7 +26,7 @@
<span class="t">{{ shopInfo.name }}</span>
</div>
<div class="title">{{ form.title }}</div>
<el-image :src="form.shareImg" style="width: 100%;height: 130px;" fit="cover">
<el-image :src="form.shareImg" style="width: 100%;height: 90px;" fit="cover">
<div slot="error" class="image-slot">
<i class="el-icon-folder-delete"></i>
</div>
@ -323,7 +323,7 @@ export default {
}
.preview_wrap {
width: 328px;
width: 300px;
height: 368px;
background-color: #EDEDED;
position: relative;
@ -337,10 +337,24 @@ export default {
display: flex;
.content {
width: 200px;
width: 150px;
background-color: #fff;
border-radius: 4px;
padding: 10px 10px 6px;
position: relative;
&::before {
$size: 8px;
content: "";
width: $size;
height: $size;
border-radius: 1px;
background-color: #fff;
position: absolute;
top: 10px;
right: $size / 2 * -1;
transform: rotate(-45deg);
}
.name {
display: flex;
@ -360,6 +374,10 @@ export default {
}
}
.title {
font-size: 12px;
}
.btm {
font-size: 10px;
color: #999;
@ -378,8 +396,8 @@ export default {
}
.avatar {
width: 40px;
height: 40px;
width: 30px;
height: 30px;
margin-left: 10px;
}
}
@ -412,13 +430,13 @@ export default {
.ipt {
flex: 1;
height: 36px;
height: 30px;
background-color: #fff;
border-radius: 4px;
}
.icon {
font-size: 28px;
font-size: 22px;
color: #333;
}
}

View File

@ -24,7 +24,7 @@ export default {
},
data() {
return {
activeName: '2'
activeName: '1'
}
},
methods: {}