czg_team
/
management
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化分享好友演示

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/application/components/invite_friend/share.vue
View File

@ -26,7 +26,7 @@
<span class="t">{{ shopInfo.name }}</span> <span class="t">{{ shopInfo.name }}</span>
</div> </div>
<div class="title">{{ form.title }}</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"> <div slot="error" class="image-slot">
<i class="el-icon-folder-delete"></i> <i class="el-icon-folder-delete"></i>
</div> </div>
@ -323,7 +323,7 @@ export default {
} }
.preview_wrap { .preview_wrap {
width: 328px; width: 300px;
height: 368px; height: 368px;
background-color: #EDEDED; background-color: #EDEDED;
position: relative; position: relative;
@ -337,10 +337,24 @@ export default {
display: flex; display: flex;
.content { .content {
width: 200px; width: 150px;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
padding: 10px 10px 6px; 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 { .name {
display: flex; display: flex;
@ -360,6 +374,10 @@ export default {
} }
} }
.title {
font-size: 12px;
}
.btm { .btm {
font-size: 10px; font-size: 10px;
color: #999; color: #999;
@ -378,8 +396,8 @@ export default {
} }
.avatar { .avatar {
width: 40px; width: 30px;
height: 40px; height: 30px;
margin-left: 10px; margin-left: 10px;
} }
} }
@ -412,13 +430,13 @@ export default {
.ipt { .ipt {
flex: 1; flex: 1;
height: 36px; height: 30px;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
} }
.icon { .icon {
font-size: 28px; font-size: 22px;
color: #333; color: #333;
} }
} }

2
src/views/application/invite_friend.vue
View File

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